/* Login Page Styles - extends register.css */

.login-container {
  background-image: url("../images/login-bg.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 215px 24px 270px;
}

.login-box {
  background: #fff;
  border-radius: 12px;
  box-shadow: 3px 3px 9px 0px #372d2924;
  padding: 60px 145px;
  width: 100%;
  max-width: 730px;
}

.login-box h1 {
  text-align: center;
  line-height: 52px;
  margin-bottom: 32px;
}

.form-actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

/* General error message */
.general-error {
  text-align: center;
  font-weight: 500;
}

/* Login links */
.login-links {
  text-align: center;
  margin-top: 20px;
  text-transform: uppercase;
}

.forgot-password {
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
  font-weight: 700;
}

.forgot-password:hover {
  text-decoration: underline;
}

/* Lost password intro text */
.lost-password-intro {
  text-align: center;
  color: #666;
  margin-bottom: 24px;
}

/* Success states for lost/reset password */
.lost-password-success,
.reset-password-success {
  text-align: center;
  padding: 40px 20px;
}

.lost-password-success .success-icon,
.reset-password-success .success-icon {
  width: 80px;
  height: 80px;
  background: #4caf50;
  border-radius: 50%;
  color: #fff;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
}

/* Email verification notices */
.login-notice {
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 24px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.login-notice-success {
  background: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #a5d6a7;
}

.login-notice-info {
  background: #e3f2fd;
  color: #1565c0;
  border: 1px solid #90caf9;
}

.register-footer {
  text-transform: uppercase;
  font-weight: 700;
}

.register-footer a {
  font-weight: 700;
  color: var(--orange-90);
}

@media (max-width: 768px) {
  .login-box {
    padding: 62px 32px;
  }

  .login-box .btn {
    max-width: 296px;
  }
}