:root{--red:#C72C41;--red-dark:#8B0000;--gold:#D9C6B2;--gold-light:#FFFDD0;--orange:#F4A460;--green:#9CAD84;--bronze:#A0522D;--black:#080808;--dark:#111;--dark2:#1a1a1a;--dark3:#222;--gray:#999;--light:#f5f5f5;--white:#fff;--font-main:'Inter',sans-serif;--font-display:'Bebas Neue',cursive;--font-raj:'Rajdhani',sans-serif;--trans:0.35s cubic-bezier(0.4,0,0.2,1);}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:var(--font-main);background:var(--black);color:var(--white);overflow-x:hidden;line-height:1.6;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
.gold{color:var(--gold);}
.gradient-text{background:linear-gradient(135deg,var(--red),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.mt1{margin-top:1rem;}
.w100{width:100%;}

/* BUTTONS */
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent !important;color:#fff !important;font-family:var(--font-raj);font-weight:700;font-size:1rem;letter-spacing:1px;border-radius:4px;border:none;cursor:pointer;transition:var(--trans);position:relative;overflow:hidden;z-index:1;}
.btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--red),var(--red-dark));transition:var(--trans);z-index:-1;}
.btn-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--gold),var(--red));opacity:0;transition:var(--trans);z-index:-1;}
.btn-primary:hover::after{opacity:1;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(199, 44, 65,0.45);color:#fff !important;}
.btn-outline{display:inline-flex;align-items:center;padding:13px 32px;background:transparent;color:#fff;font-family:var(--font-raj);font-weight:700;font-size:1rem;letter-spacing:1px;border-radius:4px;border:2px solid rgba(255,255,255,0.5);cursor:pointer;transition:var(--trans);position:relative;z-index:1;}
.btn-outline:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px);}
.btn-xl{padding:18px 48px;font-size:1.1rem;}
.btn-cta{display:inline-flex;align-items:center;padding:10px 24px;background:var(--red);color:#fff;font-family:var(--font-raj);font-weight:700;font-size:0.9rem;letter-spacing:1px;border-radius:4px;transition:var(--trans);}
.btn-cta:hover{background:var(--gold);transform:translateY(-1px);}

/* LOADER */
.loader{position:fixed;inset:0;z-index:9999;background:var(--black);display:flex;align-items:center;justify-content:center;transition:opacity 0.5s ease,visibility 0.5s ease;}
.loader.hidden{opacity:0;visibility:hidden;pointer-events:none;}
.loader-inner{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;}
.loader-rings{position:relative;width:140px;height:140px;margin-bottom:8px;}
.ring{position:absolute;border-radius:50%;border:3px solid transparent;animation:spin 2s linear infinite;}
.r1{inset:0;border-top-color:var(--red);animation-duration:1.5s;}
.r2{inset:12px;border-top-color:var(--gold);animation-duration:2s;animation-direction:reverse;}
.r3{inset:24px;border-top-color:rgba(255,255,255,0.3);animation-duration:2.5s;}
.loader-logo{position:absolute;inset:36px;object-fit:contain;border-radius:50%;animation:pulse 2s ease-in-out infinite;}
.loader-brand{font-family:var(--font-display);font-size:1.4rem;letter-spacing:4px;color:#fff;}
.loader-tag{font-family:var(--font-raj);font-size:0.85rem;letter-spacing:6px;color:var(--gold);text-transform:uppercase;}
.loader-bar{width:200px;height:3px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden;margin-top:8px;}
.loader-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--red),var(--gold));border-radius:2px;transition:width 0.1s linear;}
.loader-pct{font-family:var(--font-raj);font-size:0.8rem;color:var(--gray);letter-spacing:2px;}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}

/* NAVBAR */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:var(--trans);}
.navbar.scrolled{background:rgba(8,8,8,0.96);backdrop-filter:blur(20px);padding:10px 0;border-bottom:1px solid rgba(199, 44, 65,0.2);}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px;}
.nav-logo{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.nav-logo img{width:56px;height:56px;object-fit:contain;}
.nav-logo span{font-family:var(--font-display);font-size:1.45rem;letter-spacing:2.5px;line-height:1.1;}
.nav-logo em{display:block;font-style:normal;font-size:0.8rem;color:var(--red);letter-spacing:3.5px;}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto;}
.nav-link{font-family:var(--font-raj);font-weight:600;font-size:0.9rem;letter-spacing:1px;padding:8px 14px;color:rgba(255,255,255,0.75);border-radius:4px;transition:var(--trans);position:relative;}
.nav-link::after{content:'';position:absolute;bottom:4px;left:14px;right:14px;height:2px;background:var(--red);transform:scaleX(0);transition:var(--trans);}
.nav-link:hover,.nav-link.active{color:#fff;}
.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1);}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.burger span{display:block;width:24px;height:2px;background:#fff;transition:var(--trans);}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* HERO */
.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,8,8,0.85) 0%,rgba(8,8,8,0.5) 50%,rgba(8,8,8,0.7) 100%);}
.hero-content{position:relative;z-index:2;text-align:center;padding:0 24px;max-width:900px;}
.hero-badge{display:inline-block;font-family:var(--font-raj);font-size:0.85rem;letter-spacing:3px;color:var(--gold);border:1px solid rgba(217, 198, 178,0.4);padding:6px 20px;border-radius:100px;margin-bottom:24px;animation:fadeInDown 1s ease 0.5s both;}
.hero-content h1{font-family:var(--font-display);line-height:0.9;margin-bottom:20px;}
.hero-content h1 .line1{display:block;font-size:clamp(3rem,8vw,6rem);color:rgba(255,255,255,0.85);animation:fadeInUp 1s ease 0.7s both;}
.hero-content h1 .line2{display:block;font-size:clamp(5rem,14vw,11rem);background:linear-gradient(135deg,var(--red),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease 0.9s both;}.hero-content h1 .line3{display:block;font-size:clamp(3rem,8vw,6rem);color:rgba(255,255,255,0.85);animation:fadeInUp 1s ease 1.1s both;}
.hero-sub{font-size:1.1rem;color:rgba(255,255,255,0.7);letter-spacing:2px;margin-bottom:32px;animation:fadeInUp 1s ease 1.2s both;}
.hero-stats{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:36px;animation:fadeInUp 1s ease 1.3s both;}
.hs{display:flex;flex-direction:column;align-items:center;}
.hn{font-family:var(--font-display);font-size:2rem;color:var(--gold);}
.hl{font-size:0.75rem;letter-spacing:2px;color:rgba(255,255,255,0.5);text-transform:uppercase;}
.hd{width:1px;height:40px;background:rgba(255,255,255,0.2);}
.hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease 1.4s both;}
.scroll-hint{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2;}
.scroll-hint span{font-size:0.7rem;letter-spacing:3px;color:rgba(255,255,255,0.4);text-transform:uppercase;}
.sh-line{width:1px;height:48px;background:linear-gradient(to bottom,rgba(255,255,255,0.4),transparent);animation:scrollDown 2s ease-in-out infinite;}
@keyframes scrollDown{0%{transform:scaleY(0);transform-origin:top;}50%{transform:scaleY(1);transform-origin:top;}51%{transform:scaleY(1);transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}

/* SECTIONS */
.sec{padding:100px 0;}
.dark-sec{background:var(--dark);}
.sec-label{font-family:var(--font-raj);font-size:0.8rem;letter-spacing:5px;color:var(--red);text-transform:uppercase;margin-bottom:12px;}
.sec-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);line-height:1;margin-bottom:40px;}
.sec-sub{color:var(--gray);max-width:600px;margin:-20px auto 40px;text-align:center;}
.sec-sub.highlight-banner{
  background:linear-gradient(135deg,rgba(199, 44, 65,0.08),rgba(217, 198, 178,0.04));
  border:1px solid rgba(217, 198, 178,0.22);
  border-left:4px solid var(--red);
  padding:18px 24px;
  border-radius:8px;
  color:#fff;
  font-weight:600;
  margin:-10px auto 40px;
  box-shadow:0 8px 32px rgba(0,0,0,0.2);
}
.sec-title,.sec-label{text-align:center;}

/* REVEAL ANIMATIONS */
.reveal{opacity:0;transform:translateY(40px);transition:opacity 0.7s ease,transform 0.7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.d1{transition-delay:0.15s!important;}
.d2{transition-delay:0.3s!important;}
.d3{transition-delay:0.45s!important;}

/* MISSION/VISION */
.mv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.mv-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:40px 32px;text-align:center;transition:var(--trans);}
.mv-card:hover{border-color:var(--red);transform:translateY(-4px);background:rgba(199, 44, 65,0.05);}
.mv-ico{font-size:2.5rem;margin-bottom:16px;}
.mv-card h3{font-family:var(--font-display);font-size:1.8rem;margin-bottom:12px;color:var(--gold);}
.mv-card p{color:var(--gray);line-height:1.8;}

/* WHY SPARTAN */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;}
.why-item{padding:32px;border-radius:12px;border:1px solid rgba(255,255,255,0.06);transition:var(--trans);}
.why-item:hover{border-color:var(--red);background:rgba(199, 44, 65,0.05);}
.why-n{font-family:var(--font-display);font-size:3rem;color:rgba(199, 44, 65,0.2);display:block;margin-bottom:8px;}
.why-item h4{font-family:var(--font-raj);font-size:1.2rem;font-weight:700;margin-bottom:10px;letter-spacing:1px;}
.why-item p{color:var(--gray);font-size:0.95rem;line-height:1.7;}

/* STATS */
.stats-sec{background:linear-gradient(135deg,rgba(199, 44, 65,0.1),rgba(217, 198, 178,0.05));}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;}
.stat-box{text-align:center;padding:40px 24px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;transition:var(--trans);}
.stat-box:hover{border-color:var(--gold);transform:translateY(-4px);}
.stat-ico{font-size:2rem;margin-bottom:12px;}
.stat-n{font-family:var(--font-display);font-size:3.5rem;background:linear-gradient(135deg,var(--red),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.stat-l{font-family:var(--font-raj);font-size:0.85rem;letter-spacing:2px;color:var(--gray);text-transform:uppercase;margin-top:4px;}

/* REVIEWS */
.rev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.rev-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:32px;transition:var(--trans);}
.rev-card:hover{border-color:var(--gold);transform:translateY(-4px);}
.rev-stars{color:var(--gold);font-size:1.1rem;margin-bottom:16px;}
.rev-card p{color:rgba(255,255,255,0.8);line-height:1.7;font-style:italic;margin-bottom:20px;}
.rev-author{display:flex;align-items:center;gap:12px;}
.rev-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red-dark));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:0.9rem;flex-shrink:0;}
.rev-author b{display:block;font-size:0.9rem;}
.rev-author small{color:var(--gray);font-size:0.78rem;}

/* MAP */
.map-wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:32px;align-items:start;}
.map-info{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:32px;}
.map-row{display:flex;gap:16px;margin-bottom:24px;}
.map-ico{font-size:1.3rem;flex-shrink:0;margin-top:2px;}
.map-row b{display:block;margin-bottom:4px;font-family:var(--font-raj);letter-spacing:1px;}
.map-row p,.map-row a{color:var(--gray);font-size:0.9rem;line-height:1.6;}
.map-row a:hover{color:var(--red);}
.map-frame{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);}
.map-frame iframe{display:block;filter:grayscale(100%) invert(92%) contrast(83%);}
.map-frame.full{border-radius:12px;overflow:hidden;}

