:root{--neutral-0:#fff;--neutral-100:#f5f5f5;--neutral-150:#e7e7e7;--neutral-300:#a5a5a5;--neutral-400:gray;--neutral-500:#696969;--neutral-700:#303030;--neutral-800:#262626;--neutral-850:#1c1c1c;--neutral-900:#171717;--neutral-950:#101010;--bg-canvas:var(--neutral-0);--bg-surface:var(--neutral-100);--bg-elevated:var(--neutral-0);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-500);--border-subtle:var(--neutral-150);--border-control:var(--neutral-400);--action-primary:var(--neutral-900);--action-on-primary:var(--neutral-0);--action-disabled:var(--neutral-150);--focus-ring:var(--neutral-900);--font-sans:"Pretendard", "SUIT", "Wanted Sans", system-ui, -apple-system, "Noto Sans KR", sans-serif;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-48:48px;--radius-control:12px;--radius-card:20px;--radius-sheet:24px;--size-button:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg-canvas:var(--neutral-950);--bg-surface:var(--neutral-850);--bg-elevated:var(--neutral-800);--text-primary:var(--neutral-100);--text-secondary:var(--neutral-300);--border-subtle:var(--neutral-700);--action-primary:var(--neutral-100);--action-on-primary:var(--neutral-950);--action-disabled:var(--neutral-800);--focus-ring:var(--neutral-100);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-canvas:var(--neutral-950);--bg-surface:var(--neutral-850);--bg-elevated:var(--neutral-800);--text-primary:var(--neutral-100);--text-secondary:var(--neutral-300);--border-subtle:var(--neutral-700);--action-primary:var(--neutral-100);--action-on-primary:var(--neutral-950);--action-disabled:var(--neutral-800);--focus-ring:var(--neutral-100);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}body,h1,h2,p,ul{margin:0}body{background:var(--bg-canvas);min-height:100svh;color:var(--text-primary);font:400 16px/26px var(--font-sans);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.page{gap:var(--space-32);width:min(560px,100%);min-height:100svh;padding:var(--space-32) var(--space-24);flex-direction:column;margin-inline:auto;display:flex}.top{justify-content:space-between;align-items:center;display:flex}.wordmark{letter-spacing:-.05em;font-size:40px;font-weight:900;line-height:1}.top__ko{color:var(--text-secondary);font-size:16px;font-weight:500}.hero{gap:var(--space-16);padding-block:var(--space-16) var(--space-8);flex-direction:column;display:flex}.eyebrow{color:var(--text-secondary);letter-spacing:.18em;font-size:13px;font-weight:500}.hero h1{letter-spacing:-.03em;font-size:44px;font-weight:800;line-height:1.3}.hero p{color:var(--text-secondary)}.steps{border-top:1px solid var(--border-subtle);padding:0;list-style:none}.step{align-items:center;gap:var(--space-16);padding-block:var(--space-20);border-bottom:1px solid var(--border-subtle);display:flex}.step__icon{border-radius:var(--radius-control);background:var(--bg-surface);flex:none;place-items:center;width:52px;height:52px;display:grid}.step__icon svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.step strong{letter-spacing:-.2px;font-size:18px;font-weight:600;line-height:26px;display:block}.step span{color:var(--text-secondary);font-size:14px;line-height:22px}.notice{gap:var(--space-12);padding:var(--space-24) var(--space-20);border-radius:var(--radius-sheet);background:var(--action-primary);color:var(--action-on-primary);flex-direction:column;display:flex}.notice__label{opacity:.7;font-size:13px}.notice h2{letter-spacing:-.3px;font-size:22px;font-weight:700;line-height:30px}.notice__button{height:var(--size-button);margin-top:var(--space-8);border-radius:var(--radius-control);background:var(--bg-canvas);color:var(--text-secondary);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.footer{color:var(--text-secondary);text-align:center;margin-top:auto;font-size:12px;line-height:18px}@media (width<=400px){.hero h1{font-size:36px}}
