.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;position:fixed;inset:0}.login-bg__orb{filter:blur(100px);opacity:.4;border-radius:50%;position:absolute}.login-bg__orb--1{background:var(--color-primary);width:500px;height:500px;animation:12s ease-in-out infinite float1;top:-150px;right:-100px}.login-bg__orb--2{background:#8b5cf6;width:400px;height:400px;animation:15s ease-in-out infinite float2;bottom:-100px;left:-100px}.login-bg__orb--3{background:var(--color-accent);width:300px;height:300px;animation:10s ease-in-out infinite float3;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-50px,30px)scale(1.1)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-40px)scale(1.05)}}@keyframes float3{0%,to{opacity:.2;transform:translate(-50%,-50%)scale(.8)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.2)}}.login-card{z-index:1;width:100%;max-width:420px;padding:var(--space-2xl);background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative}.login-card__header{text-align:center;margin-bottom:var(--space-xl)}.login-logo{margin-bottom:var(--space-md);justify-content:center;display:flex}.login-card__header h1{margin-bottom:var(--space-xs);background:linear-gradient(135deg, var(--text-primary), var(--color-primary-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem}.login-form{gap:var(--space-md);flex-direction:column;display:flex}.login-error{align-items:center;gap:var(--space-sm);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-md);padding:10px 14px;font-size:.875rem;font-weight:500;display:flex}.login-submit{width:100%;margin-top:var(--space-sm)}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}