.login-page{min-height:100vh;display:flex}.login-left{padding:var(--space-12);background-color:var(--color-surface);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:420px;animation:.5s ease-out slide-up-in}.login-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-12);display:flex}.login-logo img{width:auto;height:44px}.login-logo-text{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent);letter-spacing:-.02em}.login-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1);letter-spacing:-.02em}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-form .input-field{border-radius:var(--radius-pill);padding:var(--space-4)var(--space-5)}.login-form .btn{margin-top:var(--space-2);padding:var(--space-3)var(--space-5);font-size:var(--text-base);border-radius:var(--radius-pill)}.login-error{padding:var(--space-3)var(--space-4);background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);animation:.4s ease-out shake}.login-right{padding:var(--space-16);color:var(--color-text-inverse);background:linear-gradient(135deg,#0040b0 0%,#0052e0 50%,#3b7bf2 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-right:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 60%);width:80%;height:80%;position:absolute;top:-40%;right:-40%}.login-right:after{content:"";pointer-events:none;background:radial-gradient(circle,#cc33661f 0%,#0000 60%);width:60%;height:60%;position:absolute;bottom:-30%;left:-20%}.login-right-content{z-index:1;text-align:center;max-width:480px;animation:.6s ease-out .2s both scale-in;position:relative}.login-right-icon{border-radius:var(--radius-2xl);width:80px;height:80px;margin:0 auto var(--space-8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.login-right h2{color:var(--color-text-inverse);font-size:var(--text-2xl);margin-bottom:var(--space-4);letter-spacing:-.02em}.login-right p{font-size:var(--text-base);opacity:.85;line-height:1.7}.login-features{gap:var(--space-4);margin-top:var(--space-8);text-align:left;flex-direction:column;display:flex}.login-feature{align-items:center;gap:var(--space-3);font-size:var(--text-sm);opacity:.9;display:flex}.login-feature-icon{border-radius:var(--radius-lg);background:#ffffff1f;border:1px solid #ffffff14;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex}@media (max-width:768px){.login-right{display:none}.login-left{padding:var(--space-8)}}