/* EMPIRESWEEPS – FINAL WORKING STYLES.CSS – TESTED & WORKING 100% */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Poppins',sans-serif; background:#0a001a; color:#e2e8f0; line-height:1.6; min-height:100vh; }
.skip-link { position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden; }
.skip-link:focus { left:20px; top:20px; width:auto; height:auto; padding:0.75rem 1.25rem; background:#ffa500; color:#0a001a; border-radius:999px; z-index:1001; }
.container { max-width:1280px; margin:0 auto; padding:0 20px; }

.header { background:rgba(10,0,30,0.95); backdrop-filter:blur(12px); position:sticky; top:0; z-index:1000; border-bottom:1px solid #2d1b69; padding:1rem 0; }
.header .container { display:flex; justify-content:space-between; align-items:center; gap:1.5rem; }
.logo { font-size:2.5rem; font-weight:900; background:linear-gradient(90deg,#9d4edd,#ffa500); -webkit-background-clip:text; -webkit-text-fill-color:transparent; display:flex; align-items:center; gap:14px; text-decoration:none; }
.logo i { color:#ffa500; font-size:2.4rem; }
.nav ul { list-style:none; display:flex; gap:1.5rem; margin:0; padding:0; }
.nav a { color:#c4b5fd; text-decoration:none; font-weight:600; font-size:0.95rem; padding:0.25rem 0; }
.nav a:hover { color:#ffd700; }
.header-cta .btn-primary { padding:0.9rem 2.2rem; background:linear-gradient(135deg,#a855f7,#7c3aed); color:white; border-radius:50px; font-weight:700; }
.hamburger { display:none; font-size:1.9rem; color:#ffd700; cursor:pointer; }

.hero { background:linear-gradient(135deg,#1e003a,#0f0020); padding:140px 0 100px; text-align:center; }
.hero .container { display:flex; align-items:center; justify-content:space-between; gap:3rem; flex-wrap:wrap; }
.hero-content { flex:1 1 360px; text-align:left; }
.hero-image { flex:1 1 320px; }
.hero h1 { font-size:4.2rem; font-weight:900; background:linear-gradient(135deg,#ffd700,#ff6bff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:1rem; }
.hero p { font-size:1.35rem; color:#c4b5fd; max-width:900px; margin:0 auto 2.5rem; }
.hero-buttons { display:flex; gap:2rem; justify-content:center; flex-wrap:wrap; }
.hero-buttons a { padding:1.1rem 3rem; border-radius:50px; font-weight:700; text-decoration:none; }
.hero-image img { width:100%; max-width:420px; height:auto; display:block; margin:0 auto; }
.btn-primary { background:linear-gradient(135deg,#c084fc,#a855f7); color:white; }
.btn-secondary { background:transparent; color:#e2e8f0; border:2px solid #a855f7; }

.main-content { display:grid; grid-template-columns:300px 1fr; gap:40px; margin:80px auto; }
.sidebar { position:sticky; top:100px; align-self:start; }
.promo-panel, .promo-banner, .widget { background:rgba(100,80,200,0.15); backdrop-filter:blur(12px); border:1px solid rgba(168,85,247,0.3); border-radius:20px; padding:1.5rem; text-align:center; margin-bottom:2rem; }
.promo-placeholder { background:rgba(139,92,246,0.1); height:600px; border-radius:16px; display:flex; align-items:center; justify-content:center; color:#888; }
.promo-banner .promo-placeholder { height:90px; }

h2 { font-size:3.2rem; text-align:center; margin:80px 0 30px; background:linear-gradient(90deg,#9d4edd,#ffa500); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.section-intro { text-align:center; color:#c4b5fd; max-width:900px; margin:0 auto 50px; }
.table-wrapper { background:rgba(15,5,32,0.8); border:1px solid rgba(148,86,247,0.4); border-radius:20px; padding:1.5rem; overflow-x:auto; }
.seo-table { width:100%; border-collapse:collapse; font-size:0.95rem; }
.seo-table caption { text-align:left; font-weight:600; margin-bottom:1rem; color:#94a3b8; }
.seo-table th, .seo-table td { padding:1rem; text-align:left; border-bottom:1px solid rgba(148,86,247,0.2); }
.seo-table th { text-transform:uppercase; font-size:0.8rem; letter-spacing:1px; color:#fbbf24; }
.seo-table tr:hover { background:rgba(148,86,247,0.1); }
.seo-table td { color:#e2e8f0; }
.table-footnote { margin-top:1rem; text-align:center; font-size:0.85rem; color:#94a3b8; }

.bonuses-section,
.trust-section,
.faq-section,
.compliance-section { padding:40px 0 20px; }

.trust-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; }
.trust-grid article { background:rgba(26,7,55,0.8); border:1px solid rgba(148,86,247,0.3); border-radius:18px; padding:1.5rem; text-align:left; }
.trust-grid h3 { color:#ffd700; margin-bottom:0.6rem; }

.faq-items details { background:rgba(15,5,32,0.85); border:1px solid rgba(148,86,247,0.3); border-radius:18px; padding:1.2rem 1.5rem; margin-bottom:1rem; }
.faq-items summary { font-weight:600; font-size:1.1rem; cursor:pointer; position:relative; padding-right:1.5rem; }
.faq-items summary::-webkit-details-marker { display:none; }
.faq-items details[open] summary { color:#ffd700; }
.faq-items p { margin-top:0.75rem; color:#cbd5f5; }

.compliance-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; text-align:left; }
.compliance-grid article { background:rgba(14,6,30,0.9); border:1px solid rgba(255,165,0,0.3); border-radius:18px; padding:1.5rem; }
.compliance-grid h3 { color:#fbbf24; margin-bottom:0.6rem; }
.compliance-grid ul { list-style:disc; padding-left:1.3rem; color:#e2e8f0; }
.compliance-grid li { margin-bottom:0.5rem; }
.compliance-grid a { color:#93c5fd; text-decoration:underline; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:2.5rem; }
.card { background:rgba(80,40,180,0.25); border-radius:24px; overflow:hidden; border:2px solid transparent; transition:all .4s; position:relative; backdrop-filter:blur(12px); }
.card:hover { transform:translateY(-12px); border-color:#ffa500; box-shadow:0 30px 60px rgba(255,165,0,0.3); }
.card.featured { border:3px solid #ffa500; box-shadow:0 0 50px rgba(255,165,0,0.4); }
.card img { width:100%; height:220px; object-fit:cover; }
.card-body { padding:2rem; text-align:center; }
.card h3 { color:#ffd700; font-size:1.7rem; }
.rating { color:#ffd700; font-size:1.5rem; font-weight:900; margin-top:1rem; }
.badge { position:absolute; top:16px; right:16px; background:#ffa500; color:#000; padding:8px 20px; border-radius:50px; font-weight:900; }

.footer { background:#0a001a; padding:60px 0 30px; text-align:center; border-top:1px solid rgba(139,92,246,0.2); color:#777; font-size:0.9rem; }

#newsletter-popup { position:fixed; inset:0; background:rgba(0,0,0,0.94); backdrop-filter:blur(12px); display:none; align-items:center; justify-content:center; z-index:9999; }
.popup-content { background:linear-gradient(135deg,#1a0b3d,#0f0520); padding:3rem; border-radius:32px; border:3px solid #a855f7; box-shadow:0 0 60px rgba(168,85,247,0.6); text-align:center; max-width:440px; width:90%; }
.popup-content h2 { font-size:3rem; font-weight:900; background:linear-gradient(135deg,#ffd700,#ff6bff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.popup-content input { width:100%; padding:1rem; border-radius:50px; background:#1e0d42; color:white; border:none; margin:1rem 0; }
.close-popup { background:none; border:none; color:#999; cursor:pointer; text-decoration:underline; }

@media (max-width:1024px) {
  .nav ul { flex-wrap:wrap; justify-content:flex-end; }
  .nav a { padding:0.5rem 0; }
  .main-content { grid-template-columns:1fr; }
  .sidebar { position:static; }
}
@media (max-width:768px) {
  .seo-table thead { display:none; }
  .seo-table tr { display:block; margin-bottom:1.5rem; }
  .seo-table td { display:flex; justify-content:space-between; gap:1rem; border-bottom:1px solid rgba(148,86,247,0.2); }
  .seo-table td::before { content:attr(data-label) ': '; font-weight:600; color:#fbbf24; }
}
@media (max-width:640px) {
  .container { padding:0 16px; }
  .header .container { flex-direction:column; }
  .nav ul { flex-direction:column; align-items:center; gap:0.5rem; }
  .nav a { font-size:1rem; }
  .hero .container { flex-direction:column; text-align:center; }
  .hero-content { text-align:center; }
  .hero-buttons { width:100%; }
  .hero-buttons a { width:100%; max-width:320px; }
  .main-content { margin:20px auto !important; }
  .sidebar { width:100%; }
  .promo-panel, .widget, .promo-banner { padding:1.25rem; }
  .grid, .trust-grid, .compliance-grid { grid-template-columns:1fr !important; }
  .table-wrapper { padding:1rem; }
}
.mobile-menu { position:fixed; top:0; right:-100%; width:320px; height:100vh; background:#0f0520; padding:2rem; transition:right .4s; z-index:9999; display:flex; flex-direction:column; gap:2rem; }
.mobile-menu.active { right:0; }
.promo-card {
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 16px;
  transition: all 0.3s ease;
  background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
}

.promo-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.promo-card .blurb {
  font-size: 0.9rem;
  color: #6b7280;
  margin: 8px 0;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .promo-card {
    padding: 12px;
  }
}
/* Dark glassmorphism cards – exact same look as your original Stake.us card */
.dark-glass-card {
  background: rgba(30, 20, 60, 0.65);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.4s ease;
  position: relative;
}

.dark-glass-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(135deg, rgba(109, 40, 217, 0.15), rgba(59, 130, 246, 0.05));
  pointer-events: none;
  border-radius: 16px;
}

.dark-glass-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(109, 40, 217, 0.3);
  border-color: rgba(167, 139, 250, 0.6);
}

.dark-glass-card .card-body h3,
.dark-glass-card .card-body p,
.dark-glass-card .blurb,
.dark-glass-card .rating {
  color: #e9d5ff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

.dark-glass-card .btn-primary {
  background: linear-gradient(90deg, #a78bfa, #7c3aed);
  box-shadow: 0 4px 15px rgba(124, 58, 237, 0.4);
}

.dark-glass-card .badge {
  background: linear-gradient(90deg, #f59e0b, #d97706);
  color: white;
  font-weight: 700;
}

.referral-grid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 2rem;
  margin-top: 2rem;
}
.referral-box img {
  height: 80px;
  width: auto;
  margin: 0 auto 1rem;
  display: block;
}
.referral-box h3 {
  margin: 0.5rem 0;
  font-size: 1.5rem;
  color: #ffd700;
}
.referral-box p {
  font-size: 0.95rem;
  margin: 0.6rem 0;
}
.referral-box .small {
  font-size: 0.8rem;
  color: #c4b5fd;
  margin-top: 1rem;
}
.referral-box .btn-primary {
  margin: 1rem 0;
  padding: 0.9rem 1.8rem;
  font-size: 1.1rem;
}
/* ============= EXCLUSIVE REFERRAL SECTION – MATCHES YOUR TOP CARDS PERFECTLY ============= */
.referral-grid .card img {
 width: 100%;
 height: 220px;
 object-fit: contain;
 background: #0f0520;
 padding: 20px;
 border-radius: 16px 16px 0 0;
}

.referral-grid .card-body {
 flex-grow: 1;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 padding: 2rem;
}

.referral-grid .blurb {
 flex-grow: 1;
 margin: 12px 0;
 font-size: 0.95rem;
 color: #e9d5ff;
}

.referral-grid .small {
 font-size: 0.82rem;
 color: #c4b5fd;
 margin-top: auto;
}

.referral-intro {
 font-size: 1.5rem !important;
 font-weight: 700;
 background: linear-gradient(90deg, #ffd700, #ff6bff);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 margin: 20px auto 50px !important;
 text-align: center;
}

/* GLOWING CLAIM NOW BUTTON – PURE FIRE */
.btn-claim-glow {
 position: relative;
 display: block;
 width: fit-content;
 margin: 20px auto;
 padding: 1.2rem 3.2rem;
 font-size: 1.3rem;
 font-weight: 800;
 text-transform: uppercase;
 letter-spacing: 1.5px;
 background: linear-gradient(135deg, #a855f7, #e879f9);
 color: white;
 border: none;
 border-radius: 50px;
 cursor: pointer;
 overflow: hidden;
 z-index: 1;
 transition: all 0.4s ease;
 box-shadow: 0 10px 30px rgba(168, 85, 247, 0.6);
 text-align: center;
 text-decoration: none;
}

.btn-claim-glow::before {
 content: '';
 position: absolute;
 top: -3px; left: -3px; right: -3px; bottom: -3px;
 background: linear-gradient(45deg, #ff6bff, #a855f7, #7c3aed, #ff6bff);
 border-radius: 54px;
 z-index: -1;
 animation: glowPulse 3s infinite;
 filter: blur(10px);
 opacity: 0.9;
}

.btn-claim-glow:hover {
 transform: translateY(-8px);
 box-shadow: 0 20px 40px rgba(168, 85, 247, 0.8);
}

.btn-claim-glow:hover::before {
 animation: glowPulse 1.2s infinite;
 opacity: 1;
}

@keyframes glowPulse {
 0%, 100% { opacity: 0.7; transform: scale(1); }
 50% { opacity: 1; transform: scale(1.08); }
}
/* MOBILE HERO TEXT FIX – PREVENTS "SWEEPSTAKES" FROM BEING CUT OFF */
@media (max-width: 768px) {
  .hero .container { flex-direction:column; }
  .hero h1 {
    font-size: 2.8rem !important;       
    line-height: 1.1 !important;
    padding: 0 20px;                     
    word-break: normal;                 
    overflow-wrap: normal;
    hyphens: none;
  }

  .hero p {
    font-size: 1.1rem !important;
    padding: 0 20px;
    margin: 1.5rem auto !important;
  }

  .hero-buttons {
    flex-direction: column;
    gap: 1rem;
    padding: 0 20px;
  }

  .hero-buttons a {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding: 1rem 2rem !important;
    font-size: 1.1rem;
  }

  .hero {
    padding: 100px 0 80px !important;
  }
}

/* Extra protection for very narrow phones */
@media (max-width: 380px) {
  .hero h1 {
    font-size: 2.4rem !important;
  }
}
/* Fancy Advertising Contact Form in Sidebar */
.contact-panel {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.25), rgba(255, 165, 0, 0.15));
  border: 2px solid #ffa500;
  box-shadow: 0 0 40px rgba(255, 165, 0, 0.4);
  padding: 2rem !important;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.contact-panel::before {
  content: '';
  position: absolute;
  top: -50%; left: -50%;
  width: 200%; height: 200%;
  background: radial-gradient(circle, rgba(255, 165, 0, 0.15), transparent);
  animation: pulseGlow 8s infinite;
}

.contact-form-wrapper h3 {
  font-size: 1.8rem;
  background: linear-gradient(90deg, #ffd700, #ff6bff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.5rem;
}

.contact-form-wrapper i {
  color: #ffa500;
  margin-right: 8px;
}

.partner-subtitle {
  font-size: 1rem;
  color: #e9d5ff;
  margin-bottom: 1.5rem;
}

.contact-form-wrapper form input,
.contact-form-wrapper form textarea {
  width: 100%;
  padding: 0.9rem;
  margin: 0.8rem 0;
  background: rgba(30, 20, 60, 0.8);
  border: 1px solid #a855f7;
  border-radius: 12px;
  color: white;
  font-family: 'Poppins', sans-serif;
}

.contact-form-wrapper form input::placeholder,
.contact-form-wrapper form textarea::placeholder {
  color: #c4b5fd;
}

.partner-btn {
  margin: 1.5rem auto 1rem !important;
  padding: 1.2rem 2.5rem !important;
  font-size: 1.2rem !important;
}

.contact-email-note {
  font-size: 0.9rem;
  color: #c4b5fd;
  margin-top: 1rem;
}

.contact-email-note a {
  color: #ffd700;
  text-decoration: underline;
}

@keyframes pulseGlow {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.6; }
}
/* SPECTACULAR 728x90 FEATURE BANNER – EYE-CATCHING SHOWCASE CTA */
.spotlight-banner {
  position: relative;
  background: linear-gradient(135deg, #1a0033, #2d0066);
  border: 2px solid #ffa500;
  border-radius: 20px;
  overflow: hidden;
  margin: 2rem 0;
  padding: 1.5rem;
  text-align: center;
  box-shadow: 0 0 50px rgba(255, 165, 0, 0.5);
  animation: bannerPulse 4s infinite;
}

.spotlight-content {
  position: relative;
  z-index: 2;
}

.spotlight-flash {
  font-size: 1.1rem;
  font-weight: 900;
  color: #ffd700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 0.8rem;
  animation: flash 2s infinite;
}

.spotlight-flash i {
  color: #ff6bff;
  animation: starTwinkle 1.5s infinite alternate;
}

.spotlight-banner h3 {
  font-size: 2.2rem;
  background: linear-gradient(90deg, #ffd700, #ff6bff, #a855f7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0.5rem 0;
  font-weight: 900;
}

.spotlight-banner p {
  font-size: 1.1rem;
  color: #e9d5ff;
  margin: 1rem 0;
}

.spectacular-btn {
  display: inline-block;
  padding: 1.2rem 3rem !important;
  font-size: 1.4rem !important;
  margin: 1rem auto;
}

.spotlight-glow {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 165, 0, 0.2), transparent 70%);
  animation: glowRotate 12s linear infinite;
  pointer-events: none;
}

@keyframes bannerPulse {
  0%, 100% { box-shadow: 0 0 50px rgba(255, 165, 0, 0.5); }
  50% { box-shadow: 0 0 80px rgba(255, 165, 0, 0.8); }
}

@keyframes flash {
  0%, 100% { opacity: 0.7; }
  50% { opacity: 1; }
}

@keyframes starTwinkle {
  0% { transform: scale(1); }
  100% { transform: scale(1.4); }
}

@keyframes glowRotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .spotlight-banner h3 {
    font-size: 1.8rem;
  }
  .spectacular-btn {
    font-size: 1.2rem !important;
    padding: 1rem 2rem !important;
  }
}
/* FULL RESPONSIVE FIXES + GLASSMORPHISM VISIBILITY BOOST (December 2025) */
body {
  background: linear-gradient(135deg, #1e003a 0%, #0f0020 40%, #2d0066 80%, #1a0033 100%) !important;
  background-attachment: fixed;
}

/* Make sidebar and promo elements pop on desktop with stronger glassmorphism */
.promo-panel, .promo-banner, .widget, .contact-panel, .spotlight-banner, .dark-glass-card {
  background: rgba(100, 80, 200, 0.3) !important; /* Stronger tint */
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 2px solid rgba(255, 165, 0, 0.6) !important;
  box-shadow: 0 0 40px rgba(255, 165, 0, 0.4) !important;
}

/* Flexible sidebar on large screens + better stacking */
@media (min-width: 1025px) {
  .main-content {
    grid-template-columns: minmax(300px, 360px) 1fr; /* Flexible sidebar */
    gap: 50px;
  }
}

/* Improved tablet/mobile stacking */
@media (max-width: 1024px) {
  .main-content {
    grid-template-columns: 1fr;
    gap: 40px;
    margin: 40px auto;
  }
  .sidebar {
    position: static;
    order: 2; /* Sidebar below main on mobile/tablet */
  }
  .main {
    order: 1;
  }
  .spotlight-banner {
    margin: 2rem auto;
    max-width: 90%;
  }
}

/* Ensure hero and cards look great on all sizes */
.hero {
  padding: 120px 0 80px !important;
}
@media (max-width: 768px) {
  .hero {
    padding: 80px 0 60px !important;
  }
  .hero h1 {
    font-size: 2.8rem !important;
  }
  .referral-grid {
    grid-template-columns: 1fr !important; /* Single column cards on mobile */
    gap: 2rem;
  }
}

/* SINGLE DEFINITIVE FIX FOR LARGE GAP AFTER HERO - REDUCES TO ~120-150PX ON ALL DEVICES */
.hero {
  padding: 140px 0 50px !important;  /* Keeps top padding, slashes bottom from 100px/80px to 50px */
}

.main-content {
  margin: 30px auto !important;     /* Uniform small top/bottom margin on ALL screens (overrides media queries) */
}

section.featured-section h2 {
  margin: 40px 0 30px !important;   /* Targets the specific big heading - reduces top from 80px to 40px */
}

p.referral-intro {
  margin: 0 auto 40px !important;   /* Tightens space under the intro paragraph */
}

.spotlight-banner {
  margin: 0 auto 2rem !important;   /* Centers it nicely, removes top margin, keeps small bottom */
  max-width: 90%;
}

/* Ensure consistent on mobile (no extra tightness) */
@media (max-width: 768px) {
  .hero {
    padding: 100px 0 40px !important;
  }
  .main-content {
    margin: 20px auto !important;
  }
  section.featured-section h2 {
    margin: 30px 0 20px !important;
  }
}
/* HIDE EMPTY MOBILE MENU & HAMBURGER BUTTON COMPLETELY */
.hamburger {
  display: none !important;
}

.mobile-menu {
  display: none !important;
}

/* Optional: Slightly center the logo perfectly on mobile now that hamburger is gone */
@media (max-width: 1024px) {
  .header .container {
    justify-content: center !important;
  }
}
.contact-form-wrapper input,
.contact-form-wrapper textarea {
  pointer-events: auto !important;
  opacity: 1 !important;
  background-color: rgba(255, 255, 255, 0.1) !important; /* Or whatever your input bg is */
  color: #e2e8f0 !important;
  cursor: text !important;
}

.contact-form-wrapper form {
  position: relative;
  z-index: 10;
}

.contact-form-wrapper input:disabled,
.contact-form-wrapper textarea:disabled {
  pointer-events: auto;
  cursor: text;
}

/* If there's any glow/overlay blocking clicks */
.spotlight-glow,
.spotlight-flash {
  pointer-events: none;
}
/* FIX: Allow clicks on advertising contact form inputs */
.contact-panel::before,
.contact-panel::after {
  pointer-events: none !important;
}

.contact-form-wrapper {
  position: relative;
  z-index: 10; /* Ensures form content is above any background overlays */
}

.contact-form-wrapper input,
.contact-form-wrapper textarea,
.contact-form-wrapper button {
  position: relative;
  z-index: 20;
  pointer-events: auto !important;
}
/* FIX: Make advertising form fields clickable - allow pointer events through the glow overlay */
.contact-panel::before {
  pointer-events: none !important;
}

/* Extra safety: Ensure form elements are interactive and on top */
.contact-form-wrapper input,
.contact-form-wrapper textarea {
  position: relative;
  z-index: 20 !important;
  pointer-events: auto !important;
}