/* ============================================================
   SSC GD CONSTABLE COURSE — AARSH INSTITUTE
   Page-scoped stylesheet. All selectors namespaced `ssc-gd-`.
   Design language: Dark / Military / Precision-Technical.
   ============================================================ */

.ssc-gd-page{
  --sg-bg:#0a0c0e;
  --sg-bg-alt:#0e1114;
  --sg-bg-raise:#12161a;
  --sg-surface:rgba(255,255,255,.035);
  --sg-surface-strong:rgba(255,255,255,.06);
  --sg-border:rgba(255,255,255,.09);
  --sg-border-strong:rgba(255,255,255,.16);

  --sg-olive:#4b5d3a;
  --sg-olive-bright:#8aa968;
  --sg-olive-dim:#2c3624;
  --sg-gold:#c9a34e;
  --sg-gold-bright:#e8c876;
  --sg-steel:#6b7785;
  --sg-rust:#b5482e;

  --sg-text:#eef0ee;
  --sg-text-dim:#a4aba3;
  --sg-text-faint:#6b716a;

  --sg-font-display:'Oswald', 'Arial Narrow', sans-serif;
  --sg-font-body:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --sg-font-mono:'JetBrains Mono', 'Courier New', monospace;

  --sg-radius-s:4px;
  --sg-radius-m:10px;
  --sg-radius-l:18px;

  --sg-ease:cubic-bezier(.22,.9,.28,1);
  --sg-container:1240px;

  background:var(--sg-bg);
  color:var(--sg-text);
  font-family:var(--sg-font-body);
  position:relative;
  overflow-x:clip;
}

.ssc-gd-page *{ box-sizing:border-box; }

.ssc-gd-page ::selection{ background:var(--sg-gold); color:#100c00; }

.ssc-gd-page a{ color:inherit; text-decoration:none; }
.ssc-gd-page ul{ list-style:none; margin:0; padding:0; }
.ssc-gd-page img{ max-width:100%; display:block; }
.ssc-gd-page button{ font-family:inherit; cursor:pointer; }

/* ---------- Focus / Accessibility ---------- */
.ssc-gd-page :focus-visible{
  outline:2px solid var(--sg-gold-bright);
  outline-offset:3px;
  border-radius:4px;
}
.ssc-gd-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;
}
.ssc-gd-skip-link{
  position:absolute; left:8px; top:-60px; background:var(--sg-gold);
  color:#100c00; padding:.6em 1em; z-index:999; border-radius:var(--sg-radius-s);
  transition:top .2s var(--sg-ease);
}
.ssc-gd-skip-link:focus{ top:8px; }

@media (prefers-contrast:more){
  .ssc-gd-page{ --sg-border:rgba(255,255,255,.35); --sg-text-dim:#cfd4cd; }
}
@media (prefers-reduced-motion:reduce){
  .ssc-gd-page *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}

/* ---------- Layout primitives ---------- */
.ssc-gd-container{ max-width:var(--sg-container); margin:0 auto; padding:0 24px; }
.ssc-gd-section{ position:relative; padding:120px 0; }
.ssc-gd-section--tight{ padding:80px 0; }
.ssc-gd-section--raised{ background:var(--sg-bg-raise); }
.ssc-gd-section--alt{ background:var(--sg-bg-alt); }

.ssc-gd-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--sg-font-mono); font-size:12px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--sg-gold-bright); margin-bottom:18px;
}
.ssc-gd-eyebrow::before{
  content:''; width:22px; height:1px; background:var(--sg-gold-bright);
}

.ssc-gd-heading-xl{
  font-family:var(--sg-font-display); font-weight:600; text-transform:uppercase;
  font-size:clamp(2.4rem,5vw,4.2rem); line-height:1.05; letter-spacing:.01em;
  margin:0 0 20px;
}
.ssc-gd-heading-l{
  font-family:var(--sg-font-display); font-weight:600; text-transform:uppercase;
  font-size:clamp(1.9rem,3.4vw,2.8rem); line-height:1.1; margin:0 0 16px;
}
.ssc-gd-heading-m{
  font-family:var(--sg-font-display); font-weight:500; text-transform:uppercase;
  font-size:clamp(1.3rem,2vw,1.7rem); line-height:1.2; margin:0 0 10px;
}
.ssc-gd-lede{ color:var(--sg-text-dim); font-size:1.05rem; line-height:1.7; max-width:640px; }
.ssc-gd-section-head{ margin-bottom:56px; max-width:760px; }
.ssc-gd-section-head--center{ margin-left:auto; margin-right:auto; text-align:center; }

.ssc-gd-op-code{
  font-family:var(--sg-font-mono); font-size:12px; color:var(--sg-text-faint);
  letter-spacing:.14em; text-transform:uppercase;
}

