/* Login page specific overrides */
.site-main {
  background-color: var(--color-bg-cream);
}

.login-page {
  background: linear-gradient(
    135deg,
    var(--color-bg-light) 0%,
    var(--color-bg-cream) 100%
  );
}

.login-container {
  animation: fadeInUp 0.4s ease;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.login-form input:focus,
.signup-form input:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(74, 124, 89, 0.15);
}

.login-btn {
  background: linear-gradient(135deg, #8cc129, #619039);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.login-btn:hover {
  box-shadow: 0 4px 12px rgba(74, 124, 89, 0.3);
  transform: translateY(-1px);
}

.login-btn:active {
  transform: translateY(0);
}

.login-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}