body.auth-page{--bg:oklch(98% .002 80);--surface:oklch(99.7% .001 80);--ink:oklch(21% .002 80);--muted:oklch(49% .002 80);--line:oklch(88% .002 80);--accent:oklch(20% .002 80);--accent-light:oklch(95% .002 80);--accent-dark:oklch(26% .002 80);--dark:oklch(17% .002 80);font-family:SUIT,"Malgun Gothic",sans-serif;background:var(--surface);-webkit-font-smoothing:antialiased}
.auth-page h1,.auth-page h2,.auth-page h3,.auth-page .brand,.auth-page strong,.auth-page .btn{font-family:SUITE,"Malgun Gothic",sans-serif}
.auth-page .demo-banner{font-size:10px;background:oklch(95% .002 80);color:var(--muted);border-bottom:1px solid var(--line);min-height:30px}
.auth-page .demo-dot{background:var(--muted)}
.auth-page .auth-shell{display:grid;grid-template-columns:.92fr 1.08fr;min-height:760px}
.auth-page .auth-story{background:var(--dark);color:var(--surface);padding:47px 55px 33px;display:flex;flex-direction:column;min-width:0}
.auth-page .auth-story .brand{font-size:25px;letter-spacing:-1.2px;font-weight:800}
.auth-page .auth-story .brand-mark{background:var(--surface);color:var(--dark);font-family:SUITE,sans-serif;font-style:normal;font-size:31px;font-weight:900;letter-spacing:0;border-radius:8px;padding:0 0 4px;width:34px;height:34px}
.auth-page .auth-story .brand-period{color:oklch(64% .002 80)}
.auth-page .auth-story-main{margin:auto 0;padding:100px 0 110px}
.auth-page .auth-eyebrow{font-size:9px;letter-spacing:1.7px;color:oklch(62% .002 80);margin-bottom:29px;font-family:SUITE,sans-serif}
.auth-page .auth-story h1{font-size:45px;line-height:1.35;letter-spacing:-.055em;font-weight:850;margin-bottom:24px}
.auth-page .auth-story h1>span{font-weight:450;color:oklch(78% .002 80)}
.auth-page .auth-story-main>p:not(.auth-eyebrow){font-size:13px;color:oklch(65% .002 80);line-height:1.95;margin-bottom:38px}
.auth-page .auth-story-route{display:flex;align-items:center;gap:15px;font-size:10px;color:oklch(77% .002 80);padding-top:24px;border-top:1px solid oklch(34% .002 80);max-width:350px}
.auth-page .auth-story-route>i{font-style:normal;color:oklch(48% .002 80);font-size:17px}
.auth-page .auth-story-bottom{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:oklch(58% .002 80)}
.auth-page .auth-content{padding:43px 65px 30px;display:flex;flex-direction:column;background:var(--surface);min-width:0}
.auth-page .auth-back{font-size:10px;color:var(--muted);display:inline-flex;gap:10px;align-items:center;align-self:flex-start}
.auth-page .auth-back>span{font-size:17px}
.auth-page .auth-back:hover{color:var(--ink)}
.auth-page .auth-form-area{width:100%;max-width:455px;margin:auto;padding:60px 0 65px}
.auth-page .auth-step-label{font-family:SUITE,sans-serif;font-size:9px;font-weight:650;letter-spacing:1.5px;color:oklch(55% .002 80);margin-bottom:14px}
.auth-page .auth-form-area h2{font-size:33px;font-weight:800;letter-spacing:-.055em;line-height:1.35;margin-bottom:13px}
.auth-page .auth-description{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:32px}
.auth-page .field{font-size:11px;font-weight:600;gap:9px;margin-bottom:20px}
.auth-page input{min-height:49px;padding:13px 14px;font-size:12px;border:1px solid oklch(80% .002 80);border-radius:5px;background:var(--surface)}
.auth-page input:focus{border-color:var(--ink)}
.auth-page input::placeholder{font-size:11px;color:oklch(60% .002 80)}
.auth-page .password-wrap{position:relative;display:block}
.auth-page .password-wrap input{padding-right:54px}
.auth-page .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;padding:7px 5px;font-size:10px;color:var(--muted)}
.auth-page .auth-form-links{display:flex;justify-content:flex-end;margin:-3px 0 24px;font-size:10px;color:var(--muted)}
.auth-page .auth-form-links>a:hover,.auth-page .auth-switch a:hover{text-decoration:underline;text-underline-offset:4px}
.auth-page .btn{border-radius:5px;font-size:13px;font-weight:650;min-height:47px;line-height:1.4;padding:13px 19px}
.auth-page .btn-primary{background:var(--dark);color:var(--surface)}
.auth-page .btn-primary:hover{background:oklch(30% .002 80)}
.auth-page .auth-submit{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;min-height:49px}
.auth-page .auth-submit>span{font-size:20px;line-height:1}
.auth-page .auth-switch{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px;margin-top:29px;font-size:10px;color:var(--muted)}
.auth-page .auth-switch>a{color:var(--ink);font-family:SUITE,sans-serif;font-weight:700;font-size:11px}
.auth-page .auth-bottom-note{font-size:9px;display:flex;justify-content:space-between;gap:15px;margin:0;color:oklch(58% .002 80)}
.auth-page .auth-bottom-note strong{font-size:10px;font-weight:650;color:var(--ink)}
.auth-page .auth-progress{list-style:none;padding:0;margin:0 0 29px;display:flex;gap:20px;border-bottom:1px solid var(--line)}
.auth-page .auth-progress>li{display:flex;align-items:center;gap:7px;font-size:10px;color:oklch(60% .002 80);padding:0 0 13px;position:relative}
.auth-page .auth-progress>li>span{font-family:SUITE,sans-serif;font-size:9px}
.auth-page .auth-progress>.is-current{color:var(--ink);font-weight:700;border-bottom:2px solid var(--ink);margin-bottom:-1px}
.auth-page .auth-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.auth-page .auth-field-grid .field{margin-bottom:13px}
.auth-page .auth-field-help{font-size:10px;line-height:1.8;color:var(--muted);margin:0 0 24px}
.auth-page .auth-business-divider{border-top:1px solid var(--line);padding-top:21px;margin:20px 0 17px;font-family:SUITE,sans-serif;font-size:11px;font-weight:650}
.auth-page .auth-consents{margin:17px 0 24px}
.auth-page .auth-consents .check-field{font-size:10px;margin:13px 0;gap:9px;line-height:1.8}
.auth-page input[type=checkbox]{width:15px;height:15px;min-height:15px;margin-top:2px;accent-color:var(--ink);padding:0;flex-shrink:0}
.auth-page .auth-identity{text-align:center;padding:5px 0 0}
.auth-page .identity-symbol{width:70px;height:70px;margin:0 auto 22px;color:var(--ink)}
.auth-page .identity-symbol svg{width:100%;height:100%}
.auth-page .auth-identity h3{font-size:23px;letter-spacing:-.04em;font-weight:750;margin-bottom:13px}
.auth-page .auth-identity>p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:26px}
.auth-page .auth-identity>.auth-field-help{font-size:9px;margin:25px 0 0}
.auth-page .auth-text-button{background:transparent;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:4px;margin-top:17px;padding:7px 10px}
.auth-page .auth-verified-note{background:oklch(95% .002 80);border:1px solid var(--line);font-size:11px;padding:13px 15px;border-radius:5px;margin-bottom:24px}
.auth-page .form-message{font-size:11px;padding:14px 16px;line-height:1.8;border-radius:5px;margin:0 0 21px}
.auth-page a:focus-visible,.auth-page button:focus-visible,.auth-page input:focus-visible{outline-color:oklch(50% .002 80);outline-offset:3px}
.auth-page .site-footer{padding:33px 0 23px;border-top:1px solid var(--line);background:var(--surface)}
.auth-page .site-footer .brand{font-size:20px;letter-spacing:-1px}
.auth-page .site-footer .brand-period{color:var(--ink)}
.auth-page .footer-inner>div>p{font-size:10px}
.auth-page .footer-links{font-size:10px;gap:22px}
.auth-page .operator-info{font-size:10px;color:var(--muted)}
@media(min-width:1500px){.auth-page .auth-shell{min-height:calc(100vh - 30px);grid-template-columns:1fr 1fr}.auth-page .auth-story{padding-left:max(65px,calc((100vw - 1250px)/2));padding-right:75px}.auth-page .auth-content{padding-right:max(65px,calc((100vw - 1250px)/2));padding-left:85px}.auth-page .auth-story h1{font-size:54px}}
@media(max-width:1150px){.auth-page .auth-story{padding:40px 35px 30px}.auth-page .auth-story h1{font-size:39px}.auth-page .auth-content{padding:37px 40px 27px}.auth-page .auth-form-area h2{font-size:30px}.auth-page .auth-story-route{gap:11px;font-size:9px}.auth-page .auth-field-grid{gap:12px}}
@media(max-width:900px){.auth-page .auth-shell{grid-template-columns:.8fr 1.2fr}.auth-page .auth-story{padding:35px 26px 26px}.auth-page .auth-story h1{font-size:33px}.auth-page .auth-story-main>p:not(.auth-eyebrow){font-size:11px}.auth-page .auth-eyebrow{font-size:8px;letter-spacing:1px}.auth-page .auth-story-route{gap:7px;font-size:8px;flex-wrap:wrap}.auth-page .auth-story-bottom{flex-direction:column;gap:4px;font-size:8px}.auth-page .auth-content{padding:33px 30px 25px}.auth-page .auth-form-area{padding:48px 0 55px}.auth-page .auth-form-area h2{font-size:28px}.auth-page .auth-field-grid{grid-template-columns:1fr;gap:0}.auth-page .auth-field-grid .field{margin-bottom:19px}}
@media(max-width:640px){.auth-page .demo-banner{font-size:8px;padding:6px 11px;line-height:1.7}.auth-page .auth-shell{display:block;min-height:0}.auth-page .auth-story{padding:22px 23px 23px}.auth-page .auth-story .brand{font-size:23px;gap:9px}.auth-page .auth-story .brand-mark{width:29px;height:29px;font-size:27px}.auth-page .auth-story-main{padding:26px 0 0;margin:0}.auth-page .auth-eyebrow{display:none}.auth-page .auth-story h1{font-size:25px;line-height:1.5;margin:0;letter-spacing:-.04em}.auth-page .auth-story h1 br{display:none}.auth-page .auth-story h1>span{margin-left:7px;font-weight:450}.auth-page .auth-story-main>p:not(.auth-eyebrow),.auth-page .auth-story-route,.auth-page .auth-story-bottom{display:none}.auth-page .auth-content{padding:23px 24px 25px}.auth-page .auth-back{font-size:9px;gap:8px}.auth-page .auth-form-area{max-width:460px;padding:29px 0 35px}.auth-page .auth-step-label{font-size:8px;letter-spacing:1.3px;margin-bottom:12px}.auth-page .auth-form-area h2{font-size:28px;margin-bottom:12px}.auth-page .auth-description{font-size:11px;margin-bottom:26px}.auth-page .field{font-size:10px;margin-bottom:19px}.auth-page input{min-height:48px;font-size:13px;border-radius:5px}.auth-page input::placeholder{font-size:11px}.auth-page .auth-field-grid{grid-template-columns:1fr}.auth-page .auth-field-grid .field{margin-bottom:18px}.auth-page .auth-field-help{font-size:9px;margin-bottom:21px}.auth-page .auth-business-divider{margin-top:16px}.auth-page .auth-progress{gap:17px;margin-bottom:24px}.auth-page .auth-progress>li{font-size:9px;gap:5px}.auth-page .auth-progress>li>span{font-size:8px}.auth-page .auth-consents .check-field{font-size:10px}.auth-page .auth-submit{font-size:12px;min-height:48px}.auth-page .auth-form-links{font-size:10px}.auth-page .auth-switch{font-size:10px;padding-top:22px;margin-top:25px;gap:10px}.auth-page .auth-switch>a{font-size:10px}.auth-page .auth-bottom-note{font-size:8px}.auth-page .auth-bottom-note strong{font-size:9px}.auth-page .auth-identity h3{font-size:22px}.auth-page .auth-identity>p{font-size:11px}.auth-page .auth-identity .auth-field-help{font-size:9px}.auth-page .site-footer{padding-top:25px}.auth-page .footer-links{font-size:9px;gap:15px}.auth-page .operator-info{font-size:9px}}
@media(prefers-reduced-motion:reduce){.auth-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}