.login-page{background:radial-gradient(ellipse 60% 50% at 50% 20%, #1d9e751f 0%, transparent 70%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-swirl{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-swirl:before,.login-swirl:after{content:"";filter:blur(30px);opacity:0;background:radial-gradient(circle,#1d9e7559 0%,#1d9e751f 35%,#0000 65%);border-radius:50%;width:70vmax;height:70vmax;margin:-35vmax 0 0 -35vmax;animation:3.2s ease-out forwards login-swirl-in;position:absolute;top:38%;left:50%}.login-swirl:after{background:radial-gradient(circle,#9fe1cb4d 0%,#1d9e751a 40%,#0000 70%);animation-duration:3.6s;animation-delay:.15s}@keyframes login-swirl-in{0%{opacity:0;transform:scale(.15)rotate(0)}25%{opacity:1;transform:scale(.6)rotate(60deg)}55%{opacity:.9;transform:scale(1)rotate(160deg)}to{opacity:0;transform:scale(1.6)rotate(260deg)}}.login-particles{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.login-swirl{display:none}}.login-box{z-index:1;width:100%;max-width:380px;position:relative}.login-logo{text-align:center;margin-bottom:2rem}.login-flowi-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:5px;margin-bottom:1.25rem;padding:4px 10px 4px 7px;font-size:.625rem;font-weight:700;display:inline-flex}.login-flowi-icon{flex-shrink:0;width:12px;height:12px}.login-logo-text{font-family:var(--font-syne), "Syne", sans-serif;letter-spacing:.06em;color:var(--green-text);font-size:2rem;font-weight:800;line-height:1}.login-logo-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-top:.375rem;font-size:.6875rem}.login-card{background:var(--bg3);border:1px solid var(--border);border-radius:1rem;padding:1.75rem}.login-title{color:var(--text);margin-bottom:1.5rem;font-size:1rem;font-weight:600}.login-error{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:.5rem;margin-bottom:1rem;padding:.625rem .875rem;font-size:.8125rem;line-height:1.4}.login-field{margin-bottom:1rem}.login-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;font-size:.6875rem;font-weight:600;display:block}.login-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:.625rem;outline:none;padding:.625rem .875rem;font-size:.9375rem}.login-input:focus{border-color:var(--green)}.login-input::placeholder{color:var(--grid-header-bg)}.login-input:disabled{opacity:.5}.login-btn{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;margin-top:.5rem;padding:.8rem;font-size:.9375rem;font-weight:700;transition:background .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden;box-shadow:0 0 24px #1d9e754d}.login-btn-ripple{pointer-events:none;background:#fff6;border-radius:50%;animation:.6s ease-out login-ripple-pop;position:absolute;transform:scale(0)}@keyframes login-ripple-pop{to{opacity:0;transform:scale(1)}}.login-btn:hover:not(:disabled){background:#189370;transform:translateY(-1px);box-shadow:0 6px 32px #1d9e7573}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-link{width:100%;color:var(--text-muted);text-align:center;cursor:pointer;background:0 0;border:none;margin-top:1rem;padding:0;font-size:.8125rem;display:block}.login-link:hover{color:var(--green-text)}.login-recover-sent{color:var(--green-light);background:#1d9e751a;border:1px solid #1d9e7540;border-radius:.5rem;padding:.875rem;font-size:.8125rem;line-height:1.5}