:root{--brand:#12d186;--on-brand:#06140c;--green-text:#0b6b40;--green-soft:#ddf7e8;--ink:#12211a;--muted:#44544b;--faint:#5a6a61;--line:#e1e8e3;--line-strong:#c9d6ce;--page:#f5f7f5;--card:#fff;--dark:#0a0d0b;--up:#0b6b40;--down:#c8302f;--font-body:"Noto Sans", system-ui, sans-serif;--font-logo:"Montserrat", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--max:1200px;color:var(--ink);background:var(--page);font-family:var(--font-body);line-height:1.55}html[data-market=kr]{--up:#c8302f;--down:#2058c2}html[data-market=cn]{--up:#c8302f;--down:#0b6b40}html[data-market=intl]{--up:#0b6b40;--down:#c8302f}*{box-sizing:border-box}body{flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1}a{color:var(--green-text);text-decoration:none}a:hover{color:#064a2c}img{display:block}button,input,summary{font:inherit}:focus-visible{outline:3px solid var(--green-text);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.logo{color:var(--ink);align-items:center;gap:10px;min-height:44px;display:flex}.logo img{border-radius:10px;width:38px;height:38px}.logo-word{font-family:var(--font-logo);letter-spacing:-.02em;font-size:19px;font-weight:800}.logo-in{color:var(--green-text)}.site-header{background:var(--card);border-bottom:1px solid var(--line)}.bar{max-width:var(--max);flex-wrap:wrap;align-items:center;gap:12px 32px;margin:0 auto;padding:14px 24px;display:flex}.nav-toggle{opacity:0;pointer-events:none;position:absolute}.actions{align-items:center;gap:8px;margin-left:auto;display:flex}.main-nav{flex-wrap:wrap;flex:280px;gap:4px 22px;font-size:15px;font-weight:500;display:flex}.main-nav a{color:var(--ink);align-items:center;min-height:44px;display:inline-flex}.main-nav a[aria-current=page]{color:var(--green-text);box-shadow:inset 0 -2px 0 var(--brand);font-weight:700}html.is-wide{--max:1280px}.text-button,.brand-button{border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.text-button{color:var(--ink);font-weight:500}.brand-button{background:var(--brand);color:var(--on-brand);padding:0 18px}.brand-button:hover{color:var(--on-brand);filter:brightness(.96)}.icon-button,.member-chip{min-height:44px;color:var(--ink);border-radius:10px}.main-nav a.mobile-only,.mobile-only{display:none}.icon-button{border:1px solid var(--line);background:var(--card);cursor:pointer;justify-content:center;align-items:center;width:44px;display:inline-flex;position:relative}.icon-button .dot{background:#d13a3a;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:10px}.member-chip{background:#eef2ef;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;font-size:15px;font-weight:600;display:inline-flex}.member-chip svg{background:var(--dark);color:#7fe0aa;box-sizing:border-box;border-radius:50%;width:32px;height:32px;padding:6px}.burger [data-close]{display:none}.burger{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.burger-lines,.burger-lines:before,.burger-lines:after{background:var(--ink);border-radius:2px;width:18px;height:2px;display:block;position:relative}.burger-lines:before,.burger-lines:after{content:"";position:absolute;left:0}.burger-lines:before{top:-6px}.burger-lines:after{top:6px}.language{position:relative}.language summary{cursor:pointer;min-height:44px;color:var(--ink);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:15px;font-weight:600;list-style:none;display:flex}.language summary::-webkit-details-marker{display:none}.language-panel{z-index:20;background:var(--card);border:1px solid var(--line);border-radius:14px;width:min(280px,80vw);padding:8px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #12211a1a}.language-caption{letter-spacing:.04em;color:var(--faint);margin:4px 8px 8px;font-size:12px;font-weight:700}.language ul{margin:0;padding:0;list-style:none}.language a,.language-later{min-height:44px;color:var(--ink);border-radius:8px;flex-direction:column;justify-content:center;gap:2px;padding:8px 10px;display:flex}.language a[aria-current=true]{background:var(--green-soft);color:var(--green-text);font-weight:700}.language a:hover{background:var(--page)}.language-later{color:var(--faint)}.language-later small{font-size:12px}.site-footer{background:var(--card);border-top:1px solid var(--line)}.footer-inner{max-width:var(--max);color:var(--faint);flex-direction:column;gap:12px;margin:0 auto;padding:32px 24px;font-size:13px;display:flex}.footer-inner nav{flex-wrap:wrap;gap:8px 20px;display:flex}.footer-inner a{color:var(--muted);align-items:center;min-height:44px;display:inline-flex}.footer-inner p{margin:0}.frame-note{max-width:720px;margin:48px auto;padding:0 24px}.frame-note-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px}.frame-note h1{letter-spacing:-.02em;margin:0 0 12px;font-size:32px;line-height:1.25}.frame-note p{color:var(--muted);margin:0;font-size:18px}@media (width<=900px){.bar{gap:8px}.main-nav{flex-direction:column;flex:100%;order:3;align-items:stretch;gap:0;margin-left:0;padding-top:8px;display:none}.nav-toggle:checked~.main-nav{display:flex}.main-nav a{border-top:1px solid var(--line);min-height:48px}.desktop-only{display:none}.main-nav a.mobile-only,.mobile-only{display:inline-flex}.main-nav .text-button.mobile-only{justify-content:flex-start;padding-left:0}.main-nav .brand-button.mobile-only{margin:8px 0 4px}.burger{display:inline-flex}.nav-toggle:checked~.actions .burger-lines{background:0 0}.nav-toggle:checked~.actions .burger-lines:before{top:0;transform:rotate(45deg)}.nav-toggle:checked~.actions .burger-lines:after{top:0;transform:rotate(-45deg)}.nav-toggle:checked~.actions [data-open]{display:none}.nav-toggle:checked~.actions [data-close]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:block;position:absolute;overflow:hidden}.nav-toggle:focus-visible~.actions .burger{outline:3px solid var(--green-text);outline-offset:2px}.language-panel{width:min(280px,100vw - 32px);right:0}}@media (width>=901px){.bar,.main-nav{flex-wrap:nowrap}.actions{margin-left:0}}
