*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f3f5f9;color:#23324b;font-family:system-ui,sans-serif;padding:30px 16px}.auth-card{width:100%;max-width:460px;background:#fff;border:1px solid #e1e6ee;border-radius:20px;padding:34px;box-shadow:0 15px 50px #23324b0c}.auth-brand{font-size:12px;font-weight:700;letter-spacing:.18em;color:#5773a1}h1{font-size:28px;margin:12px 0}.auth-intro,.auth-foot{color:#6a778c;font-size:14px}.auth-tabs{display:flex;gap:8px;margin:26px 0}.auth-tabs a{flex:1;text-align:center;padding:11px;text-decoration:none;border-radius:8px;background:#f2f5fa;color:#52637f}.auth-tabs [aria-current=page]{background:#e6edff;color:#2454bc;font-weight:700}.auth-field{margin-bottom:18px}.auth-field label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.auth-field input{width:100%;padding:12px;border:1px solid #ccd5e2;border-radius:8px;font-size:16px}input:focus{outline:2px solid #a8bff5;outline-offset:1px}button{width:100%;border:0;border-radius:8px;padding:13px;background:#315fce;color:#fff;font-size:16px;font-weight:600;cursor:pointer}a{color:#315fce}.auth-help{font-size:12px;color:#718096;margin-top:7px;line-height:1.5}.auth-help ul{padding-left:18px}.errorlist{color:#b43343;font-size:13px;padding-left:18px}.auth-message{background:#e9f5ed;padding:12px;border-radius:8px;font-size:14px}.auth-foot{text-align:center;margin-top:22px}@media(max-width:450px){.auth-card{padding:25px}}