.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-secondary)}.login-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.1);width:100%;max-width:400px}.login-card h1{font-size:2rem;margin-bottom:.5rem;color:#333;text-align:center}.login-subtitle{color:#666;text-align:center;margin-bottom:2rem;font-size:.9rem}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-weight:500;color:#333;font-size:.9rem}.form-group input{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.login-button{padding:.875rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .3s}.login-button:hover:not(:disabled){background:#5568d3}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:.75rem;background:#fee;color:#c33;border-radius:6px;font-size:.9rem;text-align:center}