*{box-sizing:border-box}body{margin:0;font:16px/1.65 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#e8ecf3;background:#0b1220}
a{color:#4ea1ff}.w{max-width:1040px;margin:0 auto;padding:0 20px}
header{background:#0f1a30;border-bottom:1px solid #1f2d4d;position:sticky;top:0;z-index:5}
header .w{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 20px}
.logo{font-weight:700;color:#fff;text-decoration:none}nav a{margin-right:16px;color:#c9d4ea;text-decoration:none;font-size:15px}nav a:hover{color:#fff}
.btn{display:inline-block;background:#18b26b;color:#fff!important;padding:12px 24px;border-radius:8px;font-weight:700;text-decoration:none;margin:6px 8px 6px 0}
.btn.alt{background:transparent;border:2px solid #4ea1ff;color:#4ea1ff!important}
.hero{padding:64px 0 40px;background:linear-gradient(160deg,#0f1a30,#0b1220)}h1{font-size:2.4rem;line-height:1.2;margin:0 0 16px;color:#fff}h2{margin-top:44px;color:#fff;font-size:1.6rem}h3{color:#9cc7ff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.card{background:#111d36;border:1px solid #1f2d4d;border-radius:12px;padding:20px}.card h3{margin-top:0}
.cta{background:#12264a;border-radius:14px;padding:32px;text-align:center;margin:48px 0}
table{width:100%;border-collapse:collapse}td,th{border:1px solid #1f2d4d;padding:10px;text-align:left}th{background:#111d36}
footer{border-top:1px solid #1f2d4d;padding:28px 0;margin-top:56px;color:#8fa0c0;font-size:14px}
details{background:#111d36;border:1px solid #1f2d4d;border-radius:8px;padding:12px 16px;margin:10px 0}summary{cursor:pointer;font-weight:600}
code{background:#111d36;padding:2px 6px;border-radius:4px}.small{color:#8fa0c0;font-size:14px}