/* CTA */
.cta-sec{position:relative;padding:120px 0;text-align:center;overflow:hidden;}
.cta-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(199, 44, 65,0.15),rgba(217, 198, 178,0.08));border-top:1px solid rgba(199, 44, 65,0.2);border-bottom:1px solid rgba(199, 44, 65,0.2);}
.cta-inner{position:relative;z-index:1;}
.cta-inner h2{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);margin-bottom:16px;}
.cta-inner p{color:var(--gray);font-size:1.1rem;margin-bottom:40px;}

/* FOOTER */
.footer{background:var(--dark);border-top:1px solid rgba(255,255,255,0.06);padding:80px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding-bottom:60px;}
.foot-brand img{width:72px;margin-bottom:16px;}
.foot-brand p{color:var(--gray);font-size:0.9rem;line-height:1.7;max-width:260px;margin-bottom:24px;}
.foot-soc{display:flex;gap:12px;}
.foot-soc a{width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:var(--trans);}
.foot-soc a:hover{border-color:var(--red);background:rgba(199, 44, 65,0.1);}
.foot-links h4,.foot-contact h4{font-family:var(--font-raj);font-size:1rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;color:var(--gold);}
.foot-links ul li{margin-bottom:10px;}
.foot-links a{color:var(--gray);font-size:0.9rem;transition:var(--trans);}
.foot-links a:hover{color:var(--red);padding-left:4px;}
.foot-contact p{color:var(--gray);font-size:0.9rem;line-height:1.7;margin-bottom:8px;}
.foot-contact a{color:var(--gray);}
.foot-contact a:hover{color:var(--red);}
.foot-contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.foot-contact-item.align-start {
  align-items: flex-start;
}
.foot-contact-item .foot-icon {
  width: 16px;
  height: 16px;
  color: var(--gold);
  flex-shrink: 0;
  margin-top: 3px;
}
.foot-contact-item.align-start .foot-icon {
  margin-top: 5px;
}
.foot-contact-item p {
  margin-bottom: 0 !important;
  line-height: 1.6;
  font-size: 0.9rem;
}
.foot-contact-item a {
  color: var(--gray);
  transition: var(--trans);
}
.foot-contact-item a:hover {
  color: var(--red);
}
.highlight-white {
  color: #fff;
  font-weight: 500;
}
.highlight-gold {
  color: var(--gold);
  font-weight: 500;
}
.highlight-red {
  color: var(--red);
  font-size: 0.85rem;
}
.highlight-gray {
  color: rgba(255, 255, 255, 0.45);
}
.foot-bottom{border-top:1px solid rgba(255,255,255,0.06);padding:20px 0;text-align:center;}
.foot-bottom p{color:rgba(255,255,255,0.35);font-size:0.82rem;}

/* PAGE HERO */
.page-hero{position:relative;height:55vh;min-height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.page-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 8s ease;}
.page-hero:hover .page-hero-bg{transform:scale(1.05);}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(8,8,8,0.85),rgba(8,8,8,0.5));}
.page-hero-content{position:relative;z-index:1;text-align:center;padding:0 24px;}
.page-hero-content h1{font-family:var(--font-display);font-size:clamp(3rem,7vw,5.5rem);line-height:1;margin-bottom:12px;}
.page-hero-content p{color:rgba(255,255,255,0.65);font-size:1.1rem;letter-spacing:1px;}

/* ABOUT PAGE */
.about-intro{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start;}
.about-img-wrap{position:relative;text-align:center;}
.about-logo-big{width:220px;border-radius:50%;margin:0 auto;border:3px solid rgba(199, 44, 65,0.4);padding:16px;background:rgba(255,255,255,0.03);}
.about-badge{position:absolute;bottom:-16px;right:0;background:var(--red);color:#fff;font-family:var(--font-display);font-size:1.2rem;padding:8px 20px;border-radius:100px;}
.about-text .sec-title{text-align:left;margin-bottom:16px;}
.about-text .sec-label{text-align:left;}
.about-text p{color:var(--gray);line-height:1.8;margin-bottom:16px;}
.about-highlights{display:flex;gap:24px;margin-top:24px;flex-wrap:wrap;}
.ah-item{display:flex;align-items:center;gap:8px;font-family:var(--font-raj);font-size:0.9rem;letter-spacing:1px;}
.ah-item span{font-size:1.4rem;}
.mvv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.mvv-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:40px 32px;transition:var(--trans);}
.mvv-card:hover{border-color:var(--red);transform:translateY(-4px);}
.mvv-num{font-family:var(--font-display);font-size:4rem;color:rgba(199, 44, 65,0.15);line-height:1;margin-bottom:4px;}
.mvv-ico{font-size:2rem;margin-bottom:12px;}
.mvv-card h3{font-family:var(--font-display);font-size:1.8rem;color:var(--gold);margin-bottom:12px;}
.mvv-card p{color:var(--gray);line-height:1.8;}
.trainer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.trainer-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:32px;text-align:center;transition:var(--trans);}
.trainer-card:hover{border-color:var(--gold);transform:translateY(-4px);}
.trainer-avatar{font-size:3rem;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(199, 44, 65,0.2),rgba(217, 198, 178,0.1));display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.trainer-card h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:4px;}
.trainer-role{color:var(--red);font-family:var(--font-raj);font-size:0.85rem;letter-spacing:2px;margin-bottom:12px;}
.trainer-card p{color:var(--gray);font-size:0.9rem;line-height:1.7;margin-bottom:16px;}
.trainer-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.trainer-tags span{background:rgba(199, 44, 65,0.15);border:1px solid rgba(199, 44, 65,0.3);color:rgba(255,255,255,0.7);font-size:0.75rem;padding:4px 12px;border-radius:100px;font-family:var(--font-raj);letter-spacing:1px;}

/* SVG Symbol Icons */
.symbol-svg {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 6px;
  display: inline-block;
  stroke: currentColor;
  fill: none;
}
.symbol-svg.list-tick {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  stroke: var(--red);
  stroke-width: 3px;
}
.symbol-svg.gold-star {
  stroke: var(--gold);
  fill: var(--gold);
  margin-left: 4px;
  margin-right: 0;
}

/* ── About Page — Alternating Image + Text Feature Rows ── */
.about-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:80px;}
.about-feature-row:last-child{margin-bottom:0;}
.afr-reverse{direction:rtl;}
.afr-reverse > *{direction:ltr;}
.afr-img{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 64px rgba(0,0,0,0.5);}
.afr-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.afr-img:hover img{transform:scale(1.05);}
.afr-img::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(199,44,65,0.15),transparent 60%);z-index:1;pointer-events:none;}
.afr-img-badge{position:absolute;bottom:16px;left:16px;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-raj);font-size:0.85rem;letter-spacing:2px;padding:8px 18px;border-radius:100px;border:1px solid rgba(255,255,255,0.15);z-index:2;}
.afr-text{padding:8px 0;}
.afr-text .sec-label{text-align:left;margin-bottom:10px;}
.afr-text h3{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);color:#fff;margin-bottom:16px;line-height:1.1;}
.afr-text p{color:var(--gray);line-height:1.8;font-size:1rem;margin-bottom:20px;}
.afr-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;}
.afr-list li{color:rgba(255,255,255,0.75);font-family:var(--font-raj);font-size:0.92rem;letter-spacing:0.5px;padding-left:4px;}
@media(max-width:900px){.about-feature-row{grid-template-columns:1fr;gap:32px;}.afr-reverse{direction:ltr;}}
@media(max-width:600px){.about-intro{grid-template-columns:1fr;text-align:center;}.about-text .sec-title,.about-text .sec-label{text-align:center;}}




.port-filter{display:flex;gap:12px;justify-content:center;margin-bottom:40px;flex-wrap:wrap;}
.pf-btn{padding:10px 24px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.6);border-radius:100px;font-family:var(--font-raj);font-size:0.9rem;letter-spacing:1px;cursor:pointer;transition:var(--trans);}
.pf-btn.active,.pf-btn:hover{background:var(--red);border-color:var(--red);color:#fff;}
.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.port-item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;}
.port-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.port-item:hover img{transform:scale(1.08);}
.port-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,8,0.9),transparent);display:flex;align-items:flex-end;padding:20px;opacity:0;transition:var(--trans);}
.port-item:hover .port-overlay{opacity:1;}
.port-overlay span{font-family:var(--font-raj);font-size:1rem;letter-spacing:2px;color:#fff;text-transform:uppercase;}
.port-view-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  background: rgba(199, 44, 65, 0.95);
  color: #fff;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 0 20px rgba(199, 44, 65, 0.6);
  border: 2px solid rgba(255, 255, 255, 0.25);
  pointer-events: none;
}
.port-item:hover .port-view-icon {
  transform: translate(-50%, -50%) scale(1);
}
.port-view-icon::after {
  content: 'VIEW';
  position: absolute;
  bottom: -24px;
  font-family: var(--font-raj);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--gold);
  text-shadow: 0 2px 4px rgba(0,0,0,0.8);
}
.port-item.hidden{display:none;}
.trans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.trans-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:28px;transition:var(--trans);}
.trans-card:hover{border-color:var(--gold);box-shadow:0 12px 40px rgba(217,198,178,0.08);}
.trans-before-after{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px;}
.trans-side{flex:1;text-align:center;}
.trans-label{font-family:var(--font-raj);font-size:0.7rem;letter-spacing:3px;color:var(--gray);text-transform:uppercase;display:block;margin-bottom:8px;}
.trans-placeholder{height:260px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);}
.trans-placeholder.after-p{background:rgba(217,198,178,0.08);border-color:rgba(217,198,178,0.2);}
.trans-arrow{font-size:1.5rem;color:var(--red);flex-shrink:0;align-self:center;}
.trans-info h4{font-family:var(--font-display);font-size:1.3rem;margin-bottom:4px;}
.trans-info p{color:var(--gray);font-size:0.85rem;}
.prog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.prog-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:32px;transition:var(--trans);}
.prog-card:hover{border-color:var(--red);transform:translateY(-4px);background:rgba(199, 44, 65,0.05);}
.prog-ico{font-size:2.5rem;margin-bottom:16px;}
.prog-card h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:10px;color:var(--gold);}
.prog-card p{color:var(--gray);font-size:0.9rem;line-height:1.7;}

