*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f3f6fb;color:#1c2c43;font:15px/1.6 system-ui,sans-serif}.auth-shell{max-width:760px;margin:6vh auto;padding:28px}.auth-brand{font-size:30px;letter-spacing:-1px;font-weight:750;color:#2d2b76}.auth-brand span{color:#009bc6}.auth-card{background:#fff;border:1px solid #e0e7f0;border-radius:16px;padding:34px;box-shadow:0 14px 55px #193a7010}.auth-card h1{font-size:25px;margin:0 0 6px}.auth-card p{color:#6b7c91}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.auth-card label{display:block;font-size:13px;font-weight:600}.auth-card input,.auth-card select{display:block;width:100%;border:1px solid #d5deea;border-radius:8px;padding:12px;font:inherit;margin:6px 0 16px}.auth-card input:focus{outline:2px solid #2975e5;outline-offset:1px}.auth-card button{background:#2867df;color:#fff;padding:13px 22px;font:600 15px system-ui;border:0;border-radius:8px;cursor:pointer}.auth-error{padding:12px;background:#fff0f0;border:1px solid #f1cccc;color:#9f3333;border-radius:8px;margin:16px 0}.auth-note{font-size:13px;padding:14px;background:#f3f7fd;border-radius:8px;margin:18px 0}.auth-card h2{font-size:17px;margin-top:24px}.auth-footer{font-size:12px;color:#8a98a9;text-align:center;margin-top:24px}a{color:#2867df}@media(max-width:580px){.auth-grid{grid-template-columns:1fr;gap:0}.auth-shell{padding:15px;margin:20px auto}.auth-card{padding:24px}}