:root{font-family:Pretendard Variable,Pretendard,"Malgun Gothic",sans-serif;color:#17202e;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a{touch-action:manipulation}[hidden]{display:none!important}
header{max-width:1200px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e6e8;gap:20px}header>a:last-child{font-size:15px;color:#536174;text-decoration:none;line-height:1.6;min-height:44px;display:flex;align-items:center;gap:16px}.brand{color:#bd4c19;font-size:30px;font-weight:800;letter-spacing:-1.5px;text-decoration:none}
main{width:min(100% - 48px,480px);margin:76px auto 88px}.eyebrow{color:#ac491f;font-weight:750;font-size:12px;letter-spacing:.15em;margin:0 0 18px}h1{font-size:34px;line-height:1.3;letter-spacing:-1.25px;margin:0;font-weight:750;word-break:keep-all}.intro{font-size:17px;line-height:1.7;color:#536174;margin:20px 0 38px;word-break:keep-all}
form{display:flex;flex-direction:column}label{font-size:16px;line-height:1.5;font-weight:650;margin-bottom:9px}input{width:100%;min-width:0;height:54px;border:1px solid #a9b3be;border-radius:6px;background:#fff;color:#17202e;padding:12px 15px;font-size:17px;line-height:1.5}input::placeholder{color:#657285;opacity:1}.field-help{font-size:15px;color:#536174;line-height:1.6;margin:11px 0 26px}#confirmPassword{margin-bottom:26px}button[type=submit],.login-action{border:0;border-radius:6px;background:#17202e;color:white;font-size:17px;font-weight:650;line-height:1.5;min-height:54px;padding:14px 20px;cursor:pointer;text-align:center;text-decoration:none}.login-action{display:block;margin-top:24px}button:disabled{cursor:wait;opacity:.7}input:disabled{background:#f0f2f4}button[type=submit]:hover:not(:disabled),.login-action:hover{background:#29384b}
.text-button{display:block;padding:12px 0;border:0;background:transparent;color:#536174;font-size:16px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;margin:12px 0 0}.status{font-size:16px;line-height:1.75;color:#245642;padding:18px 20px;background:#edf5ef;border-left:3px solid #41795d;margin:24px 0 0;word-break:keep-all;overflow-wrap:anywhere}.status[data-error=true]{color:#853e24;background:#faf0e8;border-color:#b45c35}.help{border-top:1px solid #dce1e6;padding-top:28px;margin-top:38px}.help h2{font-size:17px;line-height:1.5;margin:0 0 10px;font-weight:650}.help p{font-size:16px;line-height:1.7;color:#536174;margin:0 0 12px;word-break:keep-all}.help a{font-size:16px;color:#98431f;display:inline-flex;align-items:center;gap:14px;min-height:44px}
footer{max-width:1200px;margin:auto;border-top:1px solid #e3e6e8;padding:24px 32px;font-size:14px;line-height:1.7;color:#596779;display:flex;justify-content:space-between;gap:12px}footer span{font-weight:700}.skip-link{position:absolute;top:-80px;left:20px;background:#fff;padding:12px;z-index:10}.skip-link:focus{top:12px}:is(a,button,input):focus-visible{outline:3px solid #b75529;outline-offset:4px}h1:focus,main:focus{outline:none}
@media(max-width:600px){header{padding:16px 24px;gap:14px}.brand{font-size:28px}header>a:last-child{font-size:14px;gap:8px}main{margin-top:48px;margin-bottom:56px}h1{font-size:29px;letter-spacing:-1px}.intro{font-size:16px;margin-bottom:30px}input{font-size:16px}footer{padding:22px 24px;font-size:13px}.status{padding:16px}}