.auth-shell{width:min(480px,100% - 32px);margin:64px auto}.auth-shell>.brand{margin-bottom:32px}.auth-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:32px}.auth-card h1{font-size:30px}.auth-card .intro{font-size:14px}.auth-form{gap:12px;margin:24px 0;display:grid}.auth-form label{font-size:14px;font-weight:600}.auth-form input{border:1px solid #cbd7d9;border-radius:8px;min-width:0;height:46px;padding:0 12px}.auth-form input:focus-visible{outline-offset:2px;outline:3px solid #8ad0c4}.auth-form button{color:#fff;background:var(--teal);cursor:pointer;border:0;border-radius:8px;min-height:46px;margin-top:10px;font-weight:600}.auth-form button:focus-visible{outline-offset:3px;outline:3px solid #8ad0c4}.auth-error{color:#8a2f1b;background:#fff1ee;border-radius:8px;margin:20px 0 0;padding:12px}.auth-roles{color:var(--muted);line-height:1.8}@media (max-width:420px){.auth-shell{margin:32px auto}.auth-card{padding:24px}}