/*
 * Small addition on top of assets/css/style.css: the mockups don't define a
 * submit-button loading/disabled state, but the spec requires one while an
 * API request is in flight. Kept separate and minimal per the "no new ad-hoc
 * CSS unless genuinely missing" rule.
 *
 * Note: served from public/css (not resources/css) so this module has no
 * Vite build-step dependency, consistent with the rest of the auth assets
 * (public/js, public/assets) which are also referenced directly via asset().
 */

.lg-btn-main:disabled,
.fp-btn-main:disabled,
.rp-btn-main:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none !important;
}

.auth-btn-spinner {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: auth-spin 0.7s linear infinite;
}

@keyframes auth-spin {
  to {
    transform: rotate(360deg);
  }
}


/* Payment Gateway Section */
.gateway-section {
  background-color: #ffffff;
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  margin-bottom: 30px;
}

.gateway-title {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
background: linear-gradient(
 
135deg, #03c3a8 0%, #0d9986 100%);
  padding: 15px 20px;
  border-radius: 8px;
  margin-bottom: 25px;
  letter-spacing: 0.3px;
  display: flex;
  gap: 12px;
}

.disclaimer-content-text p {
  font-size: 14px;
  line-height: 1.55;
  color: #4a4a4a;
  margin-bottom: 18px;
}