:root{font-family:Inter,"Microsoft YaHei",Arial,sans-serif;color:#172033;background:#f5f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#f0f6ff 0%,#fafcfe 55%,#f8fafc 100%)}.auth-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 18px}.brand{text-align:center;margin-bottom:28px}.brand-mark{width:60px;height:60px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#4089fa,#2361e8);box-shadow:0 4px 9px rgba(42,104,233,.25);color:#fff;font-size:27px;font-weight:750;margin:0 auto 18px}.brand h1{font-size:30px;line-height:1.2;margin:0 0 8px;font-weight:750}.brand p,.subtitle{font-size:14px;color:#8994a6;margin:0}.auth-card{width:min(100%,440px);background:#fff;border:1px solid #e9edf3;border-radius:12px;box-shadow:0 7px 22px rgba(25,42,75,.07);padding:28px}.auth-card h2{text-align:center;font-size:20px;margin:0 0 6px}.subtitle{text-align:center;margin-bottom:20px}.auth-card label{display:block;font-size:14px;margin-bottom:8px;color:#344155}.auth-card input{height:44px;width:100%;border:1px solid #e0e5ed;border-radius:8px;padding:0 12px;color:#1c2b45;font:inherit;font-size:14px;outline:0;background:#fff}.auth-card input:focus{border-color:#72a4f9;box-shadow:0 0 0 2px rgba(57,121,244,.12)}.auth-card input::placeholder{color:#aeb7c5}.auth-card label:not(:first-child){margin-top:20px}.password-field{position:relative}.password-field input{padding-right:44px}.eye{position:absolute;right:5px;top:5px;border:0;background:transparent;width:34px;height:34px;color:#a9b3c0;cursor:pointer}.primary{margin-top:22px;width:100%;height:45px;background:linear-gradient(100deg,#3b84f6,#2664ef);border:0;border-radius:8px;box-shadow:0 3px 8px rgba(35,100,237,.22);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.primary:hover{filter:brightness(.97)}.code-row{display:flex;gap:8px}.code-row input{min-width:0;flex:1}.secondary{white-space:nowrap;height:44px;padding:0 12px;border-radius:8px;border:1px solid #e0e5ed;background:#fff;color:#36465d;font-size:13px;cursor:pointer}.auth-links{font-size:14px;color:#8994a6;margin:22px 0 0}.auth-links a{color:#3779f0;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-links span{margin:0 8px;color:#aab3be}footer{margin-top:28px;color:#afb8c6;font-size:12px}.form-message{margin:0;font-size:14px;line-height:1.5}.form-message:not(:empty){margin-top:16px;padding:10px 12px;border-radius:7px}.form-message[data-kind="error"]{color:#a82824;background:#fff0ef;border:1px solid #f4c7c3}.form-message[data-kind="success"]{color:#176b3b;background:#ebf8ef;border:1px solid #b9e4c6}.form-message[data-kind="info"]{color:#365a91;background:#edf4ff;border:1px solid #c9dcff}.primary:disabled,.secondary:disabled{opacity:.65;cursor:wait}@media(max-width:480px){.auth-shell{padding:24px 16px}.auth-card{width:100%;max-width:440px;padding:22px}.brand{margin-bottom:22px}}