.login-page{min-height:100vh;padding:var(--space-6);background:linear-gradient(135deg,#f0f4ff 0%,#e5eeff 50%,#f5f0ff 100%);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:400px;padding:40px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideIn}.login-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);justify-content:center;display:flex}.login-brand-icon{background:linear-gradient(135deg,var(--color-primary),#6366f1);border-radius:var(--radius-lg);color:#fff;width:44px;height:44px;font-weight:var(--weight-bold);font-size:var(--text-xl);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #4f6ef74d}.login-brand-name{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.login-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-1)}.login-subtitle{font-size:var(--text-md);color:var(--color-text-tertiary);text-align:center;margin-bottom:var(--space-6)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-form .form-label{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.login-form .form-input{width:100%;height:44px;padding:0 var(--space-4);font-size:var(--text-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);transition:all var(--transition-fast)}.login-form .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background:var(--color-bg-elevated)}.login-form .form-input::placeholder{color:var(--color-text-tertiary)}.login-submit{background:linear-gradient(135deg,var(--color-primary),#6366f1);color:#fff;width:100%;height:44px;font-size:var(--text-md);font-weight:var(--weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-fast);margin-top:var(--space-2)}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4f6ef759}.login-submit:active{transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-error{background:var(--color-danger-light);color:var(--color-danger);font-size:var(--text-sm);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);text-align:center;font-weight:var(--weight-medium)}.login-footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.login-footer code{background:var(--color-bg-subtle);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text-secondary);padding:2px 8px}