/* MEMBERSHIP */
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;}
.plan-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:40px 32px;text-align:center;position:relative;transition:var(--trans);}
.plan-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,0.2);}
.plan-card.featured{background:rgba(199, 44, 65,0.08);border-color:var(--red);transform:scale(1.03);}
.plan-card.featured:hover{transform:scale(1.03) translateY(-6px);}
.plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-family:var(--font-raj);font-size:0.75rem;letter-spacing:2px;padding:5px 20px;border-radius:100px;white-space:nowrap;}
.plan-tag{font-family:var(--font-raj);font-size:0.8rem;letter-spacing:3px;color:var(--gray);text-transform:uppercase;margin-bottom:12px;}
.gold-tag{color:var(--gold);}
.plan-icon{font-size:2.5rem;margin-bottom:12px;}
.plan-card h3{font-family:var(--font-display);font-size:2rem;margin-bottom:8px;}
.plan-price{font-family:var(--font-display);font-size:1.8rem;color:var(--gold);margin-bottom:24px;}
.plan-period{display:block;font-family:var(--font-main);font-size:0.8rem;color:var(--gray);margin-top:4px;}
.plan-features{text-align:left;margin-bottom:32px;}
.plan-features li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.05);font-size:0.9rem;color:rgba(255,255,255,0.75);}
.plan-btn{width:100%;justify-content:center;}
.plan-note{text-align:center;color:var(--gray);font-size:0.85rem;}
.plan-note a{color:var(--red);}
.include-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.inc-item{padding:28px;border:1px solid rgba(255,255,255,0.06);border-radius:12px;transition:var(--trans);}
.inc-item:hover{border-color:var(--gold);background:rgba(217, 198, 178,0.04);}
.inc-item span{font-size:2rem;display:block;margin-bottom:12px;}
.inc-item h4{font-family:var(--font-raj);font-size:1rem;letter-spacing:1px;margin-bottom:8px;}
.inc-item p{color:var(--gray);font-size:0.875rem;line-height:1.6;}
.faq-list{max-width:760px;margin:0 auto;}
.faq-item{border-bottom:1px solid rgba(255,255,255,0.08);overflow:hidden;}
.faq-q{width:100%;background:none;border:none;color:#fff;font-family:var(--font-raj);font-size:1rem;font-weight:600;letter-spacing:1px;padding:20px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--trans);text-align:left;}
.faq-q:hover{color:var(--gold);}
.faq-q span{font-size:1.3rem;color:var(--red);transition:var(--trans);}
.faq-item.open .faq-q span{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease;}
.faq-item.open .faq-a{max-height:200px;}
.faq-a p{color:var(--gray);line-height:1.7;padding-bottom:20px;}

/* CONTACT */
.contact-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start;}
.contact-info .sec-title{text-align:left;margin-bottom:16px;}
.contact-info .sec-label{text-align:left;}
.contact-info>p{color:var(--gray);line-height:1.7;margin-bottom:32px;}
.cinfo-list{margin-bottom:32px;}
.cinfo-row{display:flex;gap:16px;margin-bottom:20px;}
.cinfo-ico{font-size:1.3rem;flex-shrink:0;margin-top:2px;}
.cinfo-row b{display:block;font-family:var(--font-raj);letter-spacing:1px;margin-bottom:4px;}
.cinfo-row p,.cinfo-row a{color:var(--gray);font-size:0.9rem;line-height:1.6;}
.cinfo-social{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;}
.cs-btn{width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:50%;transition:var(--trans);cursor:pointer;color:#fff;}

.cs-btn:hover{border-color:var(--red);background:rgba(199, 44, 65,0.15);box-shadow:0 0 15px rgba(199, 44, 65,0.4);transform:translateY(-2px);}

.contact-form-wrap{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:40px;}
.contact-form h3{font-family:var(--font-display);font-size:2rem;margin-bottom:28px;color:var(--gold);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-group{margin-bottom:20px;}
.form-group label{display:block;font-family:var(--font-raj);font-size:0.85rem;letter-spacing:1px;color:rgba(255,255,255,0.6);margin-bottom:8px;}
.form-group input,.form-group select,.form-group textarea{width:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:12px 16px;color:#fff;font-family:var(--font-main);font-size:0.95rem;transition:var(--trans);outline:none;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--red);background:rgba(199, 44, 65,0.05);}
.form-group select option{background:var(--dark2);}
.form-success{display:none;text-align:center;padding:24px;background:rgba(39,174,96,0.1);border:1px solid rgba(39,174,96,0.3);border-radius:8px;margin-top:16px;}
.form-success span{font-size:2rem;display:block;margin-bottom:8px;}
.form-success p{color:rgba(255,255,255,0.8);}
.form-success.show{display:block;}

/* RESPONSIVE */
@media(max-width:1024px){
  .map-wrap{grid-template-columns:1fr;}
  .about-intro{grid-template-columns:1fr;}
  .about-img-wrap{display:none;}
  .contact-wrap{grid-template-columns:1fr;}
  .port-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:rgba(8,8,8,0.98);flex-direction:column;justify-content:center;gap:8px;transition:right 0.4s ease;border-left:1px solid rgba(255,255,255,0.08);z-index:1010;}
  .nav-links.open{right:0;}
  .nav-link{font-size:1.1rem;padding:12px 24px;}
  .burger{display:flex;z-index:1020;}
  .nav-logo{transition:opacity 0.3s ease;}
  .navbar:has(.burger.open) .nav-logo {opacity:0;pointer-events:none;}
  .btn-cta{display:none;}
  .hero-btns{flex-direction:column;align-items:center;}
  .port-grid{grid-template-columns:1fr 1fr;}
  .plans-grid{grid-template-columns:1fr;}
  .plan-card.featured{transform:none;}
  .plan-card.featured:hover{transform:translateY(-6px);}
  .footer-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
  .sec{padding:70px 0;}
  .port-grid{grid-template-columns:1fr;}
  .hero-stats{gap:12px;}
  .hd{height:30px;}
}

/* ═══ NEW CINEMATIC LOADER ═══════════════════════════ */
.loader{position:fixed;inset:0;z-index:9999;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity 0.8s ease;}
.loader-scene{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;}
.loader-crosshair{position:absolute;inset:0;}
.ch-line{position:absolute;background:rgba(199, 44, 65,0.6);transition:all 0.8s ease;}
.ch-top{width:1px;height:0;left:50%;top:0;transform:translateX(-50%);animation:chGrow 1.2s ease 0.3s forwards;}
.ch-bottom{width:1px;height:0;left:50%;bottom:0;transform:translateX(-50%);animation:chGrow 1.2s ease 0.3s forwards;}
.ch-left{height:1px;width:0;top:50%;left:0;transform:translateY(-50%);animation:chGrowH 1.2s ease 0.5s forwards;}
.ch-right{height:1px;width:0;top:50%;right:0;transform:translateY(-50%);animation:chGrowH 1.2s ease 0.5s forwards;}
@keyframes chGrow{to{height:40%;}}
@keyframes chGrowH{to{width:40%;}}
.loader-ring-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);z-index:2;}
.ring-bg{fill:none;stroke:rgba(255,255,255,0.08);stroke-width:2.5;}
.ring-progress{fill:none;stroke:url(#loaderGrad);stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset 0.1s linear;}
.ring-dot{fill:var(--gold);animation:orbitDot 2s linear infinite;}
@keyframes orbitDot{from{transform:rotate(0deg) translateX(36px);}to{transform:rotate(360deg) translateX(36px);}}
.loader-orbit{position:absolute;inset:0;animation:spinOrbit 2s linear infinite;z-index:4;pointer-events:none;}
.orbit-dot{position:absolute;width:10px;height:10px;background:var(--gold);border-radius:50%;top:4px;left:50%;transform:translateX(-50%);box-shadow:0 0 14px var(--gold),0 0 28px rgba(217, 198, 178,0.5);}
@keyframes spinOrbit{to{transform:rotate(360deg);}}
.loader-logo{
  position:absolute;
  width:110px;height:110px;
  object-fit:contain;
  border-radius:50%;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  z-index:3;
  animation:logoPulse 2s ease-in-out infinite;
  background:rgba(0,0,0,0.5);
  padding:8px;
}
@keyframes logoPulse{0%,100%{filter:drop-shadow(0 0 8px rgba(199, 44, 65,0.4));}50%{filter:drop-shadow(0 0 20px rgba(199, 44, 65,0.8));}}
.loader-text{text-align:center;}
.loader-brand{font-family:var(--font-display);font-size:1.3rem;letter-spacing:6px;color:#fff;animation:fadeInUp 1s ease 0.8s both;}
.loader-tag{font-family:var(--font-raj);font-size:0.75rem;letter-spacing:8px;color:var(--gold);text-transform:uppercase;margin-top:6px;animation:fadeInUp 1s ease 1s both;}
.loader-pct{font-family:var(--font-display);font-size:0.9rem;letter-spacing:4px;color:rgba(255,255,255,0.4);animation:fadeInUp 1s ease 1.2s both;}

/* ═══ SCROLL HERO ════════════════════════════════════ */
.hero-scroll-wrapper{height:300vh;position:relative;}
.hero-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,8,8,0.8) 0%,rgba(8,8,8,0.4) 60%,rgba(8,8,8,0.7) 100%);}
.hero-slides{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.hero-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 40px;opacity:0;transform:translateX(100%) rotate(5deg);transition:opacity 0.7s cubic-bezier(0.4,0,0.2,1),transform 0.7s cubic-bezier(0.4,0,0.2,1);pointer-events:none;}
.hero-slide.active{opacity:1;transform:translateX(0) rotate(0deg);pointer-events:auto;}
.hero-slide.exit-left{opacity:0;transform:translateX(-100%) rotate(-5deg);}
.hero-slide.enter-right{transform:translateX(100%) rotate(5deg);opacity:0;}
.hero-slide-inner{text-align:center;max-width:900px;}
.hero-slide-inner.centered{display:flex;flex-direction:column;align-items:center;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-raj);font-size:0.85rem;letter-spacing:3px;color:var(--gold);border:1px solid rgba(217, 198, 178,0.4);padding:8px 22px;border-radius:100px;margin-bottom:28px;}
.hero-badge svg{color:var(--gold);}
.hero-slide-inner h1{font-family:var(--font-display);line-height:0.9;margin-bottom:20px;}
.line1{display:block;font-size:clamp(3rem,7vw,5.5rem);color:rgba(255,255,255,0.85);animation:fadeInUp 0.8s ease both;}
.line2{display:block;font-size:clamp(5rem,13vw,10rem);background:linear-gradient(135deg,var(--red),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 0.8s ease 0.15s both;}
.line3{display:block;font-size:clamp(3rem,7vw,5.5rem);color:rgba(255,255,255,0.85);animation:fadeInUp 0.8s ease 0.3s both;}
.hero-sub{font-size:1.05rem;color:rgba(255,255,255,0.65);letter-spacing:2px;margin-bottom:36px;}
.hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.mt-hero{margin-top:32px;}
.slide-label{font-family:var(--font-raj);font-size:0.8rem;letter-spacing:5px;color:var(--red);text-transform:uppercase;margin-bottom:12px;}
.slide-heading{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:40px;color:#fff;}
.gold-t{background:linear-gradient(135deg,var(--red),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.slide-stats{display:flex;gap:32px;align-items:center;flex-wrap:wrap;justify-content:center;}
.ss-item{display:flex;flex-direction:column;align-items:center;gap:8px;}
.ss-ico svg{width:32px;height:32px;color:var(--gold);}
.ss-n{font-family:var(--font-display);font-size:3.5rem;background:linear-gradient(135deg,var(--red),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.ss-l{font-family:var(--font-raj);font-size:0.8rem;letter-spacing:2px;color:rgba(255,255,255,0.5);text-transform:uppercase;}
.slide-pillars{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;}
.sp-item{background:rgba(255,255,255,0.07);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:24px 28px;text-align:center;max-width:200px;transition:var(--trans);}
.sp-item:hover{border-color:var(--red);}
.sp-ico svg{width:28px;height:28px;color:var(--gold);margin-bottom:12px;}
.sp-item h4{font-family:var(--font-raj);font-size:0.95rem;letter-spacing:1px;margin-bottom:6px;}
.sp-item p{color:rgba(255,255,255,0.55);font-size:0.8rem;line-height:1.5;}

/* Hero Progress Ring */
.hero-progress-wrap{position:absolute;bottom:80px;right:32px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:10;}
.hero-prog-svg{width:56px;height:56px;transform:rotate(-90deg);}
.hp-bg{fill:none;stroke:rgba(255,255,255,0.1);stroke-width:3;}
.hp-fill{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 0.1s linear;}
.hp-label{font-family:var(--font-raj);font-size:0.6rem;letter-spacing:2px;color:rgba(255,255,255,0.4);text-transform:uppercase;}

/* Slide Dots */
.slide-dots{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10;}
.sd{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.25);cursor:pointer;transition:var(--trans);}
.sd.active{background:var(--red);width:24px;border-radius:4px;}

/* SVG icon colors in sections */
.mv-ico svg,.mvv-ico svg{width:28px;height:28px;color:var(--gold);}
.why-ico svg{width:24px;height:24px;color:var(--red);margin-bottom:8px;}
.stat-ico svg{width:28px;height:28px;color:var(--gold);}
.rev-stars svg{width:16px;height:16px;color:var(--gold);}
.map-ico svg{width:20px;height:20px;color:var(--red);}
.cinfo-ico svg{width:20px;height:20px;color:var(--red);}
.prog-ico svg{width:32px;height:32px;color:var(--gold);}
.trainer-avatar svg{width:36px;height:36px;color:var(--red);}
.inc-ico svg{width:28px;height:28px;color:var(--gold);}
.ah-ico svg{width:18px;height:18px;color:var(--gold);}
.foot-soc svg{width:18px;height:18px;}
.cs-btn svg{width:16px;height:16px;}

/* Plan feature icons */
.plan-features li{display:flex;align-items:center;gap:10px;}
.pf-yes svg{color:var(--green);width:16px;height:16px;flex-shrink:0;}
.pf-no svg{color:rgba(255,255,255,0.2);width:16px;height:16px;flex-shrink:0;}
.plan-icon svg{width:40px;height:40px;color:var(--gold);margin-bottom:12px;}

/* ThalirX footer credit */
.thalirx-link{color:var(--gold);font-weight:600;transition:var(--trans);}
.thalirx-link:hover{color:var(--red);}
.foot-bottom p{color:rgba(255,255,255,0.35);font-size:0.82rem;}

/* ═══ ADMISSION BANNER ═══════════════════════════════ */
.admission-banner{background:linear-gradient(135deg,rgba(199, 44, 65,0.15),rgba(217, 198, 178,0.1));border-top:1px solid rgba(199, 44, 65,0.3);border-bottom:1px solid rgba(217, 198, 178,0.2);padding:20px 0;}
.adm-inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.adm-icon svg{width:28px;height:28px;color:var(--gold);}
.adm-text{display:flex;flex-direction:column;}
.adm-label{font-family:var(--font-raj);font-size:0.75rem;letter-spacing:3px;color:rgba(255,255,255,0.5);text-transform:uppercase;}
.adm-price{font-family:var(--font-display);font-size:2rem;color:var(--gold);line-height:1;}
.adm-price em{font-style:normal;font-size:0.9rem;color:rgba(255,255,255,0.5);font-family:var(--font-main);}
.adm-sep{width:1px;height:48px;background:rgba(255,255,255,0.1);}
.adm-offers{display:flex;gap:16px;flex-wrap:wrap;flex:1;}
.adm-offers span{display:flex;align-items:center;gap:6px;font-family:var(--font-raj);font-size:0.82rem;letter-spacing:1px;color:rgba(255,255,255,0.7);}
.adm-offers svg{width:14px;height:14px;color:var(--red);}
.adm-cta{margin-left:auto;white-space:nowrap;}

/* ═══ DURATION TABS ══════════════════════════════════ */
.dur-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:48px;flex-wrap:wrap;}
.dur-tab{padding:12px 28px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.55);border-radius:100px;font-family:var(--font-raj);font-size:0.9rem;letter-spacing:1px;cursor:pointer;transition:var(--trans);display:flex;align-items:center;gap:8px;}
.dur-tab:hover{border-color:rgba(255,255,255,0.3);color:#fff;}
.dur-tab.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 4px 20px rgba(199, 44, 65,0.4);}
.save-tag{background:rgba(217, 198, 178,0.2);color:var(--gold);font-size:0.7rem;padding:2px 8px;border-radius:100px;border:1px solid rgba(217, 198, 178,0.3);}
.best-val{background:rgba(217, 198, 178,0.3);color:var(--gold);border-color:var(--gold);}

/* ═══ MEMBERSHIP CARDS ═══════════════════════════════ */
.mem-grid{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin:0 auto 60px auto;}
.mem-card.no-trainer{max-width:560px;width:100%;}
.mem-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:40px 32px;position:relative;transition:var(--trans);display:flex;flex-direction:column;overflow:hidden;}
.mem-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,0.4);}
.mem-card.featured{transform:scale(1.04);box-shadow:0 0 0 2px var(--gold),0 20px 60px rgba(217, 198, 178,0.15);}
.mem-card.featured:hover{transform:scale(1.04) translateY(-6px);}

