:root { --bg:#07080c; --ink:#f5f5f4; --muted:#a8a29e; --line:#2a2a2e; --red:#e11d2e; --gold:#f5c518; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.65 "Pretendard","Apple SD Gothic Neo","Noto Sans KR",sans-serif; color:var(--ink); background:radial-gradient(900px 420px at 70% 0%, #3a120c 0%, var(--bg) 55%); }
a { color:inherit; }
.wrap { width:min(1120px, calc(100% - 32px)); margin:0 auto; }
.top { position:sticky; top:0; z-index:3; background:#0b0b0d; border-bottom:1px solid #1c1c1f; }
.bar { display:flex; align-items:center; gap:18px; min-height:68px; }
.logo { display:flex; gap:4px; text-decoration:none; font-weight:800; }
.logo b { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:14px; }
.logo b:nth-child(1){ background:#e11d2e; } .logo b:nth-child(2){ background:#f5c518; color:#111; } .logo b:nth-child(3){ background:#e11d2e; }
nav { display:flex; gap:16px; margin-left:12px; font-size:14px; }
nav a { text-decoration:none; color:#d6d3d1; }
.marks { margin-left:auto; display:flex; gap:8px; }
.go { background:#f5c518; color:#111; text-decoration:none; border-radius:8px; padding:8px 12px; font-size:14px; font-weight:700; }
.mark { background:var(--red); color:#fff; text-decoration:none; border-radius:8px; padding:8px 12px; font-size:14px; font-weight:700; }
.hero { display:grid; grid-template-columns:1.1fr .9fr; gap:28px; padding:54px 0 20px; align-items:center; }
.pill { display:inline-block; border:1px solid #6b5420; color:#f5c518; border-radius:999px; padding:6px 12px; font-size:13px; }
h1 { margin:14px 0 12px; font-size:clamp(34px, 5vw, 54px); line-height:1.15; letter-spacing:-.04em; }
h1 em { color:#f5c518; font-style:normal; }
.lead { color:var(--muted); max-width:560px; }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.btn { text-decoration:none; border-radius:10px; padding:12px 14px; background:#1c1c1f; border:1px solid #333; }
.btn.red { background:var(--red); border-color:var(--red); font-weight:700; }
.btn.gold { background:var(--gold); color:#111; border-color:var(--gold); font-weight:700; }
.hub { position:relative; height:360px; }
.core, .node { position:absolute; display:grid; place-items:center; border-radius:50%; text-decoration:none; font-weight:750; }
.core { width:108px; height:108px; left:50%; top:50%; transform:translate(-50%,-50%); background:var(--red); }
.node { width:78px; height:78px; background:#f5c518; color:#111; font-size:13px; }
.n0{ left:8%; top:18%; } .n1{ right:8%; top:8%; } .n2{ left:0; top:46%; } .n3{ right:0; top:42%; }
.n4{ left:18%; bottom:8%; } .n5{ right:16%; bottom:6%; } .n6{ left:42%; top:0; background:#fff; } .n7{ right:6%; bottom:28%; background:#fff; color:#111; } .n8{ left:38%; bottom:0; background:#fff; color:#111; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:10px 0 28px; }
.stats div { background:#141416; border:1px solid #2a2a2e; border-radius:14px; padding:16px; }
.stats b { display:block; color:var(--gold); font-size:28px; }
.stats span { color:var(--muted); font-size:13px; }
.grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding-bottom:40px; }
.card { background:#121214; border:1px solid #2a2a2e; border-radius:16px; padding:16px; }
.card h2 { margin:0 0 6px; font-size:18px; }
.card p, .article p { color:var(--muted); }
.links { list-style:none; margin:8px 0 0; padding:0; }
.links li { border-top:1px solid #2a2a2e; }
.links a { display:flex; justify-content:space-between; padding:10px 0; text-decoration:none; }
.links span { color:var(--muted); font-size:13px; }
.article { padding:36px 0 56px; }
.article h1 { font-size:36px; }
.crumb { color:var(--muted); font-size:13px; }
.chips { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.chips a { text-decoration:none; border:1px solid #3a3a3e; border-radius:999px; padding:6px 12px; font-size:13px; color:#e7e5e4; }
.links p { margin:0 0 10px; color:var(--muted); font-size:14px; }
@media (max-width:860px) {
  nav { display:none; }
  .hero, .stats, .grid { grid-template-columns:1fr; }
  .hub { display:none; }
}