/* Chevron divider — signature motif */
.ssc-gd-chevrons{
  display:flex; gap:6px; height:10px; margin:0 auto 40px; width:fit-content;
}
.ssc-gd-chevrons span{
  width:16px; height:10px; clip-path:polygon(0 0,50% 100%,100% 0,100% 30%,50% 100%,0 30%);
  background:var(--sg-olive-bright); opacity:.5;
}
.ssc-gd-chevrons span:nth-child(2){ background:var(--sg-gold-bright); opacity:.8; }
.ssc-gd-chevrons span:nth-child(3){ opacity:.5; }

/* Glass card base */
.ssc-gd-glass{
  background:var(--sg-surface);
  border:1px solid var(--sg-border);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:var(--sg-radius-m);
}

.ssc-gd-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:16px 32px; border-radius:var(--sg-radius-s); font-weight:600;
  font-size:14px; letter-spacing:.06em; text-transform:uppercase;
  border:1px solid transparent; transition:transform .35s var(--sg-ease),background .3s,border-color .3s;
  will-change:transform;
}
.ssc-gd-btn--primary{ background:var(--sg-gold); color:#100c00; }
.ssc-gd-btn--primary:hover{ background:var(--sg-gold-bright); }
.ssc-gd-btn--ghost{ border-color:var(--sg-border-strong); color:var(--sg-text); }
.ssc-gd-btn--ghost:hover{ border-color:var(--sg-gold-bright); color:var(--sg-gold-bright); }

.ssc-gd-badge{
  display:inline-flex; align-items:center; gap:8px; padding:8px 16px;
  border-radius:100px; font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  font-weight:600; border:1px solid var(--sg-border-strong);
}
.ssc-gd-badge--pulse::before{
  content:''; width:7px; height:7px; border-radius:50%; background:var(--sg-olive-bright);
  animation:ssc-gd-pulse 1.6s ease-in-out infinite;
}
@keyframes ssc-gd-pulse{ 0%,100%{opacity:1;transform:scale(1);} 50%{opacity:.4;transform:scale(1.4);} }

/* ============================================================
   01 — CINEMATIC HERO
   ============================================================ */
.ssc-gd-hero{
  min-height:100vh; display:flex; align-items:center; position:relative;
  padding:160px 0 100px; overflow:hidden;
  background:radial-gradient(120% 100% at 50% -10%, #16210f 0%, var(--sg-bg) 55%);
}
.ssc-gd-hero__grid{
  position:absolute; inset:0; z-index:0; opacity:.35;
  background-image:linear-gradient(var(--sg-border) 1px,transparent 1px),linear-gradient(90deg,var(--sg-border) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(circle at 50% 30%, black, transparent 75%);
}
.ssc-gd-hero__gradient{
  position:absolute; inset:-20%; z-index:0; pointer-events:none;
  background:conic-gradient(from 180deg at 50% 50%, transparent, rgba(75,93,58,.35), transparent 40%, rgba(201,163,78,.2), transparent 70%);
  filter:blur(80px); animation:ssc-gd-rotate 26s linear infinite;
}
@keyframes ssc-gd-rotate{ to{ transform:rotate(360deg); } }
.ssc-gd-hero__radar{
  position:absolute; right:-160px; top:50%; translate:0 -50%; width:520px; height:520px;
  border:1px solid var(--sg-border); border-radius:50%; z-index:0; opacity:.5;
}
.ssc-gd-hero__radar::before,.ssc-gd-hero__radar::after{
  content:''; position:absolute; inset:60px; border:1px solid var(--sg-border); border-radius:50%;
}
.ssc-gd-hero__radar::after{ inset:120px; }
.ssc-gd-hero__sweep{
  position:absolute; inset:0; border-radius:50%;
  background:conic-gradient(from 0deg, rgba(138,169,104,.55), transparent 22%);
  animation:ssc-gd-rotate 4s linear infinite;
}
.ssc-gd-hero__content{ position:relative; z-index:2; display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; }
.ssc-gd-hero__title{ font-size:clamp(2.8rem,6vw,5.2rem); }
.ssc-gd-hero__title em{ font-style:normal; color:var(--sg-gold-bright); }
.ssc-gd-hero__sub{ color:var(--sg-text-dim); font-size:1.15rem; line-height:1.7; max-width:560px; margin-bottom:36px; }
.ssc-gd-hero__cta-row{ display:flex; gap:16px; flex-wrap:wrap; margin-bottom:52px; }
.ssc-gd-hero__floats{ display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:440px; }
.ssc-gd-hero__float{ padding:22px; }
.ssc-gd-hero__float-num{ font-family:var(--sg-font-mono); font-size:2rem; color:var(--sg-gold-bright); display:block; }
.ssc-gd-hero__float-label{ font-size:12px; color:var(--sg-text-dim); text-transform:uppercase; letter-spacing:.06em; }
.ssc-gd-hero__panel{ position:relative; }
.ssc-gd-hero__panel-card{ padding:28px; display:flex; flex-direction:column; gap:18px; }
.ssc-gd-hero__panel-row{ display:flex; justify-content:space-between; padding-bottom:14px; border-bottom:1px solid var(--sg-border); font-family:var(--sg-font-mono); font-size:13px; color:var(--sg-text-dim); }
.ssc-gd-hero__panel-row span:last-child{ color:var(--sg-olive-bright); }
.ssc-gd-hero__panel-img{ width:100%; aspect-ratio:4/5; border-radius:var(--sg-radius-m); object-fit:cover; border:1px solid var(--sg-border); }
.ssc-gd-hero__scroll{ position:absolute; bottom:32px; left:50%; translate:-50% 0; display:flex; flex-direction:column; align-items:center; gap:8px; color:var(--sg-text-faint); font-family:var(--sg-font-mono); font-size:11px; letter-spacing:.1em; z-index:2; }
.ssc-gd-hero__scroll-line{ width:1px; height:36px; background:linear-gradient(var(--sg-gold-bright),transparent); animation:ssc-gd-scrolldown 1.8s ease-in-out infinite; }
@keyframes ssc-gd-scrolldown{ 0%{ transform:scaleY(0); transform-origin:top;} 50%{ transform:scaleY(1); transform-origin:top;} 51%{transform-origin:bottom;} 100%{ transform:scaleY(0); transform-origin:bottom;} }

@media (max-width:920px){
  .ssc-gd-hero__content{ grid-template-columns:1fr; }
  .ssc-gd-hero__radar{ display:none; }
}

/* ============================================================
   02 — ADMISSION ALERT BAR
   ============================================================ */
.ssc-gd-alertbar{
  background:var(--sg-olive-dim); border-top:1px solid var(--sg-border); border-bottom:1px solid var(--sg-border);
  overflow:hidden; padding:14px 0;
}
.ssc-gd-alertbar__track{ display:flex; gap:48px; white-space:nowrap; width:max-content; animation:ssc-gd-marquee 26s linear infinite; }
.ssc-gd-alertbar__item{ display:flex; align-items:center; gap:10px; font-family:var(--sg-font-mono); font-size:13px; letter-spacing:.05em; color:var(--sg-olive-bright); text-transform:uppercase; }
.ssc-gd-alertbar__item svg{ width:14px; height:14px; }
@keyframes ssc-gd-marquee{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }

/* ============================================================
   03 — LIVE BATCH NOTIFICATION
   ============================================================ */
.ssc-gd-livebatch{ padding:70px 0; }
.ssc-gd-livebatch__card{
  display:flex; align-items:center; justify-content:space-between; gap:32px; padding:32px 40px; flex-wrap:wrap;
  border-left:3px solid var(--sg-olive-bright);
}
.ssc-gd-livebatch__info{ display:flex; align-items:center; gap:18px; }
.ssc-gd-livebatch__dot{ width:10px; height:10px; border-radius:50%; background:var(--sg-rust); box-shadow:0 0 0 0 rgba(181,72,46,.6); animation:ssc-gd-livedot 1.8s infinite; }
@keyframes ssc-gd-livedot{ 0%{ box-shadow:0 0 0 0 rgba(181,72,46,.6);} 70%{ box-shadow:0 0 0 12px rgba(181,72,46,0);} 100%{ box-shadow:0 0 0 0 rgba(181,72,46,0);} }
.ssc-gd-livebatch__seats{ display:flex; gap:26px; font-family:var(--sg-font-mono); }
.ssc-gd-livebatch__seats b{ display:block; font-size:1.6rem; color:var(--sg-gold-bright); }
.ssc-gd-livebatch__seats span{ font-size:11px; color:var(--sg-text-faint); text-transform:uppercase; }

/* ============================================================
   04 — QUICK STATISTICS
   ============================================================ */
.ssc-gd-stats{ padding:100px 0; }
.ssc-gd-stats__grid{ display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--sg-border); border-radius:var(--sg-radius-l); overflow:hidden; }
.ssc-gd-stats__item{ padding:44px 28px; text-align:center; border-right:1px solid var(--sg-border); }
.ssc-gd-stats__item:last-child{ border-right:none; }
.ssc-gd-stats__num{ font-family:var(--sg-font-display); font-size:3rem; color:var(--sg-gold-bright); display:block; }
.ssc-gd-stats__label{ color:var(--sg-text-dim); font-size:13px; text-transform:uppercase; letter-spacing:.06em; margin-top:8px; }
@media (max-width:800px){ .ssc-gd-stats__grid{ grid-template-columns:1fr 1fr; } .ssc-gd-stats__item{ border-bottom:1px solid var(--sg-border); } }

/* ============================================================
   05 — ABOUT SSC GD CONSTABLE
   ============================================================ */
.ssc-gd-about__grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; }
.ssc-gd-about__frame{ position:relative; border-radius:var(--sg-radius-l); overflow:hidden; border:1px solid var(--sg-border); }
.ssc-gd-about__frame img{ width:100%; aspect-ratio:1/1.1; object-fit:cover; }
.ssc-gd-about__list{ display:grid; gap:14px; margin-top:28px; }
.ssc-gd-about__list li{ display:flex; gap:12px; color:var(--sg-text-dim); font-size:15px; }
.ssc-gd-about__list li::before{ content:''; width:6px; height:6px; margin-top:8px; background:var(--sg-olive-bright); flex:none; }
@media (max-width:880px){ .ssc-gd-about__grid{ grid-template-columns:1fr; } }

/* ============================================================
   06 — WHY AARSH INSTITUTE
   ============================================================ */
.ssc-gd-why__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--sg-border); border:1px solid var(--sg-border); }
.ssc-gd-why__card{ background:var(--sg-bg); padding:40px 32px; transition:background .35s var(--sg-ease); }
.ssc-gd-why__card:hover{ background:var(--sg-bg-raise); }
.ssc-gd-why__icon{ width:46px; height:46px; margin-bottom:22px; color:var(--sg-gold-bright); }
@media (max-width:880px){ .ssc-gd-why__grid{ grid-template-columns:1fr; } }

