:root{--bg:#0b1020;--card:#121a2f;--card-soft:#1a2440;--text:#e8eefc;--muted:#9fb0d7;--line:#2a3a63;--brand:#7c8cff;--brand-soft:#4d5fd6;--ok:#37c58a;--warn:#ffb020}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 800px at 10% -20%,#1d2d66 0%,var(--bg)55%);color:var(--text);font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:#b8c7ff;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:20px}.header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:20;background:#0b1020bf;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:12px 20px;display:flex}.brand{letter-spacing:.2px;font-weight:700}.nav{color:var(--muted);gap:14px;font-size:14px;display:flex}.card{border:1px solid var(--line);background:linear-gradient(#ffffff05,#ffffff03);border-radius:14px;padding:18px}h1{margin:8px 0;font-size:28px}h2{margin:24px 0 10px;font-size:18px}p,li{color:var(--muted);line-height:1.65}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.badge{border:1px solid var(--line);color:#c7d4f8;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.button{border:1px solid var(--line);background:var(--card-soft);color:var(--text);cursor:pointer;border-radius:10px;padding:8px 12px}.button:hover{background:#25345f}.footer{border-top:1px solid var(--line);color:var(--muted);margin-top:30px;padding:20px;font-size:13px}@media (max-width:720px){.grid-2{grid-template-columns:1fr}.nav{display:none}}