.mem-card-image {
  width: calc(100% + 64px);
  margin-left: -32px;
  margin-right: -32px;
  margin-top: -40px;
  height: 150px;
  background-size: cover;
  background-position: center;
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}
.mem-card-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 30%, rgba(8, 8, 8, 0.95) 100%);
}

.mem-daily-cost {
  font-family: var(--font-raj);
  font-size: 0.88rem;
  color: var(--gold);
  margin-top: 10px;
  background: rgba(217, 198, 178,0.06);
  border: 1px dashed rgba(217, 198, 178,0.3);
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-align: center;
}

/* Tier badge */
.mem-tier-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-raj);font-size:0.75rem;letter-spacing:4px;padding:6px 16px;border-radius:100px;margin-bottom:20px;width:fit-content;}
.mem-tier-badge svg{width:14px;height:14px;}
.silver-badge{background:rgba(176,190,197,0.15);border:1px solid rgba(176,190,197,0.3);color:#b0bec5;}
.silver-badge svg{color:#b0bec5;}
.gold-badge{background:rgba(217, 198, 178,0.15);border:1px solid rgba(217, 198, 178,0.4);color:var(--gold);}
.gold-badge svg{color:var(--gold);}
.diamond-badge{background:rgba(0,229,255,0.12);border:1px solid rgba(0,229,255,0.4);color:#00e5ff;}
.diamond-badge svg{color:#00e5ff;}

/* Most popular */
.mem-popular-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--red),var(--gold));color:#fff;font-family:var(--font-raj);font-size:0.72rem;letter-spacing:2px;padding:5px 20px;border-radius:100px;white-space:nowrap;}

/* Icons */
.mem-icon{margin-bottom:16px;}
.silver-icon svg{width:36px;height:36px;color:#b0bec5;}
.gold-icon svg{width:36px;height:36px;color:var(--gold);}
.diamond-icon svg{width:36px;height:36px;color:#00e5ff;}


.mem-name{font-family:var(--font-display);font-size:2.2rem;margin-bottom:6px;}
.mem-desc{color:var(--gray);font-size:0.88rem;line-height:1.5;margin-bottom:24px;}

/* Price */
.mem-price-wrap{margin-bottom:28px;padding:20px;background:rgba(255,255,255,0.03);border-radius:12px;border:1px solid rgba(255,255,255,0.06);}
.mem-price-discount{min-height:22px;display:flex;align-items:center;margin-bottom:4px;}
.original-price{text-decoration:line-through;color:rgba(255,255,255,0.3);font-size:1.1rem;font-family:var(--font-raj);font-weight:500;margin-right:6px;}
.mem-price{display:flex;align-items:baseline;gap:4px;}
.rupee{font-family:var(--font-raj);font-size:1.3rem;color:var(--gold);}
.price-num{font-family:var(--font-display);font-size:3.5rem;line-height:1;background:linear-gradient(135deg,var(--white),rgba(255,255,255,0.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all 0.3s ease;}
.mem-duration{font-family:var(--font-raj);font-size:0.8rem;letter-spacing:1px;color:var(--gray);margin-top:4px;}
.mem-equiv{font-family:var(--font-raj);font-size:0.78rem;color:var(--gold);margin-top:6px;min-height:20px;}

/* Features list */
.mem-features{list-style:none;margin-bottom:32px;flex:1;}
.mem-features li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.05);font-size:0.88rem;}
.mem-features li:last-child{border:none;}
.feat-yes{color:rgba(255,255,255,0.85);}
.feat-no{color:rgba(255,255,255,0.28);}
.feat-yes svg{width:14px;height:14px;color:var(--gold);flex-shrink:0;}
.feat-no svg{width:14px;height:14px;color:rgba(255,255,255,0.15);flex-shrink:0;}

/* Mem buttons — highly visible */
.mem-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:15px;font-family:var(--font-raj);font-size:1rem;letter-spacing:2px;border-radius:10px;transition:var(--trans);font-weight:700;cursor:pointer;color:#fff;}
.mem-btn-gold{background:linear-gradient(135deg,var(--gold),#e8920e)!important;color:#000!important;box-shadow:0 6px 24px rgba(217, 198, 178,0.4);}
.mem-btn-gold:hover{box-shadow:0 10px 36px rgba(217, 198, 178,0.6);transform:translateY(-2px);color:#000!important;}
.diamond-btn{border:2px solid rgba(0,229,255,0.5)!important;color:#000!important;background:linear-gradient(135deg,#00e5ff,#00b0ff)!important;box-shadow:0 6px 24px rgba(0,229,255,0.3);}
.diamond-btn:hover{box-shadow:0 10px 36px rgba(0,229,255,0.5);transform:translateY(-2px);background:linear-gradient(135deg,#fff,#00e5ff)!important;border-color:#fff!important;color:#000!important;}


/* ═══ PRICING TABLE ══════════════════════════════════ */
.price-table-wrap{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:40px;margin-top:20px;}
.pt-title{font-family:var(--font-display);font-size:2rem;margin-bottom:24px;text-align:center;}
.price-table{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.price-table::-webkit-scrollbar{display:none;}
.price-table table{width:100%;max-width:600px;margin:0 auto;border-collapse:separate;border-spacing:0;border:1px solid rgba(255,255,255,0.12);border-radius:10px;overflow:hidden;}
.price-table th{font-family:var(--font-raj);font-size:0.85rem;letter-spacing:2px;padding:14px 20px;text-transform:uppercase;background:rgba(255,255,255,0.03);border-bottom:2px solid rgba(255,255,255,0.15);border-right:1px solid rgba(255,255,255,0.1);text-align:center;vertical-align:middle;}
.price-table th:last-child{border-right:none;}
.price-table td{padding:14px 20px;font-size:0.95rem;border-bottom:1px solid rgba(255,255,255,0.06);border-right:1px solid rgba(255,255,255,0.06);text-align:center;vertical-align:middle;}
.price-table td:last-child{border-right:none;}
.price-table tr:last-child td{border-bottom:none;}
.price-table th:first-child,.price-table td:first-child{color:var(--gray);font-size:0.88rem;text-align:center;}
.silver-col{color:#b0bec5;}
.gold-col{color:var(--gold);}
.diamond-col{color:#00e5ff;}


.price-table th svg{width:16px;height:16px;}
.adm-row td{background:rgba(199, 44, 65,0.08);color:rgba(255,255,255,0.7);text-align:center;font-size:0.88rem;border-radius:8px;border:none;}
.pt-note{color:var(--gray);font-size:0.83rem;text-align:center;margin-top:16px;line-height:1.6;}

/* ═══ OFFER CARDS ════════════════════════════════════ */
.offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.offer-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:28px 24px;transition:var(--trans);}
.offer-card:hover{border-color:var(--red);transform:translateY(-4px);background:rgba(199, 44, 65,0.05);}
.offer-ico svg{width:28px;height:28px;color:var(--gold);margin-bottom:14px;}
.offer-card h4{font-family:var(--font-raj);font-size:1rem;letter-spacing:1px;margin-bottom:8px;}
.offer-card p{color:var(--gray);font-size:0.85rem;line-height:1.6;}

/* ═══ TIMING CARDS ═══════════════════════════════════ */
.timing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.timing-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:36px 28px;text-align:center;transition:var(--trans);}
.timing-card:hover{border-color:var(--gold);transform:translateY(-4px);}
.timing-ico svg{width:32px;height:32px;color:var(--gold);margin-bottom:14px;}
.timing-card h4{font-family:var(--font-raj);font-size:1.1rem;letter-spacing:1px;margin-bottom:10px;}
.timing-time{font-family:var(--font-display);font-size:1.8rem;color:var(--red);display:block;margin-bottom:6px;}
.timing-card p{color:var(--gray);font-size:0.85rem;}

/* ═══ CTA BUTTONS ROW ════════════════════════════════ */
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:0;}

/* ═══ BUTTON VISIBILITY FIXES ════════════════════════ */
.btn-primary{box-shadow:0 4px 20px rgba(199, 44, 65,0.35);}
.btn-primary:hover{box-shadow:0 8px 32px rgba(199, 44, 65,0.55);}
.btn-outline{border-color:rgba(255,255,255,0.5)!important;font-weight:700;}
.btn-outline:hover{background:rgba(255,255,255,0.08);border-color:#fff!important;color:#fff!important;}
.nav-cta,.btn-cta{box-shadow:0 2px 12px rgba(199, 44, 65,0.4);}
.scroll-hint{z-index:5;}

/* ═══ RESPONSIVE MEMBERSHIP ══════════════════════════ */
@media(max-width:1024px){
  .mem-grid{flex-direction:column;align-items:center;max-width:520px;margin-left:auto;margin-right:auto;}
  .mem-card.featured{transform:none;}
  .mem-card.featured:hover{transform:translateY(-6px);}
  .timing-grid{grid-template-columns:1fr;}
  .adm-inner{flex-direction:column;align-items:flex-start;}
  .adm-cta{margin-left:0;}
}
@media(max-width:768px){
  .dur-tabs{gap:6px;}
  .dur-tab{padding:10px 16px;font-size:0.8rem;}
  .timing-grid{grid-template-columns:1fr;}
}

/* ═══ LOADER LOGO FINAL FIX ══════════════════════════ */
.loader-scene{overflow:hidden;}
.loader-logo{
  position:absolute !important;
  width:120px !important; height:120px !important;
  top:50% !important; left:50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:5 !important;
  border-radius:50% !important;
  object-fit:cover !important;
  padding:10px !important;
  background:rgba(0,0,0,0.6) !important;
  box-shadow:inset 0 0 20px rgba(199, 44, 65,0.2);
}
.loader{transition:opacity 0.8s ease;}
/* fix ring viewbox ratio - r=36 circumference = 2*pi*36 ≈ 226 */

/* ═══ ENHANCEMENTS: SPARKS, HIGHLIGHTS, MOBILE CAROUSEL ═══ */
.imp-highlight{position:relative;z-index:2;display:inline-block;}
.imp-highlight{background:linear-gradient(90deg,rgba(217, 198, 178,0.06),rgba(199, 44, 65,0.04));padding:0.05em 0.15em;border-radius:4px;text-shadow:0 6px 30px rgba(217, 198, 178,0.12);transition:transform 0.35s ease,box-shadow 0.35s ease;}
.imp-highlight:hover{transform:translateY(-3px);box-shadow:0 18px 60px rgba(217, 198, 178,0.12);}

/* Spark particles for hero */
.spark-wrap{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden;}
.spark{position:absolute;display:block;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff 0%,#ffd88a 30%,#ff7a00 60%, transparent 70%);filter:drop-shadow(0 0 6px rgba(217, 198, 178,0.8));transform:translateY(0) scale(0.6);opacity:0;animation:spkUp 2.8s linear infinite;}
@keyframes spkUp{0%{transform:translateY(10px) scale(0.4);opacity:0;}10%{opacity:1;transform:translateY(0) scale(0.8);}60%{opacity:0.9;transform:translateY(-30px) scale(0.6);}100%{opacity:0;transform:translateY(-80px) scale(0.3);}}

/* Mobile membership carousel */
.mem-grid.mem-carousel{display:flex;gap:18px;overflow-x:auto;padding:20px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.mem-grid.mem-carousel::-webkit-scrollbar{display:none;}
.mem-grid.mem-carousel .mem-card{min-width:78%;max-width:78%;flex:0 0 auto;scroll-snap-align:center;transition:transform 0.35s ease,box-shadow 0.35s ease;opacity:0.95;margin:0;}
.mem-grid.mem-carousel .mem-card.center{transform:scale(1.06);box-shadow:0 28px 80px rgba(0,0,0,0.6);z-index:5;opacity:1}
.mem-grid.mem-carousel .mem-card:not(.center){transform:scale(0.94);opacity:0.85}

/* ensure carousel looks good on very small screens */
@media(max-width:420px){
  .mem-grid.mem-carousel .mem-card{min-width:90%;max-width:90%;}
}

/* ═══ PREMIUM ANIMATIONS & ENHANCEMENTS ══════════════ */
/* Enhanced card animations with premium glow */
.mv-card,.why-item,.stat-box,.rev-card,.offer-card,.trainer-card,.trans-card,.prog-card,
.inc-item,.timing-card{
  transition:all 0.4s cubic-bezier(0.23,1,0.32,1);
  position:relative;
}
.mv-card:hover::after,.why-item:hover::after,.stat-box:hover::after,.rev-card:hover::after{
  content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(199, 44, 65,0.15) 0%,transparent 70%);
  pointer-events:none;border-radius:inherit;
}
.mv-card:hover,.why-item:hover,.stat-box:hover,.rev-card:hover,.offer-card:hover,.timing-card:hover{
  border-color:var(--gold);
  box-shadow:0 12px 48px rgba(217, 198, 178,0.2),inset 0 0 30px rgba(217, 198, 178,0.05);
}

/* Enhanced button press effect */
.btn-primary:active{transform:translateY(-1px) scale(0.98);}
.btn-outline:active{transform:translateY(-1px) scale(0.98);}
.btn-cta:active{transform:scale(0.96);}

/* Smooth reveal stagger animation for child elements */
.reveal{animation:reveal-in 0.7s cubic-bezier(0.4,0,0.2,1) both;}
@keyframes reveal-in{from{opacity:0;transform:translateY(40px) rotateX(10deg);}to{opacity:1;transform:translateY(0) rotateX(0);}}

/* Gradient text animation */
.gradient-text,.gold-t{
  background-size:200% auto;
  animation:gradientShift 3s ease infinite;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
@keyframes gradientShift{0%{background-position:0% center;}50%{background-position:100% center;}100%{background-position:0% center;}}

/* Enhanced hero slide animations */
.hero-slide-inner h1 .line1,.hero-slide-inner h1 .line2,.hero-slide-inner h1 .line3{
  animation:slideInWord 0.8s cubic-bezier(0.34,1.56,0.64,1) both;
}
@keyframes slideInWord{from{opacity:0;transform:translateY(50px) scaleY(0.8);}to{opacity:1;transform:translateY(0) scaleY(1);}}

/* Smooth page hero image zoom on hover */
.page-hero-bg{transition:transform 8s cubic-bezier(0.25,0.46,0.45,0.94);}
.page-hero:hover .page-hero-bg{transform:scale(1.08);}

/* Floating animation for sidebar elements */
@keyframes float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-8px);}}
.hero-progress-wrap{animation:float 3s ease-in-out infinite;}

/* Enhanced section title animation */
.sec-title{
  position:relative;
  display:inline-block;
  animation:titleSlideIn 0.8s cubic-bezier(0.34,1.56,0.64,1) both;
}
@keyframes titleSlideIn{from{opacity:0;transform:translateX(-40px);}to{opacity:1;transform:translateX(0);}}

/* Smooth checkbox/radio animations for forms */
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  animation:focusPulse 0.4s ease;
  box-shadow:0 0 0 3px rgba(199, 44, 65,0.1),0 0 20px rgba(199, 44, 65,0.3);
}
@keyframes focusPulse{from{box-shadow:0 0 0 0 rgba(199, 44, 65,0.4);}to{box-shadow:0 0 0 8px rgba(199, 44, 65,0);}}

/* Premium list item animations */
.mem-features li,.plan-features li{
  transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);
}
.mem-features li:hover,.plan-features li:hover{
  padding-left:8px;
  color:#fff;
}

/* Smooth section transition */
.sec{animation:sectionFadeIn 0.6s ease-out both;}
@keyframes sectionFadeIn{from{opacity:0;}to{opacity:1;}}

/* Enhanced stat counter animation */
.counter{font-weight:700;color:var(--gold);}

/* Smooth nav link underline */
.nav-link::after{bottom:6px;}

/* Premium loader enhancement */
.loader-scene{animation:loaderPulseContainer 2s ease-in-out infinite;}
@keyframes loaderPulseContainer{0%,100%{filter:drop-shadow(0 0 8px rgba(199, 44, 65,0.2));}50%{filter:drop-shadow(0 0 24px rgba(199, 44, 65,0.5));};}

/* ═══ CUSTOM CURSOR & INTERACTIVE GLOW ═════════════════ */
/* Premium custom cursor */
body{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="4" fill="%23e31e24"/><circle cx="16" cy="16" r="12" fill="none" stroke="%23f5a623" stroke-width="1" opacity="0.6"/></svg>') 16 16, auto;}

/* Cursor tracker glow element */
#cursorGlow{
  position:fixed;
  width:120px;height:120px;
  background:radial-gradient(circle,rgba(199, 44, 65,0.35) 0%,rgba(217, 198, 178,0.15) 40%,transparent 70%);
  border-radius:50%;
  pointer-events:none;
  z-index:500;
  filter:blur(12px);
  transform:translate(-50%,-50%);
  box-shadow:0 0 40px rgba(199, 44, 65,0.25),0 0 80px rgba(217, 198, 178,0.15);
  opacity:0;
  transition:opacity 0.3s ease;
  mix-blend-mode:screen;
}
body:hover #cursorGlow{opacity:1;}


/* Cursor-following glow effect on cards */
.mem-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 50%,rgba(217, 198, 178,0.3) 0%,transparent 70%);
  opacity:0;
  border-radius:inherit;
  transition:opacity 0.3s ease;
  pointer-events:none;
}

.mem-card:hover::before{
  opacity:1;
}

/* Interactive glow on all interactive elements */
.btn-primary::after,.btn-outline::after,.btn-cta::after{
  content:'';
  position:absolute;
  inset:-2px;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.3),transparent 70%);
  opacity:0;
  border-radius:inherit;
  transition:opacity 0.3s ease;
  z-index:-1;
}

.btn-primary:hover::after,.btn-outline:hover::after,.btn-cta:hover::after{
  opacity:1;
}

/* Smooth cursor-sensitive card scaling */
.mem-card{
  transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.4s ease;
}

.mem-card:hover{
  transform:translateZ(40px) scale(1.02);
  box-shadow:0 20px 60px rgba(199, 44, 65,0.3),0 0 40px rgba(217, 198, 178,0.2);
}

/* Micro interaction ripple on click */
.mem-card::after{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle,rgba(255,255,255,0.4),transparent 70%);
  opacity:0;
  border-radius:inherit;
  transition:opacity 0.3s ease;
  pointer-events:none;
}

.mem-card:active::after{
  animation:cardRipple 0.6s ease-out;
}

@keyframes cardRipple{
  0%{opacity:1;transform:scale(0.8);}
  100%{opacity:0;transform:scale(1.2);}
}

/* Glow effect for interactive section */
.mem-sec::before{
  content:'';
  position:fixed;
  top:0;left:0;
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(199, 44, 65,0.1),transparent 70%);
  pointer-events:none;
  z-index:1;
  opacity:0;
  transition:opacity 0.2s ease;
}

body.cursor-active .mem-sec::before{
  opacity:1;
}

/* ═══ OFFER CARD FLIP ANIMATIONS ═══════════════════════ */
/* Enable 3D perspective for offer cards */
.offer-card{
  perspective:1000px;
  transform-style:preserve-3d;
  position:relative;
  cursor:pointer;
}

/* Offer card flip container */
.offer-card-flip{
  position:relative;
  width:100%;
  min-height:100%;
  transition:transform 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
  transform-style:preserve-3d;
}

/* Flip on hover/active */
.offer-card:hover .offer-card-flip,.offer-card.flipped .offer-card-flip{
  transform:rotateY(180deg);
}

/* Offer card front and back */
.offer-card-front,.offer-card-back{
  position:relative;
  width:100%;
  backface-visibility:hidden;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.offer-card-front{
  transform:rotateY(0deg);
}

.offer-card-back{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  min-height:100%;
  transform:rotateY(180deg);
  background:linear-gradient(135deg,rgba(217, 198, 178,0.15) 0%,rgba(199, 44, 65,0.1) 100%);
  border:1px solid rgba(217, 198, 178,0.3);
  border-radius:14px;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:24px;
}

.offer-card-back h4{
  font-family:var(--font-display);
  font-size:1.5rem;
  margin-bottom:8px;
  background:linear-gradient(135deg,var(--gold),var(--red));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

.offer-card-back p{
  color:rgba(255,255,255,0.8);
  font-size:0.9rem;
  line-height:1.5;
}

/* Offer card flip on mobile touch */
@media(max-width:768px){
  .offer-card:active .offer-card-flip,.offer-card.flipped .offer-card-flip{
    transform:rotateY(180deg);
  }
  
  .offer-card:not(:active) .offer-card-flip,.offer-card:not(.flipped) .offer-card-flip{
    transform:rotateY(0deg);
  }
}

/* Offer card hover glow */
.offer-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 50%,rgba(217, 198, 178,0.25) 0%,transparent 70%);
  opacity:0;
  border-radius:inherit;
  transition:opacity 0.3s ease;
  pointer-events:none;
}

.offer-card:hover::before{
  opacity:1;
}

/* Offer card hover scale */
.offer-card{
  transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.4s ease;
}

.offer-card:hover{
  transform:translateY(-6px) scale(1.02);
  box-shadow:0 16px 48px rgba(199, 44, 65,0.25),0 0 30px rgba(217, 198, 178,0.15);
}


/* ═══ FANCY HERO ════════════════════════════════════ */
.hero-fancy {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 90px;
  overflow: hidden;
  box-sizing: border-box;
}
.hf-bg{position:absolute;inset:0;}
.hf-bg-img{width:100%;height:100%;object-fit:cover;animation:hfZoom 12s ease-in-out infinite alternate;}
@keyframes hfZoom{from{transform:scale(1);}to{transform:scale(1.08);}}
.hf-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.92) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.92) 100%);}
.hf-content{position:relative;z-index:2;text-align:center;padding:12px 24px;max-width:960px;display:flex;flex-direction:column;align-items:center;gap:0;}
.hf-badge{display:inline-block;font-family:var(--font-raj);font-size:0.95rem;letter-spacing:3px;color:var(--gold);border:1px solid rgba(217, 198, 178,0.5);padding:6px 20px;border-radius:100px;margin-bottom:16px;animation:fadeInDown 0.8s ease both;background:rgba(217, 198, 178,0.08);text-shadow:0 2px 6px rgba(0,0,0,0.95);}
.hf-title{font-family:var(--font-display);line-height:0.95;margin-bottom:12px;text-shadow:0 4px 16px rgba(0,0,0,0.95), 0 2px 4px rgba(0,0,0,0.95);}
.hf-line{display:block;}
.hf-tamil{font-size:clamp(1.6rem,4vw,2.8rem);color:rgba(255,255,255,0.8);letter-spacing:2px;animation:fadeInUp 0.8s ease 0.2s both;}
.hf-big{font-size:clamp(5rem,12vw,10.5rem);color:#ffd066;background:linear-gradient(110deg, #ffd066 35%, #ffffff 50%, #ffd066 65%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,208,102,0.35);animation:fadeInUp 0.8s ease 0.4s both, textShine 4s linear infinite;line-height:0.9;}
@keyframes textShine{0%{background-position:200% center;}100%{background-position:-200% center;}}
.hf-accent{font-size:clamp(2rem,5vw,3.8rem);color:rgba(255,255,255,0.85);animation:fadeInUp 0.8s ease 0.6s both;}
.hf-sub{font-size:1.15rem;color:rgba(255,255,255,0.88);margin-bottom:24px;line-height:1.7;animation:fadeInUp 0.8s ease 0.7s both;text-shadow:0 2px 8px rgba(0,0,0,0.95);}
.hf-sub strong{color:var(--gold);}
.hf-stats{display:flex;align-items:center;justify-content:center;margin-bottom:24px;animation:fadeInUp 0.8s ease 0.8s both;background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:14px 24px;flex-wrap:wrap;}
.hfs-item{display:flex;flex-direction:column;align-items:center;padding:0 24px;}
.hfs-n{font-family:var(--font-display);font-size:2.2rem;background:linear-gradient(135deg,var(--red),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hfs-l{font-family:var(--font-raj);font-size:0.8rem;letter-spacing:2px;color:rgba(255,255,255,0.5);text-transform:uppercase;}
.hfs-sep{width:1px;height:40px;background:rgba(255,255,255,0.15);}
.hf-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;animation:fadeInUp 0.8s ease 0.9s both;}
.hf-btns .btn-fire{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg, #E2725B 0%, var(--red) 50%, var(--red-dark) 100%);color:#fff;font-family:var(--font-raj);font-weight:700;font-size:1.05rem;letter-spacing:1px;border-radius:6px;transition:var(--trans);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(199, 44, 65,0.5);}
.hf-btns .btn-fire:hover{transform:translateY(-3px);box-shadow:0 14px 48px rgba(199, 44, 65,0.65);}
.hf-btns .btn-outline{padding:12px 24px;font-size:1.05rem;}

/* ── Hero bottom bar: urgency + dots locked together ── */

.hf-urgency-wrap{display:flex;align-items:center;gap:8px;background:rgba(199,44,65,0.18);border:1px solid rgba(199,44,65,0.55);border-radius:100px;padding:6px 18px;backdrop-filter:blur(8px);margin-bottom:12px;animation:fadeInUp 0.8s ease 1s both;}

.hf-urgency{font-family:var(--font-raj);font-size:0.88rem;color:#fff;letter-spacing:1.5px;animation:urgencyPulse 2s ease-in-out infinite;margin:0;text-shadow:0 1px 4px rgba(0,0,0,0.8);}
.hf-dots{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:center;animation:fadeInUp 0.8s ease 1.1s both;}
.hf-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.3);cursor:pointer;transition:all 0.3s ease;}
.hf-dot.active{background:var(--red);transform:scale(1.4);box-shadow:0 0 8px rgba(199,44,65,0.7);}
@keyframes urgencyPulse{0%,100%{opacity:1;text-shadow:0 0 10px rgba(199,44,65,0.5);}50%{opacity:0.8;text-shadow:0 0 18px rgba(199,44,65,0.9);}}

/* ── Portfolio CTA Block ── */
.gallery-home-grid{margin-bottom:48px;}
.portfolio-cta-block {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  align-items: center;
  gap: 40px;
  background: linear-gradient(135deg, rgba(199,44,65,0.15) 0%, rgba(8,8,8,0.4) 100%);
  border: 1px solid rgba(199,44,65,0.35);
  border-radius: 20px;
  padding: 48px;
  position: relative;
  overflow: hidden;
}
.portfolio-cta-block::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C72C41' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;}
.pcta-content{position:relative;z-index:2;}
.pcta-label{font-family:var(--font-raj);font-size:0.8rem;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:10px;}
.pcta-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);color:#fff;margin-bottom:12px;line-height:1.1;}
.pcta-desc{color:rgba(255,255,255,0.85);font-size:0.95rem;line-height:1.7;margin-bottom:28px;}
.pcta-btn-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.btn-portfolio-cta{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;font-family:var(--font-raj);font-weight:700;font-size:1rem;letter-spacing:1.5px;border-radius:10px;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 8px 32px rgba(199,44,65,0.45),0 0 0 0 rgba(199,44,65,0.3);position:relative;overflow:hidden;}
.btn-portfolio-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.15),transparent);opacity:0;transition:opacity 0.3s;}
.btn-portfolio-cta:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 48px rgba(199,44,65,0.65),0 0 0 6px rgba(199,44,65,0.15);}
.btn-portfolio-cta:hover::before{opacity:1;}
.btn-portfolio-cta:active{transform:translateY(-1px) scale(0.99);}
.pcta-btn-text{font-size:1rem;}
.pcta-btn-arrow{font-size:1.3rem;transition:transform 0.3s ease;}
.btn-portfolio-cta:hover .pcta-btn-arrow{transform:translateX(5px);}
.pcta-micro{font-family:var(--font-raj);font-size:0.75rem;letter-spacing:2px;color:rgba(255,255,255,0.4);text-transform:uppercase;margin:0;}

