:root{--navy:#0B1226;--navy-2:#13204A;--ink:#0B1226;--text:#1B2440;--text-2:#3A4560;--text-3:#5E6883;--bg:#F6F8FC;--white:#fff;--line:rgba(11,18,38,.08);--blue:#2F6BFF;--mint:#17D3A0;--mint-deep:#0E9C76;--mint-text:#047857;--mint-soft:rgba(23,211,160,.12);--amber:#B45309;--amber-soft:rgba(245,158,11,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}
h1,h2,h3{font-family:"Plus Jakarta Sans",Inter,sans-serif;color:var(--ink);line-height:1.2;margin:0 0 .5em}
a{color:var(--blue)}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
header.nav{background:var(--navy);color:#fff}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.logo{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800;font-size:20px;color:#fff;text-decoration:none}
.logo span{color:var(--mint)}
.nav a.link{color:#C9D3EA;text-decoration:none;margin-left:18px;font-size:14px}
.hero{background:radial-gradient(1200px 500px at 85% -10%,rgba(23,211,160,.22),transparent 60%),linear-gradient(180deg,var(--navy),var(--navy-2));color:#E6ECF8;padding:56px 0 64px}
.hero h1{color:#fff;font-size:clamp(32px,4.6vw,48px);max-width:820px}
.kicker{color:var(--mint-text);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.sub{color:var(--text-2);max-width:720px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
a.card{text-decoration:none;color:inherit;display:block}
a.card h2{color:var(--ink)}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
section{padding:36px 0}
.btn{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:600;text-decoration:none;font-size:15px;border:0;cursor:pointer;font-family:inherit}
.btn-primary{background:var(--mint);color:var(--navy)}
.btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.3)}
.btn-line{background:#fff;color:var(--ink);border:1px solid rgba(11,18,38,.16)}
.btn-li{background:#0A66C2;color:#fff}
label{font-size:14px;font-weight:600;color:var(--ink);display:block;margin-bottom:6px}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid rgba(11,18,38,.16);border-radius:10px;font:inherit;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--mint);border-color:transparent}
.form{display:grid;gap:14px;max-width:640px}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--text-2)}
.check input{width:auto;margin-top:4px}
.note{font-size:13px;color:var(--text-3)}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;background:var(--mint-soft);color:var(--mint-text)}
.tag.soon{background:var(--amber-soft);color:var(--amber)}
.frame{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#0B1226;margin:12px 0}
.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.q{margin:0 0 18px}
.q p{margin:0 0 8px}
.choice{font-weight:400;display:flex;gap:8px;align-items:flex-start;margin:4px 0}
.choice input{width:auto;margin-top:4px}
.result{border-top:4px solid var(--mint)}
.result.fail{border-top-color:var(--amber)}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace}
table.plain{width:100%;border-collapse:collapse;font-size:14px}
table.plain td{padding:8px 0;border-bottom:1px solid var(--line);vertical-align:top}
table.plain td:first-child{font-weight:600;width:42%}
.num{font-variant-numeric:tabular-nums;text-align:right}
.banner{background:var(--amber-soft);color:var(--amber);padding:10px 16px;border-radius:10px;font-size:14px}
footer.site{background:var(--navy);color:#AEB9D3;font-size:13px;padding:28px 0}
footer.site a{color:#C9D3EA}
.err{background:#fff;border:1px solid rgba(180,83,9,.4);color:var(--amber);border-radius:12px;padding:12px 14px}
@media(max-width:640px){.nav a.link{margin-left:10px}}