/**
 * MMA Signup Page – Premium/高大上 Styling
 * Applied to both branded and default event signup pages.
 */

/* Section elevation */
.mma-signup-section {
  background-image: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(255, 255, 255, 0.6), transparent);
}

/* Premium card container */
.mma-signup-card {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.08),
              0 0 0 1px rgba(255, 255, 255, 0.6) inset,
              0 4px 24px -4px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}

.mma-signup-card:hover {
  box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.1),
              0 0 0 1px rgba(255, 255, 255, 0.7) inset;
}

/* Elegant header divider */
.mma-signup-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: linear-gradient(to bottom, rgba(255,255,255,0.5), transparent 70%);
}

/* All headings: no shadow by default, subtle shadow only on hover (main heading and others; avoids blurry global red shadow) */
.mma-signup-section h1,
.mma-signup-section h2,
.mma-signup-section h3,
.mma-signup-section h4,
.mma-signup-section h5,
.mma-signup-section h6 {
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: text-shadow 0.25s ease;
}
.mma-signup-section h1:hover,
.mma-signup-section h2:hover,
.mma-signup-section h3:hover,
.mma-signup-section h4:hover,
.mma-signup-section h5:hover,
.mma-signup-section h6:hover {
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}

/* Refined typography for main title (keeps letter-spacing) */
.mma-signup-title {
  letter-spacing: 0.02em;
}

/* Subtle decorative accent line */
.mma-signup-accent {
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.4), transparent);
  border-radius: 2px;
  margin: 0.5rem 0 0.5rem 0;
}

/* Premium notice box */
.mma-signup-notice {
  background: linear-gradient(135deg, rgba(248, 250, 252, 0.9) 0%, rgba(241, 245, 249, 0.95) 100%);
  border: 1px solid rgba(148, 163, 184, 0.2);
  font-size: 0.8125rem;
}