/**
 * Site auth pages polish.
 * Keeps login/register aligned with the Zuwarah setup/join page quality.
 */

body {
  background:
    radial-gradient(circle at 82% -12%, rgba(250, 204, 21, 0.13), transparent 30rem),
    radial-gradient(circle at 8% 22%, rgba(59, 130, 246, 0.1), transparent 28rem),
    var(--bg-primary);
}

.login-container,
.register-container {
  max-width: min(480px, calc(100vw - 2rem));
  padding: 0;
}

.login-card-modern,
.register-card-modern {
  border: 1px solid rgba(250, 204, 21, 0.26);
  box-shadow: var(--shadow-lg), 0 0 28px rgba(250, 204, 21, 0.13);
  padding: clamp(1.25rem, 3vw, 2.25rem);
}

.login-logo-modern,
.register-logo-modern {
  width: clamp(82px, 10vw, 116px);
  height: clamp(82px, 10vw, 116px);
  margin-bottom: var(--spacing-md);
}

.login-title,
.register-title {
  font-size: clamp(1.65rem, 3vw, 2.15rem);
}

.login-subtitle,
.register-subtitle {
  line-height: 1.65;
}

.form-input-modern {
  background: rgba(15, 23, 42, 0.68);
  border-color: rgba(250, 204, 21, 0.16);
}

.form-input-modern:focus {
  border-color: rgba(250, 204, 21, 0.55);
}

.btn-login-modern,
.btn-register-modern {
  min-height: 48px;
}

@media (min-width: 1000px) {
  .register-container {
    max-width: min(760px, calc(100vw - 3rem));
  }

  .register-card-modern form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--spacing-md);
  }

  .register-card-modern .form-group-modern:has(.password-rules-modern),
  .register-card-modern .btn-register-modern,
  .register-card-modern .login-prompt,
  .register-card-modern .flash-wrapper-modern {
    grid-column: 1 / -1;
  }

  .register-card-modern .btn-register-modern {
    margin-top: var(--spacing-sm);
  }
}

@media (max-width: 480px) {
  .login-container,
  .register-container {
    max-width: 100%;
  }

  .login-card-modern,
  .register-card-modern {
    border-radius: var(--radius-lg);
  }
}