@font-face{font-family:'Pretendard Variable';font-style:normal;font-weight:45 920;font-display:block;src:url('/auth/font.woff2?v=1') format('woff2')}
*{box-sizing:border-box}
html{font-size:14px;-webkit-text-size-adjust:100%}
body{margin:0;background:#f4f5f7;color:#1f2937;font:14px/1.5 'Pretendard Variable',Pretendard,'Malgun Gothic',sans-serif}
.auth-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:12vh 14px 28px}
header{display:flex;align-items:center;gap:7px;margin-bottom:21px;white-space:nowrap}
header img{display:block;height:24.5px;width:auto}
header strong{font-size:17px;line-height:25.5px;font-weight:700;letter-spacing:.08em;color:#131b39}
main{width:100%;max-width:336px;border:1px solid #d0d5dd;background:#fff}
h1{height:35px;display:flex;align-items:center;margin:0;padding:0 14px;border-bottom:1px solid #d0d5dd;background:#f2f4f7;font-size:15px;font-weight:600;line-height:22.5px}
.card-body{padding:14px}
.primary,button{display:flex;align-items:center;justify-content:center;width:100%;border-radius:1.75px;text-align:center;text-decoration:none;cursor:pointer;font-family:inherit;font-weight:500}
.primary{height:35px;background:#1d3557;color:#fff;font-size:14px;line-height:21px}
.primary:hover{background:#162a45}
.divider{display:flex;align-items:center;gap:7px;margin:10.5px 0;color:#94a3b8;font-size:12px;line-height:18px}
.divider span{height:1px;flex:1;background:#d0d5dd}
form{display:flex;flex-direction:column;gap:10.5px}
label{display:block;margin-bottom:3.5px;font-size:12px;font-weight:500;line-height:14px;color:#334155}
input{display:block;width:100%;height:32px;border:1px solid #d0d5dd;border-radius:1.75px;padding:0 7px;background:#fff;color:#0f172a;font-family:inherit;font-size:13px;line-height:30px}
input:focus{border-color:#1d3557;outline:1px solid #1d3557}
button{height:32px;padding:0 10.5px;background:#fff;color:#1e293b;border:1px solid #d0d5dd;font-size:13px;line-height:19.5px}
button:hover{background:#f8fafc}
button:disabled{opacity:.5;cursor:not-allowed}
#error{margin:10.5px 0 0;padding:5.25px 8.75px;border:1px solid #fca5a5;background:#fdf2f2;color:#991b1b;font-size:13px;white-space:pre-line}
#error:empty{display:none}
a:focus-visible,button:focus-visible{outline:2px solid #8ea5c2;outline-offset:2px}
.token{margin-top:10.5px}
.token[hidden],#token[hidden],.token-open[hidden]{display:none}
.token-open{display:block;width:100%;height:auto;padding:0;border:0;background:none;color:#94a3b8;font-size:12px;line-height:18px;text-align:right;text-decoration:underline}
.token-open:hover{background:none;color:#64748b}
#token{gap:7px;padding-top:10.5px;border-top:1px solid #d0d5dd}
#token label{margin:0;font-weight:400;color:#64748b}
.inline{display:flex;gap:7px}
.inline input{flex:1;min-width:0}
.inline button{width:auto;flex-shrink:0}