/* ============================================================
   07 — COURSE OVERVIEW
   ============================================================ */
.ssc-gd-overview{ display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; }
.ssc-gd-overview__timeline{ position:relative; padding-left:30px; }
.ssc-gd-overview__timeline::before{ content:''; position:absolute; left:5px; top:6px; bottom:6px; width:1px; background:var(--sg-border-strong); }
.ssc-gd-overview__step{ position:relative; padding-bottom:34px; }
.ssc-gd-overview__step::before{ content:''; position:absolute; left:-30px; top:4px; width:11px; height:11px; border-radius:50%; background:var(--sg-bg); border:2px solid var(--sg-gold-bright); }
.ssc-gd-overview__step h4{ font-family:var(--sg-font-mono); font-size:13px; color:var(--sg-gold-bright); text-transform:uppercase; margin:0 0 6px; }
.ssc-gd-overview__step p{ color:var(--sg-text-dim); font-size:14px; margin:0; }
.ssc-gd-overview__panel{ padding:36px; display:grid; gap:20px; grid-template-columns:1fr 1fr; }
.ssc-gd-overview__panel-item{ border-top:1px solid var(--sg-border); padding-top:16px; }
.ssc-gd-overview__panel-item b{ display:block; font-family:var(--sg-font-display); font-size:1.3rem; color:var(--sg-text); }
@media (max-width:880px){ .ssc-gd-overview{ grid-template-columns:1fr; } }

