:root{
  --night:#07090D;--panel:#0E1219;--line:#1E2633;
  --white:#F4F6F8;--muted:#98A3B2;--dim:#6E7987;
  --red:#FF2E3C;--amber:#FFB400;--teal:#1FD8C4;--violet:#6B4BFF;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--white);
  font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR","Noto Sans JP","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
:lang(zh) body{line-height:1.85}
:lang(ja) body{line-height:1.85}

.gnav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;
  padding:12px 16px;background:rgba(7,9,13,.9);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line)}
.gnav__back{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;
  border:1px solid var(--line);color:var(--muted);font-size:18px;line-height:1}
.gnav__brand{font-family:Anton,"Arial Narrow",Impact,sans-serif;letter-spacing:.06em;font-size:14px}
.gnav__langs{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.gnav__langs a{font-size:11.5px;color:var(--dim);padding:5px 8px;border:1px solid var(--line);border-radius:999px}
.gnav__langs a[aria-current="true"]{color:var(--teal);border-color:rgba(31,216,196,.5)}

.gwrap{max-width:720px;margin:0 auto;padding:28px 18px 56px}
.crumb{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;font-size:11.5px;color:var(--dim)}
.crumb a{color:var(--dim)}
.crumb a:hover{color:var(--muted)}
.crumb span{opacity:.5}

h1{margin:0 0 12px;font-size:clamp(26px,7vw,38px);line-height:1.28;letter-spacing:-.01em;word-break:keep-all}
.lead{margin:0 0 28px;font-size:15.5px;color:#C6CEDA;word-break:keep-all}

h2{margin:34px 0 10px;font-size:18px;letter-spacing:-.01em}
h2::before{content:"";display:inline-block;width:14px;height:2px;background:var(--red);
  margin-right:8px;vertical-align:3px;border-radius:2px}
p{margin:0 0 12px;font-size:15px;color:#D3DAE4;word-break:keep-all}
ul{margin:0 0 14px;padding-left:18px}
li{margin:0 0 6px;font-size:15px;color:#D3DAE4}

.cta{margin:34px 0 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.cta p{margin:0 0 12px;font-size:13.5px;color:var(--muted)}
.cta a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;
  background:var(--red);color:#fff;font-weight:700;font-size:15px}

.faq{margin-top:34px}
.faq h2{margin-top:0}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;position:relative;padding-right:22px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:2px;top:0;color:var(--teal);font-weight:700}
.faq details[open] summary::after{content:"–"}
.faq p{margin:8px 0 0;font-size:14.5px;color:var(--muted)}

.hub-list{display:grid;gap:10px;margin-top:8px}
.hub-list a{display:block;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.hub-list a:hover{border-color:#33404F}
.hub-list b{display:block;font-size:15.5px;margin-bottom:4px}
.hub-list span{font-size:13px;color:var(--muted)}

.foot{margin-top:44px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--dim)}
.foot p{margin:2px 0;font-size:12px;color:var(--dim)}
.foot a{color:#8A96A6}

@media (min-width:760px){
  .gwrap{padding:44px 24px 72px}
  h1{font-size:40px}
}