.pcta-visual{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;}
.pcta-teaser-card{display:flex;gap:16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,0.55);position:relative;transition:all 0.3s ease;}
.pcta-teaser-card:hover{transform:translateY(-6px) rotate(1.5deg);border-color:rgba(199,44,65,0.45);box-shadow:0 25px 60px rgba(199,44,65,0.15);}
.teaser-before,.teaser-after{position:relative;width:170px;height:230px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);background:#000;}
.teaser-before img,.teaser-after img{width:100%;height:100%;object-fit:cover;}
.teaser-tag{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-family:var(--font-raj);font-size:0.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:100px;}
.teaser-tag.before{background:rgba(18,18,18,0.85);color:#bbb;border:1px solid rgba(255,255,255,0.15);}
.teaser-tag.after{background:var(--red);color:#fff;box-shadow:0 0 12px var(--red);border:1px solid rgba(255,255,255,0.2);}

@media (max-width: 768px) {
  .portfolio-cta-block {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 32px 20px;
    text-align: center;
  }
  .pcta-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pcta-btn-wrap {
    align-items: center;
    width: 100%;
  }
  .btn-portfolio-cta {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    padding: 16px 20px;
    box-sizing: border-box;
    white-space: normal;
    font-size: 0.95rem;
  }
  .pcta-visual {
    order: -1;
  }
  .pcta-teaser-card {
    width: 100%;
    max-width: 310px;
    padding: 12px;
    gap: 10px;
    margin: 0 auto;
  }
  .teaser-before, .teaser-after {
    flex: 1;
    min-width: 0;
    width: auto;
    height: 160px;
  }
}

/* ── Membership Fees Column Diagram ── */
.admission-banner-new {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(90deg, rgba(217,198,178,0.08), rgba(217,198,178,0.03));
  border: 1px solid rgba(217,198,178,0.2);
  border-radius: 10px;
  padding: 14px 22px;
  margin-bottom: 40px;
  font-family: var(--font-raj);
  font-size: 1rem;
  letter-spacing: 0.5px;
  color: rgba(255,255,255,0.75);
}
.admission-banner-new strong {
  color: var(--gold);
}

.fees-diagram-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  align-items: end;
}

.fee-column-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px;
  padding: 24px 16px 28px;
  position: relative;
  transition: all 0.3s ease;
  cursor: default;
}
.fee-column-card:hover {
  border-color: rgba(199,44,65,0.4);
  background: rgba(199,44,65,0.05);
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}
.fee-column-card.recommended {
  border-color: rgba(217,198,178,0.3);
  background: linear-gradient(180deg, rgba(217,198,178,0.07) 0%, rgba(217,198,178,0.02) 100%);
  box-shadow: 0 0 0 1px rgba(217,198,178,0.2), 0 20px 50px rgba(0,0,0,0.4);
}
.fee-column-card.recommended:hover {
  border-color: var(--gold);
  box-shadow: 0 0 0 1px var(--gold), 0 24px 56px rgba(217,198,178,0.2);
}
.fee-column-card.mega {
  border-color: rgba(199,44,65,0.25);
  background: linear-gradient(180deg, rgba(199,44,65,0.07) 0%, rgba(199,44,65,0.02) 100%);
}

