:root{color-scheme:dark}
body{margin:0;background:#071426;color:#dbeafe;font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
.wrap{max-width:980px;margin:auto;padding:28px 20px 60px}
.brand{display:flex;align-items:center;flex-wrap:wrap;gap:14px;border-bottom:1px solid #29415f;padding-bottom:18px}
.brand img{width:52px;height:52px;border-radius:10px}
.brand a{color:#93c5fd;text-decoration:none}
.hero{padding:34px 0 18px}
.hero h1{font-size:clamp(28px,5vw,48px);line-height:1.1;color:#fff;margin:0 0 12px}
.hero p{font-size:18px;color:#b9c9dc}
.card{background:#0d1d33;border:1px solid #29415f;border-radius:14px;padding:20px;margin:16px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.card h2,.card h3{color:#67e8f9;margin-top:0}
.cta{display:inline-block;background:#2563eb;color:#fff!important;border-radius:8px;padding:10px 16px;text-decoration:none;font-weight:700}
.links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.links a{color:#93c5fd}
.muted{color:#9fb1c7}
footer{border-top:1px solid #29415f;margin-top:34px;padding-top:18px;color:#9fb1c7;font-size:14px}
footer a{color:#93c5fd}
li{margin:7px 0}
ol,ul{padding-left:1.2rem}
@media (max-width:640px){.wrap{padding:20px 14px 48px}.hero p{font-size:16px}}