.loginContainer{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.loginBackground{z-index:0;background:radial-gradient(circle at 100% 0,#3b82f61a,#0000 50%),radial-gradient(circle at 0 100%,#8b5cf61a,#0000 50%);position:absolute;inset:0}.loginCard{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);z-index:1;padding:40px;position:relative}.loginHeader{text-align:center;margin-bottom:32px}.loginIcon{background:var(--gradient-accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:24px;display:flex}.loginTitle{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:700}.loginSub{color:var(--text-secondary);font-size:14px}.loginForm{flex-direction:column;gap:20px;display:flex}.inputGroup{flex-direction:column;gap:8px;display:flex}.inputLabel{color:var(--text-secondary);font-size:13px;font-weight:600}.inputField{background:var(--bg-secondary);border:1px solid var(--border-default);width:100%;color:var(--text-primary);transition:var(--transition-fast);border-radius:8px;outline:none;padding:14px 16px;font-size:15px}.inputField:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633}.loginBtn{background:var(--gradient-cta);color:#fff;cursor:pointer;width:100%;transition:var(--transition-base);border:none;border-radius:8px;margin-top:10px;padding:14px;font-size:15px;font-weight:600}.loginBtn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.loginBtn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loginError{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:12px;font-size:13px}.backLink{color:var(--text-muted);transition:var(--transition-fast);justify-content:center;align-items:center;gap:6px;width:100%;margin-top:24px;font-size:13px;text-decoration:none;display:inline-flex}.backLink:hover{color:var(--text-primary)}@media (max-width:480px){.loginCard{padding:30px 20px}}