/* =============================================================================
   EYCA — Shared Stylesheet (extracted from original inline <style> block)
   ============================================================================= */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:#0A1628;color:#fff;overflow-x:hidden;}

/* ── Brand gradient (green→gold like logo) ── */
.brand-gradient { background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 40%, #F9A825 100%); }
.gold-gradient  { background: linear-gradient(135deg, #F9A825 0%, #FDD835 50%, #F9A825 100%); }
.green-gradient { background: linear-gradient(135deg, #1B5E20, #2E7D32); }

/* ── Glassmorphism ── */
.glass      { background:rgba(255,255,255,0.06); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,0.1); }
.glass-dark { background:rgba(10,22,40,0.82); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,0.08); }
.glass-gold { background:rgba(249,168,37,0.10); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid rgba(249,168,37,0.25); }
.glass-green{ background:rgba(27,94,32,0.18); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid rgba(27,94,32,0.35); }

/* ── Hero ── */
.hero-bg {
  background:
    linear-gradient(135deg, rgba(10,22,40,0.93) 0%, rgba(13,27,15,0.75) 55%, rgba(249,168,37,0.12) 100%),
    url('https://images.unsplash.com/photo-1624880357913-a8539238245b?w=1800&q=80') center/cover no-repeat;
  min-height:100vh;
}
.hero-dot { background-image:radial-gradient(rgba(249,168,37,0.07) 1px,transparent 1px); background-size:28px 28px; }

/* ── Inner page header (About, Fees, Programs, Coaches, Facilities, Contact) ── */
.page-hero-bg {
  background:
    linear-gradient(135deg, rgba(10,22,40,0.94) 0%, rgba(13,27,15,0.85) 60%, rgba(249,168,37,0.10) 100%),
    url('https://images.unsplash.com/photo-1624880357913-a8539238245b?w=1800&q=80') center/cover no-repeat;
}
.crumb a { color: rgba(255,255,255,.55); }
.crumb a:hover { color: #F9A825; }

/* ── Clip paths ── */
.slash-down    { clip-path:polygon(0 0,100% 0,100% 88%,0 100%); }
.slash-up      { clip-path:polygon(0 5%,100% 0,100% 100%,0 100%); }

/* ── Nav ── */
.nav-scrolled { background:rgba(10,22,40,0.97)!important; backdrop-filter:blur(20px); box-shadow:0 2px 32px rgba(0,0,0,0.5); }
.nav-active { color:#F9A825 !important; }

/* ── Animations ── */
@keyframes fadeUp   { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
@keyframes pulse-ring{ 0%{transform:scale(1);opacity:.7} 100%{transform:scale(1.6);opacity:0} }
@keyframes marquee  { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@keyframes shimmer  { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
@keyframes float    { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.anim-up{ animation:fadeUp .7s ease both; }
.d1{animation-delay:.1s} .d2{animation-delay:.2s} .d3{animation-delay:.3s} .d4{animation-delay:.4s} .d5{animation-delay:.5s}

/* ── Flash offer shimmer ── */
.shimmer-gold {
  background: linear-gradient(90deg, #F9A825 0%, #FDD835 40%, #fff8dc 50%, #FDD835 60%, #F9A825 100%);
  background-size:200% 100%;
  animation:shimmer 2.5s linear infinite;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.flash-badge {
  background: linear-gradient(135deg, #cc0000, #ff1a1a);
  box-shadow: 0 0 0 3px #ff4444, 0 0 0 6px rgba(255,68,68,0.3);
  animation: float 2.5s ease-in-out infinite;
}

/* ── Cards ── */
.prog-card {
  background:linear-gradient(145deg,#0D2010,#0A1628);
  border:1px solid rgba(27,94,32,0.25);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.prog-card:hover { transform:translateY(-8px); box-shadow:0 20px 48px rgba(27,94,32,0.25); border-color:rgba(249,168,37,0.5); }

.fee-card {
  background:linear-gradient(145deg, rgba(13,27,15,0.9), rgba(10,22,40,0.9));
  border:1px solid rgba(249,168,37,0.2);
  transition:all .35s ease;
}
.fee-card:hover { border-color:rgba(249,168,37,0.6); transform:translateY(-4px); box-shadow:0 16px 40px rgba(249,168,37,0.12); }

.facility-card {
  background:linear-gradient(145deg,rgba(13,27,15,0.5),rgba(10,22,40,0.7));
  border:1px solid rgba(255,255,255,0.07);
  transition:all .35s ease;
}
.facility-card:hover { background:linear-gradient(145deg,rgba(27,94,32,0.25),rgba(249,168,37,0.08)); border-color:rgba(249,168,37,0.35); transform:translateY(-4px); }

.coach-card { transition:transform .35s ease; }
.coach-card:hover { transform:translateY(-6px); }
.coach-card:hover .coach-overlay { opacity:1; }
.coach-overlay { opacity:0; transition:opacity .35s ease; background:linear-gradient(0deg,rgba(13,27,15,0.97) 0%,rgba(249,168,37,0.3) 100%); }

.testimonial-card { background:linear-gradient(145deg,#0D2010,#0A1628); border-left:4px solid #F9A825; }

/* ── Stat bar ── */
.stat-bar { background:linear-gradient(90deg,#0D2010 0%,#0A1628 100%); border-top:1px solid rgba(249,168,37,0.2); border-bottom:1px solid rgba(249,168,37,0.2); }

/* ── Scroll reveal ── */
.reveal { opacity:0; transform:translateY(28px); transition:opacity .65s ease,transform .65s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

/* ── WhatsApp FAB ── */
.wa-fab { position:fixed; bottom:28px; right:28px; z-index:999; background:#25D366; border-radius:50%; width:58px; height:58px; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 24px rgba(37,211,102,0.45); transition:transform .25s ease,box-shadow .25s ease; }
.wa-fab:hover { transform:scale(1.1); box-shadow:0 10px 32px rgba(37,211,102,0.6); }
.wa-fab .ring { position:absolute; inset:-2px; border-radius:50%; border:2px solid #25D366; animation:pulse-ring 2s ease-out infinite; }

/* ── Fee row ── */
.fee-row { background:rgba(255,255,255,0.03); border:1px solid rgba(249,168,37,0.1); transition:all .25s ease; }
.fee-row:hover { background:rgba(249,168,37,0.06); border-color:rgba(249,168,37,0.3); }

/* ── Offer banner ── */
.offer-banner {
  background: linear-gradient(135deg, #1B5E20 0%, #0D2010 50%, #1a1a00 100%);
  border:1px solid rgba(249,168,37,0.4);
  position:relative; overflow:hidden;
}
.offer-banner::before {
  content:''; position:absolute; inset:0;
  background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(249,168,37,0.03) 10px, rgba(249,168,37,0.03) 20px);
}

@media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;} }