/* ============================================================
   08 — SYLLABUS (Tabs)
   ============================================================ */
.ssc-gd-syllabus__tabs{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:34px; border-bottom:1px solid var(--sg-border); padding-bottom:20px; }
.ssc-gd-syllabus__tab{ background:transparent; border:1px solid var(--sg-border); color:var(--sg-text-dim); padding:10px 20px; border-radius:100px; font-size:13px; text-transform:uppercase; letter-spacing:.04em; transition:all .3s var(--sg-ease); }
.ssc-gd-syllabus__tab[aria-selected="true"]{ background:var(--sg-gold); color:#100c00; border-color:var(--sg-gold); }
.ssc-gd-syllabus__panel{ display:none; }
.ssc-gd-syllabus__panel[data-active="true"]{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.ssc-gd-syllabus__row{ padding:18px 22px; display:flex; justify-content:space-between; gap:16px; }
.ssc-gd-syllabus__row span:last-child{ font-family:var(--sg-font-mono); font-size:12px; color:var(--sg-olive-bright); }
@media (max-width:700px){ .ssc-gd-syllabus__panel[data-active="true"]{ grid-template-columns:1fr; } }

/* ============================================================
   09-12 — SUBJECT DEEP DIVE SECTIONS (shared + variants)
   ============================================================ */
.ssc-gd-subject{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.ssc-gd-subject--reverse .ssc-gd-subject__visual{ order:2; }
.ssc-gd-subject__topics{ display:grid; gap:12px; }
.ssc-gd-subject__topic{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-radius:var(--sg-radius-s); }
.ssc-gd-subject__topic-weight{ height:4px; width:80px; background:var(--sg-border); border-radius:2px; overflow:hidden; position:relative; }
.ssc-gd-subject__topic-weight i{ position:absolute; inset:0; background:var(--sg-gold-bright); transform:scaleX(0); transform-origin:left; }
.ssc-gd-subject__visual{ position:relative; aspect-ratio:4/3; border-radius:var(--sg-radius-l); overflow:hidden; border:1px solid var(--sg-border); }
.ssc-gd-subject__visual img{ width:100%; height:100%; object-fit:cover; }
.ssc-gd-subject__ring{ position:relative; width:260px; height:260px; margin:0 auto; }
.ssc-gd-subject__ring svg{ width:100%; height:100%; transform:rotate(-90deg); }
.ssc-gd-subject__ring circle{ fill:none; stroke-width:10; }
.ssc-gd-subject__ring circle.ssc-gd-track{ stroke:var(--sg-border); }
.ssc-gd-subject__ring circle.ssc-gd-fill{ stroke:var(--sg-gold-bright); stroke-linecap:round; stroke-dasharray:690; stroke-dashoffset:690; }
.ssc-gd-subject__ring-label{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.ssc-gd-subject__ring-label b{ font-size:2.4rem; font-family:var(--sg-font-display); }
.ssc-gd-lang-grid{ display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--sg-border); border:1px solid var(--sg-border); border-radius:var(--sg-radius-m); overflow:hidden; }
.ssc-gd-lang-grid__col{ background:var(--sg-bg); padding:32px; }
@media (max-width:880px){ .ssc-gd-subject,.ssc-gd-lang-grid{ grid-template-columns:1fr; } .ssc-gd-subject--reverse .ssc-gd-subject__visual{ order:0; } }

/* ============================================================
   13 — PREVIOUS YEAR PAPERS
   ============================================================ */
.ssc-gd-papers__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; }
.ssc-gd-papers__card{ padding:24px; display:flex; flex-direction:column; gap:14px; transition:transform .4s var(--sg-ease),border-color .3s; }
.ssc-gd-papers__card:hover{ transform:translateY(-6px); border-color:var(--sg-border-strong); }
.ssc-gd-papers__year{ font-family:var(--sg-font-display); font-size:1.8rem; }
.ssc-gd-papers__meta{ font-size:12px; color:var(--sg-text-faint); font-family:var(--sg-font-mono); }
.ssc-gd-papers__link{ font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--sg-gold-bright); display:flex; align-items:center; gap:6px; }

/* ============================================================
   14 — MOCK TEST PLATFORM
   ============================================================ */
.ssc-gd-mock{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.ssc-gd-mock__screen{ padding:8px; border-radius:var(--sg-radius-l); }
.ssc-gd-mock__screen-inner{ background:var(--sg-bg-alt); border-radius:var(--sg-radius-m); padding:26px; }
.ssc-gd-mock__bar{ display:flex; justify-content:space-between; font-family:var(--sg-font-mono); font-size:12px; color:var(--sg-text-dim); margin-bottom:20px; }
.ssc-gd-mock__q{ font-size:14px; margin-bottom:18px; }
.ssc-gd-mock__opt{ padding:12px 16px; border:1px solid var(--sg-border); border-radius:var(--sg-radius-s); margin-bottom:10px; font-size:13px; color:var(--sg-text-dim); }
.ssc-gd-mock__opt--correct{ border-color:var(--sg-olive-bright); color:var(--sg-olive-bright); }
.ssc-gd-mock__features{ display:grid; gap:20px; }
.ssc-gd-mock__feature{ display:flex; gap:16px; }
.ssc-gd-mock__feature-num{ font-family:var(--sg-font-mono); color:var(--sg-gold-bright); font-size:13px; flex:none; }
@media (max-width:880px){ .ssc-gd-mock{ grid-template-columns:1fr; } }

/* ============================================================
   15 — DAILY PRACTICE SYSTEM
   ============================================================ */
.ssc-gd-practice__week{ display:grid; grid-template-columns:repeat(7,1fr); gap:10px; }
.ssc-gd-practice__day{ padding:18px 8px; text-align:center; border-radius:var(--sg-radius-s); }
.ssc-gd-practice__day span{ display:block; font-size:11px; color:var(--sg-text-faint); text-transform:uppercase; margin-bottom:10px; }
.ssc-gd-practice__day i{ display:block; width:8px; height:8px; margin:0 auto; border-radius:50%; background:var(--sg-olive-bright); }
@media (max-width:700px){ .ssc-gd-practice__week{ grid-template-columns:repeat(4,1fr); } }

/* ============================================================
   16 — PHYSICAL TRAINING PROGRAM
   ============================================================ */
.ssc-gd-physical{ display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--sg-border); border:1px solid var(--sg-border); border-radius:var(--sg-radius-l); overflow:hidden; }
.ssc-gd-physical__media{ position:relative; min-height:420px; background:var(--sg-bg-alt); }
.ssc-gd-physical__media img{ width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.ssc-gd-physical__body{ background:var(--sg-bg); padding:52px; display:flex; flex-direction:column; justify-content:center; }
.ssc-gd-physical__grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:24px; }
.ssc-gd-physical__metric b{ display:block; font-family:var(--sg-font-display); font-size:1.5rem; color:var(--sg-gold-bright); }
.ssc-gd-physical__metric span{ font-size:12px; color:var(--sg-text-dim); }
@media (max-width:880px){ .ssc-gd-physical{ grid-template-columns:1fr; } }

/* ============================================================
   17 — RUNNING & ENDURANCE TRAINING
   ============================================================ */
.ssc-gd-running__track{ position:relative; height:140px; border:1px solid var(--sg-border); border-radius:100px; overflow:hidden; margin-bottom:40px; }
.ssc-gd-running__line{ position:absolute; top:50%; left:20px; right:20px; height:2px; background:var(--sg-border-strong); }
.ssc-gd-running__marker{ position:absolute; top:50%; translate:-50% -50%; text-align:center; }
.ssc-gd-running__marker i{ display:block; width:14px; height:14px; border-radius:50%; background:var(--sg-gold-bright); margin:0 auto 8px; }
.ssc-gd-running__marker span{ font-family:var(--sg-font-mono); font-size:11px; color:var(--sg-text-dim); white-space:nowrap; }
.ssc-gd-running__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media (max-width:700px){ .ssc-gd-running__grid{ grid-template-columns:1fr; } }

/* ============================================================
   18 — PET & PST PREPARATION
   ============================================================ */
.ssc-gd-petpst__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.ssc-gd-petpst__card{ padding:26px 20px; text-align:center; }
.ssc-gd-petpst__card svg{ width:34px; height:34px; margin:0 auto 16px; color:var(--sg-olive-bright); }
.ssc-gd-petpst__val{ font-family:var(--sg-font-mono); font-size:13px; color:var(--sg-gold-bright); margin-top:10px; display:block; }
@media (max-width:880px){ .ssc-gd-petpst__grid{ grid-template-columns:1fr 1fr; } }

/* ============================================================
   19 — AI PERFORMANCE ANALYTICS
   ============================================================ */
.ssc-gd-analytics{ display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--sg-border); border:1px solid var(--sg-border); border-radius:var(--sg-radius-l); overflow:hidden; }
.ssc-gd-analytics__panel{ background:var(--sg-bg); padding:44px; }
.ssc-gd-analytics__chart{ display:flex; align-items:flex-end; gap:10px; height:180px; }
.ssc-gd-analytics__bar{ flex:1; background:linear-gradient(180deg,var(--sg-gold-bright),var(--sg-olive)); border-radius:4px 4px 0 0; transform:scaleY(0); transform-origin:bottom; }
@media (max-width:880px){ .ssc-gd-analytics{ grid-template-columns:1fr; } }

