:root{--fg-strong:#f6f8fb;--fg-soft:rgba(246,248,251,.78);--panel:rgba(255,255,255,.07);--border:rgba(255,255,255,.16);--glow:0 30px 60px rgba(0,0,0,.45)}.auth-bg{min-height:100vh;display:grid;place-items:center;padding:32px 18px;color:var(--fg-strong);background:radial-gradient(900px 500px at 15% 5%,rgba(124,58,237,.26),transparent 55%),radial-gradient(700px 500px at 80% 10%,rgba(34,197,94,.2),transparent 55%),#0b0f19;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.auth-card{width:min(480px,100%);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--border);border-radius:20px;padding:28px 26px;box-shadow:var(--glow);backdrop-filter:blur(14px)}.auth-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.auth-head img{width:44px;height:auto}.auth-head .title{font-weight:800;letter-spacing:.2px;font-size:18px}.auth-sub{color:var(--fg-soft);margin:4px 0 16px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{font-weight:650;font-size:13px}.auth-form input{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:rgba(0,0,0,.18);color:var(--fg-strong);font-size:15px}.auth-form button{border:none;background:linear-gradient(135deg,#8b5cf6,#22c55e);color:#0b0f19;font-weight:750;padding:12px 14px;border-radius:12px;cursor:pointer;box-shadow:0 14px 40px rgba(124,58,237,.38);transition:transform .12s ease,box-shadow .12s ease}.auth-form button:hover{transform:translateY(-1px);box-shadow:0 18px 45px rgba(124,58,237,.48)}.error{background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.45);color:#fecdd3;padding:10px 12px;border-radius:12px;font-weight:600}.auth-meta{display:flex;justify-content:space-between;align-items:center;color:var(--fg-soft);font-size:13px;margin-top:8px}.auth-meta a{color:#c7d2fe}.center-text{text-align:center}.muted{color:rgba(246,248,251,.55)}