*{box-sizing:border-box}body{margin:0;font-family:Arial,Tahoma,sans-serif;background:#07111f;color:#eef6ff}.top{background:linear-gradient(90deg,#06162d,#123b66);padding:30px;text-align:center;border-bottom:3px solid #2ba8ff}.top h1{margin:0;font-size:38px}.top p{color:#a9d9ff}.wrap{max-width:1100px;margin:25px auto;padding:0 15px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:#101d31;border:1px solid #254b79;border-radius:16px;padding:22px;text-decoration:none;color:white;box-shadow:0 10px 25px #0005}.card:hover{border-color:#35c2ff;transform:translateY(-2px)}.tag{display:inline-block;background:#173f70;color:#8ee6ff;padding:5px 10px;border-radius:30px;font-size:13px}.box{background:#101d31;border:1px solid #28466b;border-radius:14px;padding:22px;margin:20px 0}input,textarea,button{width:100%;padding:12px;border-radius:10px;border:1px solid #395b85;margin:7px 0;background:#07111f;color:#fff}button{background:#1b80d7;border:none;font-weight:bold;cursor:pointer}.flag{background:#093d2d;border:1px solid #12d88a;padding:18px;border-radius:12px;margin:15px 0;color:#baffdf}.warn{background:#4a2b06;border:1px solid #ffb347;color:#fff1d6;padding:12px;border-radius:10px}.error{background:#4a1010;border:1px solid #ff6666;padding:12px;border-radius:10px}.comment{background:#17263e;padding:12px;border-radius:10px;margin:10px 0}.small{color:#a7bdd6;font-size:14px}code{background:#000;padding:2px 6px;border-radius:5px;color:#8cffcc}.nav a{color:#8ee6ff;margin-right:12px}