/* ============================================================
   20 — DOUBT SOLVING SESSIONS
   ============================================================ */
.ssc-gd-doubt__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ssc-gd-doubt__card{ padding:30px; position:relative; }
.ssc-gd-doubt__quote{ font-family:var(--sg-font-mono); font-size:36px; color:var(--sg-border-strong); line-height:1; margin-bottom:12px; }
@media (max-width:880px){ .ssc-gd-doubt__grid{ grid-template-columns:1fr; } }

/* ============================================================
   21 — SMART DIGITAL CLASSROOM
   ============================================================ */
.ssc-gd-classroom{ display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; }
.ssc-gd-classroom__feature{ display:flex; gap:16px; padding:18px 0; border-bottom:1px solid var(--sg-border); }
.ssc-gd-classroom__feature:last-child{ border-bottom:none; }
@media (max-width:880px){ .ssc-gd-classroom{ grid-template-columns:1fr; } }

/* ============================================================
   22 — FACULTY SECTION
   ============================================================ */
.ssc-gd-faculty__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.ssc-gd-faculty__card{ overflow:hidden; }
.ssc-gd-faculty__img{ aspect-ratio:3/4; overflow:hidden; }
.ssc-gd-faculty__img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--sg-ease); }
.ssc-gd-faculty__card:hover .ssc-gd-faculty__img img{ transform:scale(1.06); }
.ssc-gd-faculty__body{ padding:20px; }
.ssc-gd-faculty__role{ font-size:12px; color:var(--sg-gold-bright); text-transform:uppercase; letter-spacing:.05em; }
@media (max-width:880px){ .ssc-gd-faculty__grid{ grid-template-columns:1fr 1fr; } }

