.login-page{background:var(--gradient-hero);min-height:100vh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.login-container{flex-direction:column;align-items:center;width:100%;max-width:420px;display:flex}.login-logo{width:auto;height:120px;margin-bottom:var(--space-sm)}.logo-link{text-decoration:none;display:block}.login-tagline{color:#ffffffe6;text-align:center;margin-bottom:var(--space-xl);font-size:1rem;font-weight:500}.login-card{background-color:var(--color-white);border-radius:var(--radius-lg);width:100%;padding:var(--space-xl);box-shadow:0 10px 20px #0000001a}.login-title{color:var(--color-gray-800);text-align:center;margin-bottom:var(--space-xl);font-size:1.5rem;font-weight:700}.login-form{gap:var(--space-lg);flex-direction:column;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--color-gray-700);margin-bottom:var(--space-xs);font-size:.875rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{left:var(--space-md);color:var(--color-gray-600);pointer-events:none;position:absolute}.login-input{width:100%;padding:var(--space-md);font-family:var(--font-family);color:var(--color-gray-800);background-color:var(--color-white);border:none;border-bottom:1px solid var(--color-gray-200);transition:border-color var(--transition-fast);padding-left:48px;font-size:1rem}.login-input:focus{border-bottom-color:var(--color-primary);border-bottom-width:2px;outline:none}.login-input::placeholder{color:var(--color-gray-500)}.password-toggle{right:var(--space-sm);color:var(--color-gray-600);cursor:pointer;padding:var(--space-sm);background:0 0;border:none;position:absolute}.forgot-password{color:var(--color-gray-600);margin-top:calc(-1*var(--space-sm));align-self:flex-end;font-size:.875rem;text-decoration:none}.forgot-password:hover{color:var(--color-gray-800)}.login-button{background:linear-gradient(to right,var(--color-primary),#4db6ac);height:50px;color:var(--color-white);font-family:var(--font-family);letter-spacing:1px;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-sm);border:none;border-radius:25px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 8px #66bb6a4d}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #66bb6a66}.login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #0000;border-top-color:var(--color-white);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.register-link{justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-lg);color:#ffffffe6;display:flex}.register-link a{color:#ffb74d;letter-spacing:.5px;font-weight:700;text-decoration:none}.register-link a:hover{text-decoration:underline}.error-message{color:var(--color-error);padding:var(--space-md);border-radius:var(--radius-sm);text-align:center;background-color:#ffebee;font-size:.875rem}@media (min-width:600px){.login-logo{height:120px}.login-tagline{font-size:1.125rem}.login-card{padding:var(--space-xl)}}