:root{--bg:radial-gradient(circle at top, #101728, #050810);--card-bg:#0f172ae6;--border:#94a3b859;--text:#f9fafb;--subtext:#9ca3af;--accent1:#3b82f6;--accent2:#6366f1;--radius:16px;--transition:.25s ease}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-container{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:22px;width:360px;padding:38px 34px;display:flex;box-shadow:0 16px 40px #0f172ab3}.auth-title{text-align:center;font-size:1.45rem;font-weight:600}.input-group{flex-direction:column;gap:6px;margin-top:8px;display:flex}.input-group label{color:var(--subtext);font-size:.9rem}.input-group input{border-radius:var(--radius);color:var(--text);transition:var(--transition);background:#0f172a;border:1px solid #94a3b859;outline:none;padding:12px}.input-group input:focus{border-color:var(--accent1);box-shadow:0 0 10px #3b82f659}.auth-btn{background:linear-gradient(to right, var(--accent1), var(--accent2));color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:999px;margin-top:18px;padding:12px;font-size:.95rem;font-weight:600;box-shadow:0 12px 28px #2563eb59}.switch-text{text-align:center;color:var(--subtext);font-size:.85rem}.switch-text a{color:var(--accent1);transition:var(--transition);font-weight:500;text-decoration:none}.switch-text a:hover{color:#60a5fa}.auth-container{animation:.35s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-body{background:radial-gradient(circle at top,#101728,#050810);justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.auth-container{text-align:center;background:#0f172ae6;border-radius:18px;width:360px;padding:40px 32px;box-shadow:0 16px 35px #0f172ab3}.auth-container h2{color:#f9fafb;margin-bottom:24px;font-size:1.6rem}.auth-container input{color:#f9fafb;background:#0f172ab3;border:1px solid #94a3b859;border-radius:999px;width:100%;margin-bottom:14px;padding:12px;font-size:.95rem}.forgot-password{text-align:right;margin-bottom:18px;font-size:.8rem}.forgot-password a{color:#60a5fa;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.auth-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#6366f1);border:none;border-radius:999px;width:100%;margin-top:8px;padding:12px;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 12px 28px #2563eb59}.auth-btn:hover{transform:translateY(-1px);box-shadow:0 16px 40px #2563eb99}.auth-footer{color:#9ca3af;margin-top:16px;font-size:.85rem}.auth-footer a{color:#60a5fa;text-decoration:none}.auth-footer a:hover{text-decoration:underline}