/* ============================================================
   23 — STUDENT SUCCESS STORIES (slider)
   ============================================================ */
.ssc-gd-stories{ position:relative; }
.ssc-gd-stories__track{ display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:10px; scrollbar-width:none; }
.ssc-gd-stories__track::-webkit-scrollbar{ display:none; }
.ssc-gd-stories__card{ flex:0 0 340px; scroll-snap-align:start; padding:30px; }
.ssc-gd-stories__avatar{ width:52px; height:52px; border-radius:50%; object-fit:cover; margin-bottom:16px; border:1px solid var(--sg-border); }
.ssc-gd-stories__nav{ display:flex; gap:12px; margin-top:24px; }
.ssc-gd-stories__nav button{ width:40px; height:40px; border-radius:50%; border:1px solid var(--sg-border-strong); background:transparent; color:var(--sg-text); display:flex; align-items:center; justify-content:center; }
.ssc-gd-stories__nav button:hover{ border-color:var(--sg-gold-bright); color:var(--sg-gold-bright); }

/* ============================================================
   24 — TRAINING GALLERY
   ============================================================ */
.ssc-gd-gallery__grid{ display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:140px; gap:10px; }
.ssc-gd-gallery__item{ overflow:hidden; border-radius:var(--sg-radius-s); position:relative; }
.ssc-gd-gallery__item img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--sg-ease); }
.ssc-gd-gallery__item:hover img{ transform:scale(1.08); }
.ssc-gd-gallery__item--tall{ grid-row:span 2; }
.ssc-gd-gallery__item--wide{ grid-column:span 2; }
@media (max-width:880px){ .ssc-gd-gallery__grid{ grid-template-columns:repeat(2,1fr); } .ssc-gd-gallery__item--wide{ grid-column:span 2; } }

/* ============================================================
   25 — BATCH TIMINGS
   ============================================================ */
