*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1020;color:#eaf0ff;font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#8bbcff}header{border-bottom:1px solid #26344f;background:#101a30}nav{max-width:1040px;margin:auto;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.brand{font-size:1.3rem;font-weight:800;color:#fff;text-decoration:none}.links{display:flex;gap:18px;flex-wrap:wrap}.links a{text-decoration:none;color:#c8d6ee}main{max-width:1040px;margin:auto;padding:55px 22px 80px}.eyebrow{color:#79aaff;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.15;margin:10px 0 20px}h2{font-size:1.4rem;margin-top:32px}.lead{font-size:1.15rem;color:#c5d3eb;max-width:760px}.card{background:#131e35;border:1px solid #293b5b;border-radius:16px;padding:24px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.grid .card{margin:0}li{margin:8px 0}footer{border-top:1px solid #26344f;padding:25px 22px;color:#a6b5d0;text-align:center}footer a{margin:0 8px}.note{background:#24253a;border-left:4px solid #f7bb63;padding:15px 18px;border-radius:6px}code{color:#b4d1ff}
.brand{display:inline-flex;align-items:center;gap:10px}.brand img{border-radius:10px;object-fit:cover}.hero-logo{width:clamp(110px,20vw,180px);height:auto;display:block;margin:12px 0 16px;border-radius:20px;box-shadow:0 10px 32px #00aaff33}@media(max-width:600px){.brand img{width:32px;height:32px}.hero-logo{width:128px}}