.fee-col-badge {
  font-family: var(--font-raj);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 100px;
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.5);
  border: 1px solid rgba(255,255,255,0.1);
  margin-bottom: 14px;
}
.fee-col-badge.gold {
  background: rgba(217,198,178,0.12);
  color: var(--gold);
  border-color: rgba(217,198,178,0.3);
}
.fee-col-badge.red {
  background: rgba(199,44,65,0.15);
  color: #ff7a8a;
  border-color: rgba(199,44,65,0.3);
}

.fee-col-duration {
  font-family: var(--font-raj);
  font-size: 0.85rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin-bottom: 10px;
}

.fee-col-price {
  font-family: var(--font-display);
  font-size: 2.4rem;
  color: #fff;
  line-height: 1;
  margin-bottom: 6px;
}
.fee-col-price .rupee {
  font-size: 1.4rem;
  vertical-align: super;
  color: var(--gold);
}

.fee-col-mo-equiv {
  font-family: var(--font-raj);
  font-size: 0.72rem;
  color: rgba(255,255,255,0.4);
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}

.fee-col-bar-wrap {
  width: 100%;
  height: 6px;
  background: rgba(255,255,255,0.06);
  border-radius: 6px;
  margin-bottom: 14px;
  overflow: hidden;
}
.fee-col-bar {
  height: 100%;
  border-radius: 6px;
  animation: barGrow 1.2s ease both;
  animation-delay: 0.3s;
}
@keyframes barGrow {
  from { width: 0; }
}
.bar-1m { width: 20%; background: rgba(255,255,255,0.25); }
.bar-3m { width: 40%; background: rgba(199,44,65,0.6); }
.bar-6m { width: 60%; background: rgba(199,44,65,0.75); }
.bar-1y { width: 80%; background: var(--gold); }
.bar-2y { width: 100%; background: linear-gradient(90deg, var(--red), #ff4d6d); }

.fee-col-daily {
  font-family: var(--font-raj);
  font-size: 0.72rem;
  color: rgba(255,255,255,0.45);
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}

.fee-col-btn {
  display: inline-block;
  font-family: var(--font-raj);
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #fff;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 8px;
  padding: 9px 18px;
  transition: all 0.3s ease;
  width: 100%;
  text-align: center;
}
.fee-col-btn:hover {
  background: var(--red);
  border-color: var(--red);
  box-shadow: 0 6px 20px rgba(199,44,65,0.4);
}
.fee-column-card.recommended .fee-col-btn {
  background: linear-gradient(135deg, rgba(217,198,178,0.2), rgba(217,198,178,0.05));
  border-color: rgba(217,198,178,0.3);
  color: var(--gold);
}
.fee-column-card.recommended .fee-col-btn:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: #000;
  box-shadow: 0 6px 20px rgba(217,198,178,0.4);
}

@media (max-width: 900px) {
  .fees-diagram-grid {
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
  }
}
@media (max-width: 600px) {
  .fees-diagram-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .fee-col-price {
    font-size: 1.9rem;
  }
  .fee-col-badge {
    font-size: 0.6rem;
  }
}
@media (max-width: 380px) {
  .fees-diagram-grid {
    grid-template-columns: 1fr;
  }
}

/* Social Proof */
.proof-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px;}
.pb-item{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:28px 24px;font-size:1rem;line-height:1.7;transition:var(--trans);}
.pb-item:hover{border-color:var(--gold);transform:translateY(-4px);background:rgba(217, 198, 178,0.05);}
.pb-item strong{color:#fff;display:block;margin-bottom:4px;}
.pb-item span{color:var(--gray);font-size:0.88rem;}
.manip-quote{background:linear-gradient(135deg,rgba(199, 44, 65,0.12),rgba(217, 198, 178,0.06));border-left:4px solid var(--red);border-radius:0 12px 12px 0;padding:40px 48px;text-align:center;}
.manip-quote p{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.3rem);color:#fff;line-height:1.5;margin-bottom:16px;}
.manip-quote span{font-family:var(--font-raj);font-size:0.95rem;letter-spacing:3px;color:var(--gold);text-transform:uppercase;}
.manip-inline{color:rgba(255,255,255,0.7);font-family:var(--font-raj);font-size:1rem;letter-spacing:1px;}
/* Transformation images */
.trans-img{width:100%;height:280px;object-fit:contain;object-position:top;border-radius:8px;display:block;background:#111;}
.trans-side{flex:1;text-align:center;}
/* Achievement Cards */
.achieve-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;}
.achieve-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;overflow:hidden;transition:var(--trans);}
.achieve-card:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 16px 48px rgba(217, 198, 178,0.15);}
.achieve-img-wrap{width:100%;aspect-ratio:4/3;overflow:hidden;}
.achieve-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.achieve-card:hover .achieve-img-wrap img{transform:scale(1.06);}
.achieve-info{padding:24px;}
.achieve-tag{display:inline-block;font-family:var(--font-raj);font-size:0.75rem;letter-spacing:2px;color:var(--gold);background:rgba(217, 198, 178,0.1);border:1px solid rgba(217, 198, 178,0.3);border-radius:100px;padding:4px 14px;margin-bottom:12px;}
.achieve-info h4{font-family:var(--font-display);font-size:1.4rem;margin-bottom:8px;color:#fff;}
.achieve-info p{color:var(--gray);font-size:0.88rem;line-height:1.8;}
.achieve-info em{color:rgba(217, 198, 178,0.8);font-style:italic;}
@media(max-width:768px){
  .hf-stats{flex-direction:column;gap:16px;}
  .hfs-sep{width:80px;height:1px;}
  .hf-btns{flex-direction:column;align-items:center;}
  .achieve-grid{grid-template-columns:1fr;}
  .manip-quote{padding:24px;}
}

/* ═══ HERO BACKGROUND SLIDESHOW ══════════════════════ */
.hf-slides{position:absolute;inset:0;z-index:0;}
.hf-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease;transform:scale(1.05);transition:opacity 1.2s ease,transform 8s ease;}
.hf-slide.active{opacity:1;transform:scale(1.0);}
.hf-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0.92) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.92) 100%);}
/* hf-content defined above */
.hf-small{font-size:clamp(1.4rem,3.5vw,2.4rem);color:rgba(255,255,255,0.82);letter-spacing:2px;animation:fadeInUp 0.8s ease 0.2s both;}
/* Dot indicators */
/* hf-dots defined above */