.ssc-gd-timings__table{ width:100%; border-collapse:collapse; }
.ssc-gd-timings__table th{ text-align:left; font-family:var(--sg-font-mono); font-size:11px; text-transform:uppercase; color:var(--sg-text-faint); padding:16px 20px; border-bottom:1px solid var(--sg-border-strong); }
.ssc-gd-timings__table td{ padding:20px; border-bottom:1px solid var(--sg-border); font-size:14px; }
.ssc-gd-timings__table tr:hover td{ background:var(--sg-surface); }
.ssc-gd-timings__wrap{ overflow-x:auto; }

/* ============================================================
   26 — FEE STRUCTURE
   ============================================================ */
.ssc-gd-fees__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ssc-gd-fees__card{ padding:36px 30px; text-align:center; position:relative; }
.ssc-gd-fees__card--featured{ border-color:var(--sg-gold); transform:translateY(-16px); }
.ssc-gd-fees__price{ font-family:var(--sg-font-display); font-size:2.4rem; margin:16px 0; }
.ssc-gd-fees__price span{ font-size:13px; color:var(--sg-text-faint); font-family:var(--sg-font-body); }
.ssc-gd-fees__list{ text-align:left; display:grid; gap:10px; margin:24px 0; font-size:13px; color:var(--sg-text-dim); }
.ssc-gd-fees__list li{ display:flex; gap:10px; }
@media (max-width:880px){ .ssc-gd-fees__grid{ grid-template-columns:1fr; } .ssc-gd-fees__card--featured{ transform:none; } }

/* ============================================================
   27 — SCHOLARSHIP
   ============================================================ */
.ssc-gd-scholar{ display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--sg-border); border:1px solid var(--sg-border); border-radius:var(--sg-radius-l); overflow:hidden; }
.ssc-gd-scholar__panel{ background:var(--sg-bg); padding:48px; }
.ssc-gd-scholar__tiers{ display:grid; gap:14px; }
.ssc-gd-scholar__tier{ display:flex; justify-content:space-between; padding:16px 0; border-bottom:1px solid var(--sg-border); }
.ssc-gd-scholar__tier b{ color:var(--sg-gold-bright); font-family:var(--sg-font-mono); }
@media (max-width:880px){ .ssc-gd-scholar{ grid-template-columns:1fr; } }

/* ============================================================
   28 — ADMISSION PROCESS
   ============================================================ */
.ssc-gd-process__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:var(--sg-border); border:1px solid var(--sg-border); border-radius:var(--sg-radius-l); overflow:hidden; }
.ssc-gd-process__step{ background:var(--sg-bg); padding:34px 26px; position:relative; }
.ssc-gd-process__step-num{ font-family:var(--sg-font-display); font-size:2.6rem; color:var(--sg-border-strong); display:block; margin-bottom:14px; }
@media (max-width:880px){ .ssc-gd-process__grid{ grid-template-columns:1fr 1fr; } }



/*==================================================
 ADMISSION SECTION
==================================================*/

#contact{
    position:relative;
    padding:110px 0;
    background:#0d0d0d;
}

#contact .container{
    width:min(1180px,92%);
    margin:auto;
}

.section-head{
    text-align:center;
    margin-bottom:70px;
}

.section-title{
    font-size:clamp(34px,5vw,58px);
    color:#fff;
    font-weight:800;
    margin-bottom:15px;
}

.section-kicker{
    color:#bdbdbd;
    max-width:760px;
    margin:auto;
    line-height:1.8;
}

.contact-wrap{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:50px;
    align-items:start;
}

@media(max-width:991px){

.contact-wrap{

grid-template-columns:1fr;

}

}

/*============================
FORM
============================*/

.class5-form{

background:#171717;

border:1px solid rgba(255,255,255,.08);

padding:40px;

border-radius:22px;

display:flex;

flex-direction:column;

gap:22px;

box-shadow:0 15px 60px rgba(0,0,0,.35);

}

.class5-field{

display:flex;

flex-direction:column;

gap:8px;

}

.class5-field label{

font-size:15px;

font-weight:600;

color:#fff;

}

.class5-field input,
.class5-field textarea{

width:100%;

padding:15px 18px;

border-radius:12px;

border:1px solid rgba(255,255,255,.08);

background:#111;

color:#fff;

font-size:15px;

transition:.3s;

outline:none;

}

.class5-field textarea{

resize:vertical;

min-height:140px;

}

.class5-field input:focus,
.class5-field textarea:focus{

border-color:#f3b400;

box-shadow:0 0 0 3px rgba(243,180,0,.15);

}

.class5-form-note{

font-size:14px;

line-height:1.7;

color:#bdbdbd;

}

.class5-btn{

height:58px;

border:none;

cursor:pointer;

border-radius:14px;

font-size:17px;

font-weight:700;

transition:.35s;

}

.class5-btn--primary{

background:#f3b400;

color:#000;

}

.class5-btn--primary:hover{

transform:translateY(-3px);

box-shadow:0 18px 35px rgba(243,180,0,.28);

}


