@layer devmozip-auth{:where(.TSq73a_scope).auth-page{grid-template-columns:1fr 1fr;align-items:start;gap:90px;min-height:75vh;padding-top:60px;padding-bottom:75px;display:grid}:where(.TSq73a_scope).auth-story{padding:70px 0 30px;position:sticky;top:140px}:where(.TSq73a_scope).auth-story h1{letter-spacing:-1.7px;margin:20px 0;font-size:38px;line-height:1.5}:where(.TSq73a_scope).auth-story h1 span{color:var(--purple)}:where(.TSq73a_scope).auth-story>p{color:var(--muted);font-size:15px;line-height:2}:where(.TSq73a_scope).auth-code{max-width:370px;color:var(--purple);background:linear-gradient(120deg,#f1ecff,#edf9f9);border:1px solid #e8e1f3;border-radius:15px;flex-wrap:wrap;align-items:center;gap:14px;margin:38px 0;padding:26px;display:flex}:where(.TSq73a_scope).auth-code code{font-size:14px}:where(.TSq73a_scope).auth-code>span{color:#a197b0;flex-basis:100%;font-size:14px}:where(.TSq73a_scope).auth-panel{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#fff;border-radius:18px;padding:34px}:where(.TSq73a_scope).auth-panel>h2{letter-spacing:-1px;margin:10px 0 6px;font-size:25px}:where(.TSq73a_scope).auth-description{color:var(--muted);margin:0 0 27px;font-size:14px}:where(.TSq73a_scope).auth-footnote{text-align:center;color:#aaa1b5;border-top:1px solid var(--border);margin:25px 0 0;padding-top:18px;font-size:14px}:where(.TSq73a_scope).auth-wide{grid-template-columns:.85fr 1.15fr;gap:70px}@media (max-width:1000px){:where(.TSq73a_scope).auth-page{gap:35px}:where(.TSq73a_scope).auth-wide{gap:35px}:where(.TSq73a_scope).auth-story h1{font-size:30px}:where(.TSq73a_scope).auth-panel{padding:26px}:where(.TSq73a_scope).auth-code{padding:20px}:where(.TSq73a_scope).auth-code code{font-size:14px}}@media (max-width:800px){:where(.TSq73a_scope).auth-page{grid-template-columns:1fr;gap:25px;max-width:600px;padding-top:30px;padding-bottom:45px}:where(.TSq73a_scope).auth-wide{grid-template-columns:1fr;gap:25px;max-width:600px;padding-top:30px;padding-bottom:45px}:where(.TSq73a_scope).auth-story{padding:0;position:static}:where(.TSq73a_scope).auth-story h1{margin:12px 0;font-size:27px}:where(.TSq73a_scope).auth-story>p{display:none}:where(.TSq73a_scope).auth-code{display:none}:where(.TSq73a_scope).auth-story .text-link{font-size:14px}:where(.TSq73a_scope).auth-panel{padding:25px}:where(.TSq73a_scope).auth-story .eyebrow{font-size:14px}}@media (max-width:420px){:where(.TSq73a_scope).auth-panel{padding:20px}}}@layer devmozip-responsive{:where(.TSq73a_scope).auth-page{max-width:75rem}:where(.TSq73a_scope).auth-panel{min-width:0}@media (max-width:50rem){:where(.TSq73a_scope).auth-page{grid-template-columns:minmax(0,1fr);max-width:40rem}:where(.TSq73a_scope).auth-wide{grid-template-columns:minmax(0,1fr);max-width:40rem}:where(.TSq73a_scope).auth-story h1{font-size:clamp(1.5rem,4vw,2rem)}}}
@layer devmozip-auth{:where(.X_Z_4a_scope).auth-form{flex-direction:column;gap:9px;display:flex}:where(.X_Z_4a_scope).auth-form>label:not(.checkbox-label){margin-top:9px;font-size:14px;font-weight:600;display:block}:where(.X_Z_4a_scope).auth-form .form-input{padding:12px;font-size:14px}:where(.X_Z_4a_scope).auth-form .form-input[aria-invalid=true]{border-color:#ca5c73}:where(.X_Z_4a_scope).auth-options{justify-content:space-between;align-items:center;gap:12px;margin-top:5px;display:flex}:where(.X_Z_4a_scope).auth-options>a{color:#91859f;font-size:14px}:where(.X_Z_4a_scope).auth-submit{width:100%;margin-top:12px;font-size:15px}:where(.X_Z_4a_scope).kakao-button{color:#292419;width:100%;margin-top:12px;font-size:14px;background:#fee500!important}:where(.X_Z_4a_scope).kakao-button:hover{background:#f4dc00!important}:where(.X_Z_4a_scope).auth-switch{text-align:center;color:var(--muted);margin:22px 0;font-size:14px}:where(.X_Z_4a_scope).auth-switch a{color:var(--purple);margin-left:5px;font-weight:650}:where(.X_Z_4a_scope).auth-form .check-field{gap:8px;display:flex}:where(.X_Z_4a_scope).auth-form .form-error{margin:0;font-size:14px}:where(.X_Z_4a_scope).auth-form fieldset{border:0;min-width:0;margin:12px 0 0;padding:0}:where(.X_Z_4a_scope).auth-form legend{margin-bottom:10px;padding:0;font-size:14px;font-weight:600}:where(.X_Z_4a_scope).auth-form legend span{color:#a096ac;margin-left:8px;font-size:14px;font-weight:400}:where(.X_Z_4a_scope).auth-form .availability{background:#f8f7fb;border-radius:8px;margin-top:13px;padding:12px}@media (max-width:420px){:where(.X_Z_4a_scope).auth-options>a{font-size:14px}:where(.X_Z_4a_scope).auth-options .checkbox-label{font-size:14px}}}
@layer devmozip-auth{:where(.opCGeG_scope).auth-form{flex-direction:column;gap:9px;display:flex}:where(.opCGeG_scope).auth-form>label:not(.checkbox-label){margin-top:9px;font-size:14px;font-weight:600;display:block}:where(.opCGeG_scope).auth-form .form-input{padding:12px;font-size:14px}:where(.opCGeG_scope).auth-form .form-input[aria-invalid=true]{border-color:#ca5c73}:where(.opCGeG_scope).auth-submit{width:100%;margin-top:12px;font-size:15px}:where(.opCGeG_scope).auth-switch{text-align:center;color:var(--muted);margin:22px 0;font-size:14px}:where(.opCGeG_scope).auth-switch a{color:var(--purple);margin-left:5px;font-weight:650}:where(.opCGeG_scope).auth-form .check-field{gap:8px;display:flex}:where(.opCGeG_scope).auth-form .form-error{margin:0;font-size:14px}:where(.opCGeG_scope).auth-form fieldset{border:0;min-width:0;margin:12px 0 0;padding:0}:where(.opCGeG_scope).auth-form legend{margin-bottom:10px;padding:0;font-size:14px;font-weight:600}:where(.opCGeG_scope).auth-form legend span{color:#a096ac;margin-left:8px;font-size:14px;font-weight:400}:where(.opCGeG_scope).auth-form .availability{background:#f8f7fb;border-radius:8px;margin-top:13px;padding:12px}:where(.opCGeG_scope).recovery-done{background:#f8f6fe;border:1px solid #ece5fa;border-radius:10px;padding:22px}:where(.opCGeG_scope).recovery-done strong{color:var(--purple);font-size:15px}:where(.opCGeG_scope).recovery-done p{color:var(--muted);margin:12px 0 22px;font-size:14px;line-height:1.9}:where(.opCGeG_scope).recovery-done .button{margin:4px;font-size:14px}}
@layer devmozip-auth{:where(.iRBh-W_scope).auth-form{flex-direction:column;gap:9px;display:flex}:where(.iRBh-W_scope).auth-form>label:not(.checkbox-label){margin-top:9px;font-size:14px;font-weight:600;display:block}:where(.iRBh-W_scope).auth-form .form-input{padding:12px;font-size:14px}:where(.iRBh-W_scope).auth-form .form-input[aria-invalid=true]{border-color:#ca5c73}:where(.iRBh-W_scope).auth-submit{width:100%;margin-top:12px;font-size:15px}:where(.iRBh-W_scope).auth-switch{text-align:center;color:var(--muted);margin:22px 0;font-size:14px}:where(.iRBh-W_scope).auth-switch a{color:var(--purple);margin-left:5px;font-weight:650}:where(.iRBh-W_scope).auth-form .check-field{gap:8px;display:flex}:where(.iRBh-W_scope).check-field .form-input{min-width:0}:where(.iRBh-W_scope).check-field .button{white-space:nowrap;padding:8px 12px;font-size:14px}:where(.iRBh-W_scope).auth-form .form-error{margin:0;font-size:14px}:where(.iRBh-W_scope).check-success{color:#309b86;margin:0;font-size:14px}:where(.iRBh-W_scope).auth-form fieldset{border:0;min-width:0;margin:12px 0 0;padding:0}:where(.iRBh-W_scope).auth-form legend{margin-bottom:10px;padding:0;font-size:14px;font-weight:600}:where(.iRBh-W_scope).auth-form legend span{color:#a096ac;margin-left:8px;font-size:14px;font-weight:400}:where(.iRBh-W_scope).auth-form .availability{background:#f8f7fb;border-radius:8px;margin-top:13px;padding:12px}}
@layer devmozip-auth{:where(.VUDxpq_scope).auth-divider{color:#aaa0b5;align-items:center;gap:12px;margin:27px 0 16px;font-size:14px;display:flex}:where(.VUDxpq_scope).auth-divider:before{content:"";background:var(--border);flex:1;height:1px}:where(.VUDxpq_scope).auth-divider:after{content:"";background:var(--border);flex:1;height:1px}:where(.VUDxpq_scope).auth-demo-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}:where(.VUDxpq_scope).auth-demo-buttons .button{border-radius:7px;padding:10px 6px;font-size:14px}:where(.VUDxpq_scope).demo-credentials{color:#a096ae;margin-top:15px;font-size:14px}:where(.VUDxpq_scope).demo-credentials summary{cursor:pointer}:where(.VUDxpq_scope).demo-credentials ul{padding-left:16px;line-height:2}:where(.VUDxpq_scope).demo-credentials code{color:#8a77a8;overflow-wrap:anywhere;font-size:14px}:where(.VUDxpq_scope).demo-credentials p{font-size:14px}@media (max-width:420px){:where(.VUDxpq_scope).auth-demo-buttons{gap:5px}:where(.VUDxpq_scope).auth-demo-buttons .button{font-size:14px}}}
