/* ═══════════════════════════════════════
   FORGOT PASSWORD — Page-specific styles
   ═══════════════════════════════════════ */

.auth-title {
  font-weight: var(--y-weight-bold);
  font-size: var(--y-font-xxxl);
  margin-bottom: var(--y-space-s);
}

.auth-subtitle {
  margin-bottom: var(--y-space-xxl);
}

.back-to-login {
  margin-top: var(--y-space-xxl);
}

.back-link {
  color: var(--y-color-primary);
  transition: color var(--y-transition-fast);
}

.back-link:hover {
  text-decoration: underline;
}

/* ═══════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════ */

@media (max-width: 1200px) {
  .auth-title {
    font-size: var(--y-font-xxl);
  }
}

@media (max-width: 768px) {
  .auth-title {
    font-size: var(--y-font-xl);
  }

  .auth-subtitle {
    font-size: var(--y-font-s);
  }
}

@media (max-width: 480px) {
  .auth-title {
    font-size: var(--y-font-xl);
  }

  .back-to-login {
    margin-top: var(--y-space-l);
  }
}