*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090d;color:#f4f5f7;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.nav{height:72px;display:flex;align-items:center;gap:28px;padding:0 7%;border-bottom:1px solid #1d2028;position:sticky;top:0;background:#08090de8;backdrop-filter:blur(12px);z-index:5}.brand{font-weight:900;letter-spacing:.18em;margin-right:auto}.nav a{color:#aeb4c0;text-decoration:none}.hero{max-width:1000px;margin:0 auto;padding:120px 24px 90px;text-align:center}.badge{display:inline-block;border:1px solid #2a2e39;border-radius:999px;padding:8px 14px;color:#aeb4c0;font-size:13px}.hero h1{font-size:clamp(42px,7vw,78px);line-height:1.02;margin:24px 0}.hero h1 span{color:#858c99}.hero p{max-width:650px;margin:0 auto;color:#9da4b0;font-size:18px;line-height:1.7}.actions{display:flex;justify-content:center;gap:14px;margin-top:34px}.btn,.ghost{border-radius:10px;padding:13px 20px;border:1px solid #fff;text-decoration:none;font-weight:700;cursor:pointer}.btn{background:#fff;color:#090a0d}.ghost{color:#fff;border-color:#30343e}.small{padding:8px 13px}.grid{max-width:1000px;margin:0 auto;padding:20px 24px 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid article,.card{border:1px solid #20242d;background:#0d0f14;border-radius:16px;padding:25px}.grid p,.card p{color:#9299a6;line-height:1.6}.card{max-width:952px;margin:0 auto 28px}.card h2{margin-top:0}pre{overflow:auto;background:#07080b;border:1px solid #20242d;padding:18px;border-radius:10px;color:#d9dde5}.login{max-width:480px}form{display:grid;gap:10px}input{background:#090b0f;border:1px solid #2a2e38;color:#fff;padding:13px;border-radius:9px}#msg{margin-top:15px;color:#9da4b0}footer{text-align:center;color:#666d78;padding:50px 20px}@media(max-width:700px){.nav{gap:12px}.nav>a:not(.btn){display:none}.grid{grid-template-columns:1fr}.hero{padding-top:80px}}