/*======================================
CONTACT INFO
======================================*/

.contact-info{

display:flex;

flex-direction:column;

gap:25px;

background:#171717;

padding:40px;

border-radius:22px;

border:1px solid rgba(255,255,255,.08);

box-shadow:0 15px 60px rgba(0,0,0,.35);

}

.contact-info__row{

display:flex;

gap:18px;

align-items:flex-start;

}

.contact-info__icon{

width:56px;

height:56px;

border-radius:50%;

background:#f3b400;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

font-weight:700;

color:#000;

flex-shrink:0;

}

.contact-info__title{

font-size:18px;

font-weight:700;

color:#fff;

margin-bottom:6px;

}

.contact-info__text{

font-size:15px;

line-height:1.8;

color:#cfcfcf;

}

.contact-info__text a{

color:#fff;

text-decoration:none;

}

.contact-info__text a:hover{

color:#f3b400;

}

.map-embed{

overflow:hidden;

border-radius:18px;

margin-top:10px;

}

.map-embed iframe{

width:100%;

height:300px;

border:none;

display:block;

}


/*========================================
THANK YOU POPUP
========================================*/

.thankyou-modal{
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.82);
    backdrop-filter:blur(8px);
    z-index:999999;
    padding:20px;
}

.thankyou-modal.show{
    display:flex;
    animation:thankFade .35s ease;
}

.thankyou-box{
    width:100%;
    max-width:560px;
    background:#151515;
    border:1px solid rgba(255,255,255,.08);
    border-radius:26px;
    padding:42px 35px;
    text-align:center;
    color:#fff;
    box-shadow:0 35px 90px rgba(0,0,0,.45);
    animation:thankPopup .35s ease;
}

.thankyou-icon{
    width:95px;
    height:95px;
    margin:0 auto 25px;
    border-radius:50%;
    background:#16a34a;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    font-weight:700;
    color:#fff;
}

.thankyou-box h3{
    margin:0 0 15px;
    font-size:34px;
    color:#fff;
    font-weight:700;
}

.thankyou-box p{
    color:#bfbfbf;
    line-height:1.8;
    font-size:16px;
    margin:0 0 28px;
}

.thankyou-actions{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-bottom:30px;
}

.thankyou-btn{
    height:52px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    color:#fff;
    transition:.3s;
}

.thankyou-btn:hover{
    transform:translateY(-3px);
}

.thankyou-btn.whatsapp{
    background:#25D366;
}

.thankyou-btn.instagram{
    background:#E1306C;
}

.thankyou-btn.facebook{
    background:#1877F2;
}

.thankyou-btn.youtube{
    background:#FF0000;
}

.thankyou-close{
    width:100%;
    height:54px;
    border:none;
    border-radius:14px;
    background:#fdbe00;
    color:#111;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.thankyou-close:hover{
    background:#e2aa00;
}

@keyframes thankFade{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

@keyframes thankPopup{
    from{
        opacity:0;
        transform:translateY(25px) scale(.92);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@media(max-width:768px){

    .thankyou-box{
        padding:30px 22px;
    }

    .thankyou-actions{
        grid-template-columns:1fr;
    }

    .thankyou-box h3{
        font-size:28px;
    }

    .thankyou-box p{
        font-size:15px;
    }

}


/* ============================================================
   30 — PREMIUM FINAL CTA
   ============================================================ */
.ssc-gd-finalcta{ position:relative; overflow:hidden; padding:150px 0; text-align:center; }
.ssc-gd-finalcta__bg{ position:absolute; inset:0; background:radial-gradient(80% 100% at 50% 100%, #1a2712 0%, var(--sg-bg) 60%); z-index:0; }
.ssc-gd-finalcta__gradient{ position:absolute; inset:-30%; background:conic-gradient(from 90deg at 50% 50%, transparent, rgba(201,163,78,.25), transparent 50%, rgba(75,93,58,.3), transparent); filter:blur(90px); animation:ssc-gd-rotate 30s linear infinite reverse; z-index:0; }
.ssc-gd-finalcta__float{ position:absolute; padding:16px 20px; z-index:1; }
.ssc-gd-finalcta__float--a{ top:14%; left:8%; }
.ssc-gd-finalcta__float--b{ bottom:16%; right:9%; }
.ssc-gd-finalcta__content{ position:relative; z-index:2; max-width:760px; margin:0 auto; }
.ssc-gd-finalcta__badges{ display:flex; justify-content:center; gap:14px; margin-bottom:30px; flex-wrap:wrap; }
.ssc-gd-finalcta__cta-row{ display:flex; justify-content:center; gap:16px; margin:36px 0; flex-wrap:wrap; }
@media (max-width:700px){ .ssc-gd-finalcta__float{ display:none; } }

/* ---------- Reveal / motion hooks (JS controlled) ---------- */
.ssc-gd-reveal{ opacity:0; transform:translateY(40px); }
.ssc-gd-magnetic{ position:relative; }
.ssc-gd-tilt{ transform-style:preserve-3d; will-change:transform; }