*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#07111f;color:#ecf6ff}
body{background:radial-gradient(circle at 10% 0,#153a5c,#07111f 48%,#050b14)}
a{color:#5ee0b7;text-decoration:none}
.top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(18px,5vw,72px);background:rgba(7,17,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{font-weight:900;letter-spacing:-.02em}.brand span{display:block;color:#93a8c0;font-size:12px;margin-top:3px}
.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-weight:800;color:#fff}
.wrap{max-width:980px;margin:0 auto;padding:54px 18px 80px}
.card{background:rgba(255,255,255,.94);color:#07111f;border-radius:32px;padding:clamp(22px,4vw,46px);box-shadow:0 28px 90px rgba(0,0,0,.34)}
.badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#e9fff6;color:#087653;font-weight:900;font-size:13px}
h1{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.055em;margin:18px 0 10px}
h2{font-size:25px;margin:34px 0 12px;letter-spacing:-.02em}
p,li{line-height:1.65;color:#334155;font-size:16px}
ul{padding-left:22px}.muted{color:#64748b}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}
.box{border:1px solid #e5edf6;background:#f8fbff;border-radius:22px;padding:18px}
.footer{margin-top:30px;padding-top:22px;border-top:1px solid #e5edf6;color:#64748b;font-size:14px}
@media(max-width:720px){.grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.nav a{font-size:13px}.card{border-radius:24px}}