/* ═══ MOBILE PERFECTION OVERHAUL ════════════════════════ */
/* Hero mobile fix */
@media(max-width:768px){
  .hero-fancy {
    height: auto;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 72px;
    box-sizing: border-box;
  }
  .hf-content {
    padding: 12px 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .hf-badge {
    font-size: 0.82rem;
    letter-spacing: 1.5px;
    padding: 6px 14px;
    margin-bottom: 10px;
    max-width: 100%;
    white-space: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .hf-title {
    margin-bottom: 8px;
  }
  .hf-small {
    font-size: 1.05rem;
    letter-spacing: 0.5px;
  }
  .hf-big {
    font-size: clamp(3.8rem, 18vw, 7.5rem);
    line-height: 0.85;
    margin: 4px 0;
  }
  .hf-accent {
    font-size: 1.55rem;
  }
  .hf-sub {
    font-size: 0.95rem;
    margin-bottom: 12px;
    line-height: 1.5;
  }
  
  /* Horizontal 3-card compact stats layout for mobile */
  .hf-stats{
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
    gap:8px !important;
    padding:0 !important;
    border:none !important;
    background:none !important;
    backdrop-filter:none !important;
    margin-bottom:12px !important;
    width:100% !important;
    max-width:340px;
  }
  .hfs-item{
    flex:1;
    background:rgba(255,255,255,0.03) !important;
    border:1px solid rgba(255,255,255,0.07) !important;
    border-radius:8px !important;
    padding:6px 8px !important;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  .hfs-n{font-size:1.45rem !important;line-height:1.2;margin-bottom:1px;}
  .hfs-l{font-size:0.65rem !important;letter-spacing:0.5px !important;line-height:1.1;text-align:center;}
  .hfs-sep{display:none !important;}
  
  .hf-btns{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:280px;margin:0 auto 12px;}
  .btn-fire,.btn-outline{justify-content:center;text-align:center;padding:12px 20px;font-size:1.05rem;}
  .hf-urgency{font-size:0.8rem;letter-spacing:1px;margin-bottom:0;}
  .scroll-hint{display:none !important;} /* Hide scroll hint on mobile to avoid overlap with buttons */
  
  /* Header navigation mobile styling */
  .navbar{padding:8px 0 !important;}
  .navbar.scrolled{padding:6px 0 !important;}
  .nav-logo img{width:36px !important;height:36px !important;}
  .nav-logo span{font-size:0.95rem !important;}
  .nav-logo em{color:var(--gold) !important;font-size:0.6rem !important;}
}
@media(max-width:480px){
  .hf-big{font-size:clamp(3.5rem,16vw,5.5rem);}
  .hf-accent{font-size:1.3rem;}
  .hf-badge{font-size:0.78rem;padding:4px 12px;}
}

/* Page hero mobile fix */
@media(max-width:768px){
  .page-hero{height:42vh;min-height:260px;}
  .page-hero-content h1{font-size:clamp(2rem,10vw,3.5rem);}
  .page-hero-content p{font-size:0.95rem;}
}

/* Proof banner mobile */
@media(max-width:600px){
  .proof-banner{grid-template-columns:1fr 1fr;}
  .pb-item{padding:18px 14px;font-size:0.9rem;}
  .manip-quote{padding:24px 20px;}
  .manip-quote p{font-size:1.35rem;line-height:1.5;}
}
@media(max-width:480px){
  .proof-banner{grid-template-columns:1fr;}
}

/* Achievement grid mobile */
@media(max-width:600px){
  .achieve-grid{grid-template-columns:1fr;}
}

/* Transformation cards mobile */
@media(max-width:600px){
  .trans-grid{grid-template-columns:1fr;}
  .trans-img{height:220px;}
}

/* Section titles mobile */
@media(max-width:480px){
  .sec-title{font-size:2rem;}
  .sec{padding:60px 0;}
}

/* Why grid mobile */
@media(max-width:600px){
  .why-grid{grid-template-columns:1fr;gap:20px;}
  .why-item{padding:24px;}
}

/* Stats grid mobile */
@media(max-width:600px){
  .stats-grid{grid-template-columns:1fr;gap:16px;}
  .stat-box{padding:24px 16px;}
}

/* Map & Carousel mobile */
@media(max-width:768px){
  .map-wrap{grid-template-columns:1fr;gap:24px;}
  .map-info{padding:24px 20px;}
  .map-frame iframe{width:100% !important;max-width:100%;}
  
  /* Carousel for Mission/Vision on mobile */
  .mv-grid{display:flex !important;gap:18px;overflow-x:auto;padding:20px 24px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 -24px;}
  .mv-grid::-webkit-scrollbar{display:none;}
  .mv-card{min-width:82% !important;max-width:82% !important;flex:0 0 auto !important;scroll-snap-align:center;margin:0 !important;padding:32px 24px !important;}

  /* Carousel for Testimonials on mobile */
  .rev-grid{display:flex !important;gap:18px;overflow-x:auto;padding:20px 24px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 -24px;}
  .rev-grid::-webkit-scrollbar{display:none;}
  .rev-card{min-width:82% !important;max-width:82% !important;flex:0 0 auto !important;scroll-snap-align:center;margin:0 !important;padding:28px 20px !important;}
}

/* Port grid mobile */
@media(max-width:768px){
  .port-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
  .port-grid{grid-template-columns:1fr;}
}


/* CTA section mobile */
@media(max-width:480px){
  .cta-sec{padding:80px 0;}
  .cta-inner h2{font-size:2rem;}
}

/* Footer mobile */
@media(max-width:600px){
  .footer-grid{grid-template-columns:1fr;gap:32px;}
  .foot-sep {
    display: none;
  }
  .foot-bottom p {
    font-size: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    line-height: 1.4;
  }
}

/* Touch target fix */
@media(max-width:768px){
  .nav-link{padding:14px 20px;font-size:1.05rem;}
  .btn-cta{padding:12px 20px;}
}

/* Prevent horizontal overflow everywhere */
*{box-sizing:border-box;}
body{overflow-x:hidden;}
img{max-width:100%;height:auto;}

/* ═══ MOBILE NAV RIGHT ALIGNMENT FIX ══════════════════ */
@media(max-width:768px){
  .burger {
    margin-left: auto !important;
  }
}

/* ═══ PREMIUM ADMISSION FEE HIGHLIGHTS ═══════════════ */
.highlight-admission-box {
  background: linear-gradient(135deg, rgba(199, 44, 65,0.25), rgba(217, 198, 178,0.15)) !important;
  border: 2px solid var(--gold) !important;
  border-radius: 12px;
  box-shadow: 0 0 25px rgba(217, 198, 178, 0.25);
  animation: goldPulseGlow 3s infinite alternate;
}
@keyframes goldPulseGlow {
  0% {
    box-shadow: 0 0 15px rgba(217, 198, 178, 0.15);
    border-color: rgba(217, 198, 178, 0.5);
  }
  100% {
    box-shadow: 0 0 35px rgba(217, 198, 178, 0.4);
    border-color: var(--gold);
  }
}
.adm-price-highlight {
  font-family: var(--font-raj);
  font-size: 1.6rem;
  color: #fff;
  letter-spacing: 1px;
}
.adm-price-highlight strong {
  color: var(--gold);
  font-family: var(--font-display);
  font-size: 2.2rem;
  text-shadow: 0 0 10px rgba(217, 198, 178, 0.3);
}
.highlight-table-td {
  background: transparent !important;
  border: none !important;
  padding: 16px 0 0 0 !important;
  border-bottom: none !important;
}
.highlight-table-fee {
  background: linear-gradient(135deg, rgba(217, 198, 178, 0.15) 0%, rgba(199, 44, 65, 0.08) 100%) !important;
  color: var(--gold) !important;
  border: 1px solid rgba(217, 198, 178, 0.3) !important;
  font-size: 1.1rem !important;
  letter-spacing: 1px;
  border-radius: 8px;
  padding: 16px 20px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
@media(max-width:768px) {
  .highlight-table-fee {
    font-size: 0.92rem !important;
    padding: 12px 14px;
  }
}

/* ═══ CREATIVE BARBELL SELECTOR SLIDER ══════════════ */
.slider-container {
  max-width: 800px;
  margin: 40px auto 60px;
  padding: 0 20px;
}
.slider-track-wrap {
  position: relative;
  height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slider-track {
  height: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.slider-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--red), var(--gold));
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(217, 198, 178, 0.6);
  width: 0%;
  transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slider-handle {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 10;
  transition: left 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.handle-plate {
  width: 100%;
  height: 100%;
  background: #151515;
  border: 3px solid var(--gold);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 15px rgba(217, 198, 178, 0.4), inset 0 0 8px rgba(0, 0, 0, 0.8);
  position: relative;
}
.handle-plate::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: #252525;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.plate-text {
  font-family: var(--font-display);
  font-size: 0.85rem;
  color: #fff;
  line-height: 1;
  margin-top: -2px;
}
.plate-unit {
  font-family: var(--font-raj);
  font-size: 0.45rem;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.5px;
  line-height: 1;
}
.slider-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: -4px;
  pointer-events: none;
}
.slider-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  pointer-events: auto;
  width: 80px;
}
.step-dot {
  width: 14px;
  height: 14px;
  background: #111;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  margin-bottom: 12px;
  z-index: 2;
  transition: all 0.3s ease;
}
.slider-step.active .step-dot {
  background: var(--gold);
  border-color: var(--gold);
  box-shadow: 0 0 12px var(--gold);
  transform: scale(1.2);
}
.step-label {
  font-family: var(--font-raj);
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  transition: color 0.3s ease;
  white-space: nowrap;
}
.slider-step.active .step-label {
  color: #fff;
}
.slider-step .save-tag {
  display: block;
  margin-top: 4px;
  font-size: 0.65rem;
}

/* ═══ PREMIUM LIGHTBOX MODAL ═══════════════════════════ */
.lb-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.lb-modal.active {
  opacity: 1;
  pointer-events: auto;
}
.lb-overlay {
  position: absolute;
  inset: 0;
  background: rgba(8, 8, 8, 0.95);
  backdrop-filter: blur(8px);
}
.lb-close {
  position: absolute;
  top: 24px;
  right: 24px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 2rem;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: var(--trans);
}
.lb-close:hover {
  background: var(--red);
  border-color: var(--red);
  transform: rotate(90deg);
  box-shadow: 0 0 15px rgba(199, 44, 65, 0.4);
}
.lb-content {
  position: relative;
  z-index: 2;
  max-width: 90vw;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  transform: scale(0.9);
  transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.lb-modal.active .lb-content {
  transform: scale(1);
}
.lb-img {
  max-width: 100%;
  max-height: 70vh;
  object-fit: contain;
  border-radius: 12px;
  border: 2px solid rgba(217, 198, 178, 0.3);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
}
.lb-caption {
  font-family: var(--font-raj);
  font-weight: 600;
  font-size: 1.1rem;
  letter-spacing: 1.5px;
  color: var(--gold);
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}

/* Lightbox cursor pointer for trigger images */
.lb-trigger {
  cursor: zoom-in;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.lb-trigger:hover {
  opacity: 0.9;
  transform: scale(1.02);
}

/* Mobile responsive slider padding */
@media (max-width: 768px) {
  .slider-container {
    margin-bottom: 40px;
  }
  .slider-steps {
    top: 5px;
  }
  .step-label {
    font-size: 0.75rem;
  }
  .slider-step .save-tag {
    font-size: 0.6rem;
  }
}
@media (max-width: 480px) {
  .price-table-wrap {
    padding: 24px 12px !important;
  }
  .slider-step {
    width: 65px;
  }
  .step-label {
    font-size: 0.7rem;
    letter-spacing: 0.5px;
  }
  .slider-step .save-tag {
    display: none;
  }
}

/* BACK TO TOP */
.back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(199, 44, 65, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 2px solid rgba(199, 44, 65, 0.4);
  color: var(--red);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}
.back-to-top.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.back-to-top:hover {
  background: rgba(199, 44, 65, 0.25);
  border-color: rgba(199, 44, 65, 0.8);
  color: #fff;
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(199, 44, 65, 0.5);
}
.back-to-top:active {
  transform: translateY(-1px) scale(0.95);
}
.back-to-top svg {
  transition: transform 0.3s ease;
}
.back-to-top:hover svg {
  transform: translateY(-2px);
}
.back-to-top.at-footer {
  transform: translateY(-55px);
}
.back-to-top.at-footer:hover {
  transform: translateY(-59px);
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 20px;
    right: 20px;
    width: 44px;
    height: 44px;
  }
  .back-to-top:hover {
    transform: translateY(0);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  }
  .back-to-top.at-footer {
    transform: translateY(-60px);
  }
  .back-to-top.at-footer:hover {
    transform: translateY(-60px);
  }
}

/* ── Gym Environment Slider ── */
.gym-env-sec {
  background: linear-gradient(180deg, #050505 0%, #0c0c0c 100%);
  border-bottom: 1px solid rgba(255,255,255,0.03);
}
.env-slider-container {
  position: relative;
  max-width: 960px;
  margin: 48px auto 0;
  overflow: hidden;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.65);
}
.env-slider-track {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
  cursor: grab;
}
.env-slider-track:active {
  cursor: grabbing;
}
.env-slide {
  min-width: 100%;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  user-select: none;
}
.env-slide-img {
  position: relative;
  width: 55%;
  height: 420px;
  overflow: hidden;
}
.env-slide-img a {
  display: block;
  width: 100%;
  height: 100%;
}
.env-slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.env-slide.active .env-slide-img img {
  transform: scale(1.06);
}
.env-floor-badge {
  position: absolute;
  top: 24px;
  left: 24px;
  background: linear-gradient(135deg, var(--red), var(--red-dark));
  color: #fff;
  font-family: var(--font-raj);
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 6px;
  box-shadow: 0 6px 20px rgba(199, 44, 65, 0.45);
}
.env-slide-content {
  width: 45%;
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  background: linear-gradient(90deg, rgba(8,8,8,0.98) 0%, rgba(15,15,15,0.95) 100%);
}
.env-slide-content h3 {
  font-family: var(--font-display);
  font-size: 2.2rem;
  color: #fff;
  margin-bottom: 16px;
  letter-spacing: 1px;
}
.env-slide-content p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.95rem;
  line-height: 1.7;
  margin-bottom: 28px;
}
.env-tag {
  align-self: flex-start;
  font-family: var(--font-raj);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--gold);
  border: 1px solid rgba(217, 198, 178, 0.25);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 5px 14px;
  border-radius: 100px;
  background: rgba(217, 198, 178, 0.05);
}
.env-slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(10, 10, 10, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  backdrop-filter: blur(8px);
}
.env-slider-btn:hover {
  background: var(--red);
  border-color: var(--red);
  box-shadow: 0 0 20px rgba(199, 44, 65, 0.6);
  transform: translateY(-50%) scale(1.08);
}
.env-slider-btn:active {
  transform: translateY(-50%) scale(0.95);
}
.env-slider-btn.prev { left: 24px; }
.env-slider-btn.next { right: 24px; }
.env-slider-btn svg { width: 20px; height: 20px; }

.env-slider-dots {
  position: absolute;
  bottom: 24px;
  right: 48px;
  display: flex;
  gap: 8px;
  z-index: 10;
}
.env-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: all 0.3s ease;
}
.env-dot.active {
  width: 28px;
  border-radius: 5px;
  background: var(--gold);
  box-shadow: 0 0 10px var(--gold);
}

@media (max-width: 768px) {
  .env-slide {
    flex-direction: column;
  }
  .env-slide-img {
    width: 100%;
    height: 260px;
  }
  .env-slide-content {
    width: 100%;
    padding: 36px 24px;
    text-align: center;
  }
  .env-tag {
    align-self: center;
  }
  .env-slider-btn {
    top: 130px;
    width: 40px;
    height: 40px;
  }
  .env-slider-btn.prev { left: 16px; }
  .env-slider-btn.next { right: 16px; }
  .env-slider-dots {
    width: 100%;
    justify-content: center;
    right: 0;
    bottom: auto;
    top: 228px;
  }
}