.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-md);background:var(--background)}.login-card{background:var(--surface);padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px}.login-title{color:var(--primary);font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:var(--space-xs)}.login-subtitle{color:var(--text-light);text-align:center;margin-bottom:var(--space-xl);font-size:1.1rem}.login-form{gap:var(--space-lg)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:var(--space-xs)}.form-group label{color:var(--text);font-weight:500;font-size:.95rem}.form-group input{padding:var(--space-md);border:1px solid var(--muted);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-group input:disabled{background:var(--muted);cursor:not-allowed}.error-message{background:var(--error-light);color:var(--error);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);text-align:center}.submit-button{background:var(--primary);color:var(--surface);border:none;padding:var(--space-md);border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:background var(--transition-normal),transform var(--transition-normal)}.submit-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)}.submit-button:disabled{background:var(--muted);cursor:not-allowed}.button-content{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.spinner{width:20px;height:20px;border:2px solid var(--surface);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-footer{margin-top:var(--space-xl);text-align:center}.forgot-password-link{color:var(--primary);text-decoration:none;font-size:.95rem;transition:color var(--transition-normal)}.forgot-password-link:hover{color:var(--primary-dark)}.divider{margin:var(--space-lg) 0;position:relative;text-align:center;display:flex;align-items:center;justify-content:center}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--muted)}.divider span{background:var(--surface);padding:0 var(--space-md);color:var(--text-light);font-size:.95rem;white-space:nowrap}.switch-mode-button{background:transparent;border:2px solid var(--primary);color:var(--primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.switch-mode-button:hover{background:var(--primary);color:var(--surface)}.social-login{margin-top:var(--space-xl)}.google-login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);border:2px solid var(--muted);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:1rem;cursor:pointer;transition:all var(--transition-normal)}.google-login-button:hover{border-color:var(--primary);background:var(--background);transform:translateY(-2px)}.google-icon{font-size:1.5rem}@media (max-width:768px){.login-container{padding:var(--space-xl) var(--space-sm)}.login-card{padding:var(--space-xl) var(--space-md)}.login-title{font-size:2rem}}