/* ── Custom scrollbar ────────────────────────────────────────────── */
html,
body {
  scrollbar-width: thin;
  scrollbar-color: rgba(200, 151, 58, .3) transparent;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(200, 151, 58, .3);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(200, 151, 58, .55);
}

/* ── Register page responsive ────────────────────────────────────── */
@media (max-width: 900px) {
  .register-layout {
    grid-template-columns: 1fr !important;
  }

  .reg-info {
    display: none !important;
  }

  .register-main {
    padding: 20px !important;
  }

  .reg-form-wrap {
    padding: 0 !important;
  }

  .reg-card {
    padding: 24px 20px !important;
  }
}

@media (max-width: 600px) {
  .form-row {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .tier-buttons {
    flex-wrap: wrap !important;
  }

  .tier-btn {
    flex: 1 !important;
    min-width: 80px !important;
  }

  .reg-card {
    padding: 20px 16px !important;
  }
}