.gradient-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:#0b1220;position:relative;overflow:hidden}.gradient-bg:after,.gradient-bg:before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;filter:blur(120px);opacity:.45;pointer-events:none}.gradient-bg:before{left:-200px;top:-220px;background:radial-gradient(closest-side,rgba(168,85,247,.85),rgba(168,85,247,.08) 60%,transparent 70%)}.gradient-bg:after{right:-220px;top:-260px;background:radial-gradient(closest-side,rgba(124,58,237,.85),rgba(124,58,237,.08) 60%,transparent 70%)}.auth-card{width:100%;max-width:760px;background:#0f1629;border:1px solid #233043;border-radius:18px;padding:22px 26px 26px;box-shadow:0 14px 40px rgba(0,0,0,.35)}.title{margin:0 0 6px;color:#e5e7eb;font-size:28px;font-weight:800}.sub{margin:0 0 16px}.label,.sub{color:#9aa4b2;font-size:13px}.label{display:block;margin:12px 0 6px}.input{width:100%;height:44px;border-radius:12px;border:1px solid #2a3549;background:#e9f1ff;color:#0b1220;padding:0 14px;outline:none}.input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px rgba(124,58,237,.25)}.actions{display:flex;gap:12px;margin-top:16px}.btn-primary{padding:10px 16px;border-radius:12px;border:1px solid #6b21a8;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-weight:800}.msg{margin-top:12px;color:#f7d794;font-size:13px}.switches{margin-top:10px;display:flex;align-items:center;gap:10px}.link{background:transparent;border:none;color:#c4b5fd;cursor:pointer;padding:0}.link:hover{text-decoration:underline}.sep{color:#334155}