@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root{--navy-900: oklch(.2 .08 265);--navy-700: oklch(.28 .09 265);--navy-600: oklch(.35 .08 262);--surface-hero: linear-gradient(165deg, oklch(.22 .08 265) 0%, oklch(.3 .09 262) 100%);--surface-page: oklch(.985 .004 255);--surface-card: oklch(.998 .002 255);--surface-muted: oklch(.965 .006 255);--surface-sunken: oklch(.945 .008 255);--text-strong: oklch(.22 .022 260);--text-default: oklch(.32 .02 260);--text-muted: oklch(.55 .015 260);--text-soft: oklch(.68 .012 258);--text-on-dark: oklch(.985 .004 255);--text-on-dark-muted: oklch(.78 .02 258);--line: oklch(.92 .008 260);--line-strong: oklch(.86 .012 260);--line-on-dark: oklch(.42 .04 265);--blue-600: oklch(.56 .22 260);--blue-500: oklch(.62 .2 258);--blue-400: oklch(.7 .17 255);--blue-gradient: linear-gradient(135deg, oklch(.56 .22 260) 0%, oklch(.65 .19 255) 100%);--blue-tint: oklch(.96 .018 255);--kakao: #FEE500;--kakao-ink: oklch(.2 .02 90);--success: oklch(.68 .15 155);--success-tint: oklch(.96 .04 155);--warn: oklch(.74 .16 75);--warn-tint: oklch(.97 .05 85);--danger: oklch(.62 .22 25);--danger-tint: oklch(.96 .03 25);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--shadow-sm: 0 1px 2px oklch(.25 .03 260 / .06);--shadow-md: 0 4px 12px oklch(.25 .03 260 / .08), 0 2px 4px oklch(.25 .03 260 / .05);--shadow-lg: 0 20px 40px oklch(.18 .05 265 / .16), 0 4px 12px oklch(.2 .04 265 / .08);--s-1: 4px;--s-2: 6px;--s-3: 10px;--s-4: 14px;--s-5: 20px;--s-6: 28px;--s-7: 36px;--s-8: 48px;--page-max: 480px;--page-pad: clamp(12px, 3.6vw, 18px);--fs-xs: .74rem;--fs-sm: .84rem;--fs-base: .94rem;--fs-md: 1.05rem;--fs-lg: 1.18rem;--fs-xl: 1.36rem;--fs-2xl: 1.6rem;--lh-tight: 1.22;--lh-body: 1.5;--lh-relaxed: 1.62;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .36s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{margin:0;min-height:100%}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:var(--fs-base);line-height:var(--lh-body);color:var(--text-default);background:var(--surface-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 1,"ss06" 1;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit}a{color:var(--blue-600);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px;border-radius:4px}.app-surface{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative}.app-surface[data-surface=hero]{background:var(--surface-hero);color:var(--text-on-dark)}.app-surface[data-surface=hero]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 40% at 15% 0%,oklch(.5 .15 260 / .35),transparent 60%),radial-gradient(50% 50% at 110% 100%,oklch(.55 .18 280 / .25),transparent 60%);pointer-events:none}.app-surface[data-surface=page]{background:var(--surface-page)}.page{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-pad);padding-block:var(--s-3) var(--s-5);position:relative;z-index:1;flex:1}.page-hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-block:var(--s-5)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:38px;margin-bottom:var(--s-3)}.topbar-back{display:inline-flex;align-items:center;gap:var(--s-2);padding:6px 10px 6px 4px;margin-left:-4px;border:0;background:transparent;color:var(--text-default);font-size:var(--fs-sm);font-weight:500;cursor:pointer;border-radius:var(--r-sm);transition:background var(--dur-fast) var(--ease-out-quart)}.topbar-back:hover{background:var(--surface-muted)}[data-surface=hero] .topbar-back{color:var(--text-on-dark-muted)}[data-surface=hero] .topbar-back:hover{background:#ffffff14;color:var(--text-on-dark)}.topbar-end{display:inline-flex;align-items:center;gap:var(--s-2)}.page-head{margin-bottom:var(--s-4)}.page-head h1{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em;line-height:var(--lh-tight);color:var(--text-strong);margin:0 0 4px}.page-head p{margin:0;color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.card{background:var(--surface-card);border-radius:var(--r-lg);padding:var(--s-4);box-shadow:var(--shadow-md)}.card-lg{padding:var(--s-5) var(--s-4)}.card-hero{padding:var(--s-5) var(--s-4);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:saturate(1.1);backdrop-filter:saturate(1.1)}.card+.card{margin-top:var(--s-3)}.card-title{margin:0 0 4px;font-size:var(--fs-base);font-weight:700;color:var(--text-strong);letter-spacing:-.01em}.card-subtitle{margin:0 0 var(--s-3);color:var(--text-muted);font-size:var(--fs-sm)}.stack{display:flex;flex-direction:column}.stack-1{gap:var(--s-1)}.stack-2{gap:var(--s-2)}.stack-3{gap:var(--s-3)}.stack-4{gap:var(--s-4)}.stack-5{gap:var(--s-5)}.row{display:flex;align-items:center;gap:var(--s-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);border-radius:var(--r-md);border:1px solid transparent;background:var(--surface-card);color:var(--text-strong);font-size:var(--fs-base);font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-base) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart);white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--blue-gradient);color:#fff;border-color:transparent;box-shadow:0 6px 16px #0d69f247}.btn-primary:hover{box-shadow:0 10px 24px #0d69f25c}.btn-primary:disabled{background:var(--surface-sunken);color:var(--text-soft);box-shadow:none}.btn-kakao{background:var(--kakao);color:var(--kakao-ink);border-color:transparent;box-shadow:0 6px 16px #ffea6b59;box-shadow:0 6px 16px oklch(.93 .18 100 / .35)}.btn-kakao:hover{box-shadow:0 10px 24px #ffea6b73;box-shadow:0 10px 24px oklch(.93 .18 100 / .45)}.btn-outline{background:transparent;border-color:var(--line-strong);color:var(--text-strong)}.btn-outline:hover{background:var(--surface-muted)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent;min-height:40px}.btn-ghost:hover{background:var(--surface-muted);color:var(--text-strong)}.btn-block{width:100%}.btn-lg{min-height:48px;font-size:var(--fs-md)}.btn-sm{min-height:32px;padding:0 var(--s-3);font-size:var(--fs-sm);border-radius:var(--r-sm)}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-size:var(--fs-sm);font-weight:600;color:var(--text-strong);letter-spacing:-.005em;display:inline-flex;align-items:center;gap:4px}.field-label .req{color:var(--danger);font-weight:700}.field-hint{font-size:var(--fs-xs);color:var(--text-muted)}.field-help-success{font-size:var(--fs-xs);color:var(--success);display:inline-flex;gap:4px}.field-help-error{font-size:var(--fs-xs);color:var(--danger);display:inline-flex;gap:4px}.input,.textarea,select.input{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-card);color:var(--text-strong);font-size:var(--fs-base);line-height:1.4;transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.input::placeholder,.textarea::placeholder{color:var(--text-soft)}.input:hover,.textarea:hover{border-color:var(--line-strong)}.input:focus,.textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 4px #0d69f224}.input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 4px #ee343b1f}.textarea{min-height:96px;resize:vertical;line-height:1.55}.input-group{display:flex;gap:var(--s-2)}.input-group .input{flex:1}.info-rows{background:var(--surface-muted);border-radius:var(--r-md);padding:2px var(--s-3);border:1px solid var(--line)}.info-rows>div{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:var(--s-3);padding:9px 0;border-bottom:1px solid var(--line)}.info-rows>div:last-child{border-bottom:0}.info-rows dt{margin:0;color:var(--text-muted);font-size:var(--fs-sm);font-weight:500}.info-rows dd{margin:0;color:var(--text-strong);font-weight:600;letter-spacing:-.005em}.info-rows .ok{color:var(--success);font-size:var(--fs-xs);font-weight:600;display:inline-flex;align-items:center;gap:4px}.steps{display:flex;align-items:center;justify-content:center;gap:var(--s-2);margin-bottom:var(--s-4)}.steps-dot{width:22px;height:22px;border-radius:var(--r-pill);display:inline-grid;place-items:center;background:var(--surface-sunken);color:var(--text-soft);font-size:.74rem;font-weight:700;border:1px solid var(--line)}.steps-dot[data-state=done]{background:var(--success);color:#fff;border-color:transparent}.steps-dot[data-state=active]{background:var(--blue-gradient);color:#fff;border-color:transparent;box-shadow:0 3px 8px #0d69f24d}.steps-connector{width:16px;height:2px;background:var(--line);border-radius:1px}.steps-connector[data-done=true]{background:var(--success)}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;letter-spacing:-.005em;background:var(--surface-sunken);color:var(--text-muted);border:1px solid var(--line)}.pill-required{background:var(--danger-tint);color:var(--danger);border-color:transparent}.pill-optional{background:var(--warn-tint);color:#864e00;color:oklch(.48 .14 65);border-color:transparent}.pill-success{background:var(--success-tint);color:var(--success);border-color:transparent}.pill-info{background:var(--blue-tint);color:var(--blue-600);border-color:transparent}.pill-warn{background:var(--warn-tint);color:#864e00;color:oklch(.48 .14 65);border-color:transparent}.pill-neutral{background:var(--surface-sunken);color:var(--text-muted)}.chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:10px 16px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface-card);color:var(--text-default);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-out-quart)}.chip:hover{border-color:var(--line-strong)}.chip[aria-pressed=true],.chip[data-selected=true]{border-color:var(--blue-500);background:var(--blue-tint);color:var(--blue-600);font-weight:600}.alert{border-radius:var(--r-lg);padding:14px var(--s-4);display:flex;gap:var(--s-3);font-size:var(--fs-sm);line-height:var(--lh-body)}.alert-warn{background:var(--warn-tint);color:#5e3900;color:oklch(.38 .12 70);border:1px solid oklch(.85 .12 80)}.alert-info{background:var(--blue-tint);color:#003b93;color:oklch(.38 .16 260);border:1px solid oklch(.82 .1 258)}.alert-danger{background:var(--danger-tint);color:#8d1a1e;border:1px solid oklch(.82 .12 25)}.progress{width:100%;height:6px;background:var(--surface-sunken);border-radius:var(--r-pill);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--blue-gradient);border-radius:var(--r-pill);transition:width var(--dur-slow) var(--ease-out-quart)}.ledger{background:var(--surface-card);border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden}.ledger-row{display:grid;grid-template-columns:1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-4);border-bottom:1px solid var(--line);cursor:default}.ledger-row:last-child{border-bottom:0}.ledger-row a{color:inherit;text-decoration:none;display:contents}.ledger-title{font-size:var(--fs-base);font-weight:600;color:var(--text-strong);letter-spacing:-.005em;margin:0 0 2px}.ledger-meta{font-size:var(--fs-xs);color:var(--text-muted)}.ledger-num{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-strong);font-size:var(--fs-md)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:var(--blue-gradient);box-shadow:0 10px 26px #0d69f26b;color:#fff}.brand-name{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:var(--s-3) 0 4px;color:var(--text-on-dark);text-align:center}.brand-tag{margin:0;text-align:center;color:var(--text-on-dark-muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.divider{display:flex;align-items:center;gap:var(--s-3);color:var(--text-soft);font-size:var(--fs-xs);margin:var(--s-3) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.spinner{width:32px;height:32px;border:3px solid oklch(1 0 0 / .2);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}.spinner-page{width:44px;height:44px;border-width:3.5px}.spinner-dark{border-color:var(--line);border-top-color:var(--blue-500)}@keyframes spin{to{transform:rotate(360deg)}}.check{display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-default);font-size:var(--fs-sm);font-weight:500;-webkit-user-select:none;user-select:none}.check input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:1.5px solid var(--line-strong);border-radius:6px;background:var(--surface-card);display:inline-grid;place-content:center;cursor:pointer;transition:all var(--dur-fast) var(--ease-out-quart);flex-shrink:0}.check input[type=checkbox]:before{content:"";width:11px;height:11px;transform:scale(0);transition:transform var(--dur-fast) var(--ease-out-quart);background:#fff;clip-path:polygon(18% 48%,42% 72%,84% 22%,72% 14%,42% 52%,28% 38%)}.check input[type=checkbox]:checked{background:var(--blue-600);border-color:var(--blue-600)}.check input[type=checkbox]:checked:before{transform:scale(1)}@media (min-width: 720px){.page{padding-block:var(--s-5) var(--s-6)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#040a1c8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fade-in var(--dur-base) var(--ease-out-quart)}.modal-panel{width:100%;max-width:560px;background:var(--surface-card);border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:min(90vh,90dvh);box-shadow:0 -20px 40px #07102740;animation:slide-up var(--dur-slow) var(--ease-out-expo)}@media (min-width: 640px){.modal-backdrop{align-items:center;padding:24px}.modal-panel{border-radius:20px;max-height:min(85vh,85dvh)}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:18px var(--s-5);border-bottom:1px solid var(--line)}.modal-title{margin:0;font-size:var(--fs-md);font-weight:700;color:var(--text-strong);letter-spacing:-.015em}.modal-close{width:36px;height:36px;display:inline-grid;place-items:center;border:0;background:transparent;color:var(--text-muted);border-radius:10px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out-quart)}.modal-close:hover{background:var(--surface-muted);color:var(--text-strong)}.modal-body{flex:1;overflow-y:auto;padding:var(--s-4) var(--s-5);-webkit-overflow-scrolling:touch}.modal-foot{padding:var(--s-4) var(--s-5);padding-bottom:max(var(--s-4),env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface-card)}.consent-text{margin:0;font-family:inherit;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-default)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.35);opacity:0}}.consent-row{display:grid;grid-template-columns:20px 1fr 24px;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--surface-card);border:1.5px solid var(--line);cursor:pointer;transition:all var(--dur-fast) var(--ease-out-quart);text-align:left}.consent-row:hover{border-color:var(--line-strong)}.consent-row[data-checked=true]{border-color:var(--blue-500);background:var(--blue-tint)}.consent-row .consent-check{width:20px;height:20px;border-radius:5px;border:1.5px solid var(--line-strong);background:var(--surface-card);display:inline-grid;place-items:center;flex-shrink:0;transition:all var(--dur-fast) var(--ease-out-quart)}.consent-row[data-checked=true] .consent-check{background:var(--blue-600);border-color:var(--blue-600)}.consent-row .consent-label{font-size:var(--fs-sm);font-weight:600;color:var(--text-strong);letter-spacing:-.005em;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.consent-row .consent-detail{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border:0;background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;display:inline-grid;place-items:center;transition:background var(--dur-fast) var(--ease-out-quart)}.consent-row .consent-detail:hover{background:var(--surface-muted);color:var(--text-strong)}