main{max-width:660px;padding-top:22px}article{padding:36px}h1{font-size:clamp(30px,6vw,42px)}.field-label{display:block;font-weight:650;margin:24px 0 8px}input{display:block;width:100%;min-width:0;padding:14px;border:1px solid #bdcbb2;border-radius:10px;background:#fffdf6;color:#234936;font:inherit}.field-help{font-size:13px;color:#56644f;line-height:1.65}.button{cursor:pointer}#code-form{margin-top:30px;padding-top:6px;border-top:1px solid #d5ddcc}#login-code{letter-spacing:.3em}#login-retry{border:1px solid #234936;border-radius:10px;background:#fffdf6;color:#234936;padding:12px 18px;font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:default}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #cc7a43;outline-offset:3px}[hidden]{display:none!important}.notice{overflow-wrap:anywhere}.notice:focus{outline:2px solid #71806a;outline-offset:4px}footer{max-width:660px}@media(max-width:650px){main{padding-top:8px}article{padding:26px 20px}header{gap:10px}.brand{font-size:22px}header>a:last-child{white-space:nowrap}.notice{padding:18px}}

/* Modern cabinet theme: keep authentication states and field semantics intact. */
main{max-width:620px;padding-top:28px}article{padding:36px;border-color:#e6eaee;border-radius:22px;background:#fff;box-shadow:0 12px 42px #17232c05}h1{font-family:inherit;font-weight:750;letter-spacing:-.04em;font-size:clamp(28px,6vw,36px)}input{background:#fff;border-color:#dce3e8;border-radius:12px;color:#17232c;padding:14px 16px;min-height:48px}.field-label{color:#253943;margin-top:24px}.field-help{color:#657480;font-size:13px}#login-retry{background:#fff;border-color:#dce3e8;border-radius:12px;color:#195631}.notice{background:#f2f7f4;border:1px solid #e2ece5;color:#365a43;border-radius:12px;font-size:14px}#code-form{border-color:#e6eaee}footer{max-width:620px}button,input,a{-webkit-tap-highlight-color:transparent}@media(max-width:650px){main{padding-top:12px}article{padding:26px 20px;border-radius:18px}header{align-items:center;flex-wrap:wrap}.brand{font-size:21px}header>a:last-child{font-size:13px}.notice{padding:16px}footer nav{gap:10px 16px}}