:root{--ink:#1b1f3b;--deep:#101226;--slab:#262a4c;--violet:#8b7cf6;--mint:#5eead4;--paper:#f8fafc;--hush:rgba(248,250,252,.68)}
*{box-sizing:border-box}html{background:var(--deep)}
body{margin:0;color:var(--paper);font:16px/1.75 "Pretendard","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;
background:radial-gradient(1200px 500px at 85% -10%,rgba(139,124,246,.35),transparent 60%),radial-gradient(700px 400px at -10% 30%,rgba(94,234,212,.12),transparent 60%),var(--ink);min-height:100vh}
.band{display:flex;gap:4px;align-items:flex-end;height:34px;margin:0 0 18px}
.band i{display:block;width:5px;border-radius:3px;background:linear-gradient(var(--mint),var(--violet));opacity:.85}
header.top{max-width:860px;margin:0 auto;padding:28px 22px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.mark{font-weight:800;letter-spacing:.02em;color:var(--paper);text-decoration:none;font-size:18px}
.mark small{display:block;font-weight:500;color:var(--hush);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
nav.tabs a,.lang a{color:var(--hush);text-decoration:none;padding:6px 12px;border-radius:999px;font-size:14px;border:1px solid transparent}
nav.tabs a[aria-current]{color:var(--deep);background:var(--mint)}
nav.tabs a:hover{border-color:rgba(255,255,255,.18)}
.lang{font-size:13px}.lang a[aria-current]{color:var(--paper);border-color:var(--violet)}
main{max-width:860px;margin:0 auto;padding:26px 22px 70px}
.hero{background:linear-gradient(135deg,rgba(139,124,246,.22),rgba(38,42,76,.9));border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:28px 26px;margin-bottom:26px}
h1{margin:0 0 6px;font-size:30px;line-height:1.3}
.meta{color:var(--hush);font-size:14px;margin:0}
section{background:var(--slab);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px 24px;margin:0 0 14px}
h2{font-size:18px;margin:0 0 8px;color:var(--mint)}
h2 b{display:inline-block;min-width:30px;color:var(--violet);font-variant-numeric:tabular-nums}
p,li{color:#e6e8f3}ul{padding-left:20px}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}th{color:var(--mint);font-weight:600}
a{color:var(--mint)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.cards a{display:block;background:var(--slab);border-radius:16px;padding:18px;text-decoration:none;color:var(--paper);border:1px solid rgba(255,255,255,.08)}
.cards a:hover{border-color:var(--violet)}
footer{max-width:860px;margin:0 auto;padding:0 22px 40px;color:var(--hush);font-size:13px}