:root{
  --bg:#0b1629; --panel:#0f1e39; --ink:#eef2ff; --ink-muted:#c7d2fe; --brand:#e9c86e; --accent:#d4af37;
}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Pretendard,'Noto Sans KR',Arial,sans-serif;background:var(--bg);color:var(--ink)}
.wrap,.container-narrow{max-width:1100px;margin:0 auto;padding:0 16px}
.hero{background: radial-gradient(1200px 500px at 20% -50%, rgba(212,175,55,.35), rgba(11,22,41,0)) , linear-gradient(180deg, rgba(11,22,41,1) 0%, rgba(11,22,41,.4) 100%);}
.panel{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;box-shadow:0 10px 24px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);}
.pill{display:inline-block;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,#e9c86e 0%,var(--accent) 100%);color:#0b1629;font-weight:800}
.btn{display:inline-block;padding:10px 14px;border-radius:9999px;text-decoration:none;font-weight:800}
.btn.gold{background:var(--brand);color:#111827} .btn.ghost{border:1px solid rgba(255,255,255,.35);color:#fff}
h1,h2,h3{margin:0 0 10px} p{margin:0 0 10px} a{color:#fff;text-decoration:none}
/* header include guard */
#site-header ul{list-style:none;margin:0;padding:0;display:flex;gap:16px;flex-wrap:wrap}
#site-header li{margin:0;padding:0} #site-header a{text-decoration:none}
@media (max-width:880px){#site-header .menu-toggle{display:inline-block} #site-header #menu{display:none} #site-header #menu.open{display:flex}}
#site-header a.active,#site-header a[aria-current="page"]{font-weight:700;border-bottom:2px solid #fff}