.login-page{background:linear-gradient(135deg,#0a1628 0%,#0f1d32 50%,#131b2e 100%);justify-content:center;align-items:center;min-height:100vh;padding:3rem;display:flex}.login-card{border-radius:var(--radius-xl,6px);width:100%;max-width:960px;min-height:560px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0006,0 0 0 1px #ffffff0d}.login-brand-panel{background:linear-gradient(135deg,#0c2d5a 0%,#0f3d7a 50%,#1a5ba8 100%);flex:50%;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 40%,#0284c726,#0000 40%),radial-gradient(circle at 70% 60%,#6d28d91a,#0000 40%);width:200%;height:200%;animation:20s ease-in-out infinite alternate login-drift;position:absolute;top:-50%;left:-50%}@keyframes login-drift{0%{transform:translate(0)scale(1)}to{transform:translate(3%,-2%)scale(1.08)}}.login-brand-link{z-index:1;color:#ffffffe6;flex-direction:column;align-items:center;gap:1rem;text-decoration:none;transition:transform .3s;display:flex;position:relative}.login-brand-link:hover{color:#fff;transform:scale(1.03)}.login-brand-logo{color:#ffffffd9;width:72px;height:72px}.login-brand-name{font-family:var(--font-family-heading,"Space Grotesk",sans-serif);letter-spacing:-.03em;color:#fff;font-size:2rem;font-weight:800}.login-form-panel{background:#fff;flex:50%;justify-content:center;align-items:center;min-width:0;padding:3rem;display:flex;overflow-y:auto}.login-form-container{width:100%;max-width:400px}.login-title{font-family:var(--font-family-heading,"Space Grotesk",sans-serif);color:#0f172a;letter-spacing:-.03em;margin-bottom:1.75rem;font-size:1.65rem;font-weight:700}.login-oauth-group{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.login-oauth-btn{border-radius:var(--radius-xl,6px);color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;justify-content:center;align-items:center;gap:.625rem;width:100%;padding:.7rem 1rem;font-family:inherit;font-size:.925rem;font-weight:500;transition:all .2s;display:flex}.login-oauth-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 1px 3px #0000000f}.login-oauth-btn:active{transform:scale(.99)}.login-divider{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.8rem;font-weight:500;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field{flex-direction:column;gap:.375rem;display:flex}.login-field label{color:#334155;font-size:.875rem;font-weight:500}.login-field input{border-radius:var(--radius-xl,6px);color:#0f172a;background:#fff;border:1px solid #e2e8f0;outline:none;width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.925rem;transition:all .2s}.login-field input::placeholder{color:#94a3b8}.login-field input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.login-field-header{justify-content:space-between;align-items:baseline;display:flex}.login-forgot-link{color:#0284c7;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8rem;font-weight:500}.login-forgot-link:hover{color:#0369a1;text-decoration:underline}.login-submit-btn{color:#fff;border-radius:var(--radius-xl,6px);cursor:pointer;background:linear-gradient(135deg,#0284c7,#6d28d9);border:none;width:100%;margin-top:.25rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .25s}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #0284c759}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#dc2626;border-radius:var(--radius-xl,6px);background:#fef2f2;border:1px solid #fecaca;padding:.6rem .85rem;font-size:.85rem;line-height:1.4}.login-message{color:#16a34a;border-radius:var(--radius-xl,6px);background:#f0fdf4;border:1px solid #bbf7d0;padding:.6rem .85rem;font-size:.85rem;line-height:1.4}.login-toggle{text-align:center;color:#64748b;margin-top:1.5rem;font-size:.875rem}.login-toggle-btn{color:#0284c7;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.875rem;font-weight:600}.login-toggle-btn:hover{color:#0369a1;text-decoration:underline}@media (max-width:768px){.login-page{padding:1rem}.login-card{flex-direction:column;min-height:auto;max-height:none}.login-brand-panel{flex:none;padding:2rem 1.5rem}.login-brand-logo{width:48px;height:48px}.login-brand-name{font-size:1.5rem}.login-form-panel{flex:1;padding:2rem 1.5rem}.login-title{font-size:1.4rem}}