/* class-11-commerce.css */

/* ===================================================================
   AARSH INSTITUTE — CLASS 11 COMMERCE, SESSION 2026–27
   Design language: "The Ledger" — a financial-dashboard editorial.
   Every rule, tick-mark and divider borrows from the language of a
   balance sheet: ruled lines, running totals, basis points, indices.
   Palette is restricted to four tokens only, per brief.
   =================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,440;0,9..144,600;0,9..144,700;1,9..144,500&family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  /* ---- restricted brand palette (do not extend) ---- */
  --c11c-black:#050505;
  --c11c-maroon:#7a0c0f;
  --c11c-gold:#fdbe00;
  --c11c-white:#ffffff;

  /* ---- derived, opacity-based utility tones (still on-palette) ---- */
  --c11c-black-90:rgba(5,5,5,.92);
  --c11c-black-70:rgba(5,5,5,.72);
  --c11c-surface:rgba(255,255,255,.03);
  --c11c-surface-strong:rgba(255,255,255,.06);
  --c11c-hairline:rgba(255,255,255,.12);
  --c11c-hairline-gold:rgba(253,190,0,.35);
  --c11c-ink-muted:rgba(255,255,255,.62);
  --c11c-ink-faint:rgba(255,255,255,.38);
  --c11c-maroon-glow:rgba(122,12,15,.55);
  --c11c-gold-glow:rgba(253,190,0,.18);

  /* ---- type ---- */
  --c11c-font-display:'Fraunces', serif;
  --c11c-font-body:'Inter', sans-serif;
  --c11c-font-mono:'IBM Plex Mono', monospace;

  /* ---- rhythm ---- */
  --c11c-gutter:clamp(20px,5vw,64px);
  --c11c-section-pad:clamp(64px,10vw,140px);
  --c11c-radius:2px;
  --c11c-radius-lg:6px;
  --c11c-ease:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box;}
.c11c-root{
  background:var(--c11c-black);
  color:var(--c11c-white);
  font-family:var(--c11c-font-body);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
  position:relative;
}
.c11c-root img{max-width:100%;display:block;}
.c11c-root a{color:inherit;text-decoration:none;}
.c11c-root ul{list-style:none;margin:0;padding:0;}
.c11c-root button{font-family:inherit;}

@media (prefers-reduced-motion:reduce){
  .c11c-root *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
}

/* ===================== shared primitives ===================== */

.c11c-wrap{max-width:1360px;margin-inline:auto;padding-inline:var(--c11c-gutter);}
.c11c-section{padding-block:var(--c11c-section-pad);position:relative;}
.c11c-section--tight{padding-block:clamp(48px,7vw,96px);}

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

.c11c-h1{
  font-family:var(--c11c-font-display);
  font-weight:600;
  font-size:clamp(42px,7.4vw,104px);
  line-height:.98;
  letter-spacing:-.01em;
  margin:0;
}
.c11c-h2{
  font-family:var(--c11c-font-display);
  font-weight:600;
  font-size:clamp(30px,4.4vw,58px);
  line-height:1.04;
  letter-spacing:-.01em;
  margin:0 0 20px;
}
.c11c-h3{
  font-family:var(--c11c-font-display);
  font-weight:600;
  font-size:clamp(21px,2vw,28px);
  line-height:1.15;
  margin:0 0 10px;
}
.c11c-italic{font-style:italic;font-weight:500;color:var(--c11c-gold);}

.c11c-lede{
  font-size:clamp(16px,1.5vw,19px);
  line-height:1.6;
  color:var(--c11c-ink-muted);
  max-width:640px;
}
.c11c-body{font-size:15px;line-height:1.65;color:var(--c11c-ink-muted);}

.c11c-rule{border:0;border-top:1px solid var(--c11c-hairline);margin:0;}
.c11c-rule--gold{border-top:1px solid var(--c11c-hairline-gold);}

/* ledger tick divider — the recurring signature motif */
.c11c-ledger{
  position:relative;
  height:34px;
  width:100%;
  overflow:hidden;
  opacity:.55;
}
.c11c-ledger::before{
  content:"";
  position:absolute;left:0;right:0;top:16px;
  height:1px;background:var(--c11c-hairline);
}
.c11c-ledger::after{
  content:"";
  position:absolute;inset:0;
  background-image:repeating-linear-gradient(90deg,var(--c11c-ink-faint) 0 1px,transparent 1px 40px);
  background-position:top;
  background-repeat:repeat-x;
  background-size:40px 8px;
  top:12px;height:8px;
}

.c11c-grid{display:grid;gap:1px;background:var(--c11c-hairline);}

.c11c-btn{
  font-family:var(--c11c-font-mono);
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:16px 30px;
  border-radius:100px;
  cursor:pointer;
  border:1px solid transparent;
  transition:transform .5s var(--c11c-ease),background .3s ease,border-color .3s ease,color .3s ease;
  white-space:nowrap;
}
.c11c-btn--gold{background:var(--c11c-gold);color:var(--c11c-black);}
.c11c-btn--gold:hover{transform:translateY(-2px);}
.c11c-btn--ghost{background:transparent;color:var(--c11c-white);border-color:var(--c11c-hairline);}
.c11c-btn--ghost:hover{border-color:var(--c11c-gold);color:var(--c11c-gold);}
.c11c-btn--maroon{background:var(--c11c-maroon);color:var(--c11c-white);}
.c11c-btn--maroon:hover{transform:translateY(-2px);}
.c11c-btn[data-c11c-magnetic]{will-change:transform;}

.c11c-tag{
  font-family:var(--c11c-font-mono);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--c11c-ink-faint);
  border:1px solid var(--c11c-hairline);
  border-radius:100px;
  padding:6px 14px;
}

.c11c-card{
  background:var(--c11c-surface);
  border:1px solid var(--c11c-hairline);
  border-radius:var(--c11c-radius-lg);
  padding:clamp(22px,2.6vw,34px);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  position:relative;
  transition:border-color .4s ease,background .4s ease,transform .4s var(--c11c-ease);
}
.c11c-card:hover{border-color:var(--c11c-hairline-gold);background:var(--c11c-surface-strong);}

.c11c-num{font-family:var(--c11c-font-mono);}

/* reveal-on-scroll base state, toggled by JS via IntersectionObserver */
[data-c11c-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--c11c-ease),transform .9s var(--c11c-ease);}
[data-c11c-reveal].c11c-is-visible{opacity:1;transform:translateY(0);}
[data-c11c-reveal="scale"]{transform:scale(.96);}
[data-c11c-reveal="scale"].c11c-is-visible{transform:scale(1);}
[data-c11c-reveal="left"]{transform:translateX(-32px);}
[data-c11c-reveal="left"].c11c-is-visible{transform:translateX(0);}
[data-c11c-reveal="right"]{transform:translateX(32px);}
[data-c11c-reveal="right"].c11c-is-visible{transform:translateX(0);}

/* mouse glow cursor accent */
.c11c-glow{
  position:fixed;
  width:420px;height:420px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,var(--c11c-gold-glow) 0%,transparent 70%);
  transform:translate(-50%,-50%);
  z-index:2;
  opacity:0;
  transition:opacity .4s ease;
  mix-blend-mode:screen;
}
.c11c-glow.c11c-is-active{opacity:1;}

/* ===================== sticky admission bar (30) ===================== */
.c11c-stickybar{
  position:fixed;left:0;right:0;bottom:0;
  z-index:60;
  transform:translateY(100%);
  transition:transform .5s var(--c11c-ease);
  background:var(--c11c-black-90);
  backdrop-filter:blur(20px);
  border-top:1px solid var(--c11c-hairline-gold);
}
.c11c-stickybar.c11c-is-shown{transform:translateY(0);}
.c11c-stickybar__row{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:14px var(--c11c-gutter);
}
.c11c-stickybar__info{display:flex;flex-direction:column;gap:2px;}
.c11c-stickybar__info b{font-family:var(--c11c-font-display);font-size:16px;}
.c11c-stickybar__info span{font-family:var(--c11c-font-mono);font-size:11px;color:var(--c11c-gold);letter-spacing:.06em;}
.c11c-stickybar__actions{display:flex;gap:10px;}
@media (max-width:640px){
  .c11c-stickybar__info b{font-size:13px;}
  .c11c-stickybar__actions .c11c-btn{padding:12px 16px;font-size:11px;}
}

/* ===================== 1. cinematic hero ===================== */
.c11c-hero{
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  padding-top:calc(var(--c11c-section-pad) + 40px);
  padding-bottom:60px;
  isolation:isolate;
}
.c11c-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(1200px 700px at 82% -10%,var(--c11c-maroon-glow),transparent 60%),
    radial-gradient(900px 600px at -10% 90%,rgba(253,190,0,.10),transparent 60%),
    var(--c11c-black);
}
.c11c-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
  background-image:linear-gradient(var(--c11c-hairline) 1px,transparent 1px),linear-gradient(90deg,var(--c11c-hairline) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,black,transparent 75%);
}
.c11c-hero__ticker{
  border-top:1px solid var(--c11c-hairline);
  border-bottom:1px solid var(--c11c-hairline);
  overflow:hidden;
  margin-bottom:clamp(40px,8vw,90px);
}
.c11c-hero__ticker-track{
  display:flex;width:max-content;
  font-family:var(--c11c-font-mono);
  font-size:12px;letter-spacing:.05em;
  padding:11px 0;
  will-change:transform;
}
.c11c-hero__ticker-item{display:flex;align-items:center;gap:10px;padding:0 26px;border-right:1px solid var(--c11c-hairline);color:var(--c11c-ink-muted);white-space:nowrap;}
.c11c-hero__ticker-item b{color:var(--c11c-white);font-weight:500;}
.c11c-up{color:#3ddc84;}
.c11c-down{color:var(--c11c-gold);}
.c11c-hero__grid{display:grid;grid-template-columns:1.4fr .8fr;gap:clamp(30px,5vw,60px);align-items:end;}
.c11c-hero__title-line{display:block;overflow:hidden;}
.c11c-hero__title-line span{display:inline-block;transform:translateY(110%);}
.c11c-hero__sub{margin-top:26px;}
.c11c-hero__cta{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;}
.c11c-hero__aside{
  border-left:1px solid var(--c11c-hairline-gold);
  padding-left:26px;
  display:flex;flex-direction:column;gap:22px;
}
.c11c-hero__stat b{font-family:var(--c11c-font-mono);font-size:clamp(28px,3vw,40px);color:var(--c11c-gold);display:block;}
.c11c-hero__stat span{font-size:12px;color:var(--c11c-ink-muted);letter-spacing:.02em;}
.c11c-hero__scroll{
  position:absolute;bottom:26px;left:var(--c11c-gutter);
  font-family:var(--c11c-font-mono);font-size:11px;letter-spacing:.1em;
  color:var(--c11c-ink-faint);
  display:flex;align-items:center;gap:10px;
}
.c11c-hero__scroll i{width:1px;height:34px;background:linear-gradient(var(--c11c-gold),transparent);display:block;}
@media (max-width:900px){
  .c11c-hero__grid{grid-template-columns:1fr;}
  .c11c-hero__aside{border-left:none;border-top:1px solid var(--c11c-hairline-gold);padding-left:0;padding-top:22px;flex-direction:row;flex-wrap:wrap;}
}

/* ===================== 2. why commerce ===================== */
.c11c-why{background:var(--c11c-black);}
.c11c-why__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,80px);}
.c11c-why__list{display:flex;flex-direction:column;}
.c11c-why__item{padding-block:22px;border-top:1px solid var(--c11c-hairline);display:grid;grid-template-columns:50px 1fr;gap:18px;}
.c11c-why__item:last-child{border-bottom:1px solid var(--c11c-hairline);}
.c11c-why__item i{font-family:var(--c11c-font-mono);color:var(--c11c-gold);font-size:13px;padding-top:4px;}

/* ===================== 3. financial intelligence timeline ===================== */
.c11c-timeline{background:linear-gradient(180deg,var(--c11c-black),#0a0304,var(--c11c-black));}
.c11c-timeline__track{position:relative;padding-left:36px;}
.c11c-timeline__track::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1px;background:var(--c11c-hairline-gold);}
.c11c-timeline__row{position:relative;padding-bottom:44px;display:grid;grid-template-columns:120px 1fr;gap:24px;}
.c11c-timeline__row::before{content:"";position:absolute;left:-36px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--c11c-gold);box-shadow:0 0 0 4px var(--c11c-black),0 0 0 5px var(--c11c-hairline-gold);}
.c11c-timeline__yr{font-family:var(--c11c-font-mono);color:var(--c11c-gold);font-size:14px;}

/* ===================== 4. career paths ===================== */
.c11c-paths{background:var(--c11c-black);}
.c11c-paths__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:40px;}
.c11c-paths__grid .c11c-card{background:var(--c11c-black);border-radius:0;}
.c11c-path{display:flex;flex-direction:column;gap:14px;min-height:230px;}
.c11c-path__code{font-family:var(--c11c-font-mono);color:var(--c11c-gold);font-size:12px;}
.c11c-path__name{font-family:var(--c11c-font-display);font-size:22px;font-weight:600;}
.c11c-path__desc{font-size:13.5px;color:var(--c11c-ink-muted);line-height:1.55;flex:1;}
.c11c-path__arrow{font-family:var(--c11c-font-mono);font-size:12px;color:var(--c11c-white);opacity:.6;transition:opacity .3s ease,transform .3s ease;}
.c11c-path:hover .c11c-path__arrow{opacity:1;transform:translateX(4px);color:var(--c11c-gold);}

/* ===================== 5–9 department sections (shared) ===================== */
.c11c-dept{border-top:1px solid var(--c11c-hairline);}
.c11c-dept__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(28px,5vw,70px);}
.c11c-dept__index{font-family:var(--c11c-font-mono);font-size:70px;color:transparent;-webkit-text-stroke:1px var(--c11c-hairline-gold);line-height:1;}
.c11c-dept__topics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px;}
.c11c-dept__topic{
  border:1px solid var(--c11c-hairline);
  border-radius:var(--c11c-radius);
  padding:14px 16px;
  font-size:13.5px;
  color:var(--c11c-ink-muted);
  display:flex;align-items:center;gap:10px;
}
.c11c-dept__topic::before{content:"";width:5px;height:5px;background:var(--c11c-gold);border-radius:50%;flex:none;}
.c11c-dept--maroon .c11c-dept__index{-webkit-text-stroke:1px rgba(122,12,15,.6);}
@media (max-width:760px){.c11c-dept__grid{grid-template-columns:1fr;}.c11c-dept__topics{grid-template-columns:1fr;}}

/* ===================== 10. financial management lab ===================== */
.c11c-lab{background:var(--c11c-surface);border-top:1px solid var(--c11c-hairline);border-bottom:1px solid var(--c11c-hairline);}
.c11c-lab__grid{grid-template-columns:1fr 1fr;gap:1px;}
.c11c-lab__panel{background:var(--c11c-black);padding:clamp(24px,3vw,40px);}
.c11c-lab__chart{height:220px;margin-top:20px;}
.c11c-lab__legend{display:flex;gap:18px;margin-top:14px;font-family:var(--c11c-font-mono);font-size:11px;color:var(--c11c-ink-muted);}
.c11c-lab__legend span{display:inline-flex;align-items:center;gap:6px;}
.c11c-lab__dot{width:8px;height:8px;border-radius:50%;}

/* ===================== 11. taxation basics ===================== */
.c11c-tax__grid{grid-template-columns:repeat(3,1fr);margin-top:36px;}
.c11c-tax .c11c-card{border-radius:0;}
.c11c-tax__rate{font-family:var(--c11c-font-mono);font-size:34px;color:var(--c11c-gold);}

/* ===================== 12. stock market learning zone ===================== */
.c11c-mkt{background:linear-gradient(180deg,#0a0304,var(--c11c-black));}
.c11c-mkt__panel{border:1px solid var(--c11c-hairline);border-radius:var(--c11c-radius-lg);padding:clamp(20px,3vw,36px);margin-top:34px;}
.c11c-mkt__row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--c11c-hairline);font-family:var(--c11c-font-mono);font-size:13px;}
.c11c-mkt__row:last-child{border-bottom:none;}
.c11c-mkt__row span:first-child{color:var(--c11c-ink-muted);letter-spacing:.03em;}
.c11c-mkt__bar{height:4px;background:var(--c11c-hairline);border-radius:2px;flex:1;margin:0 18px;position:relative;overflow:hidden;}
.c11c-mkt__bar i{position:absolute;left:0;top:0;bottom:0;background:var(--c11c-gold);width:0%;transition:width 1.4s var(--c11c-ease);}

/* ===================== 13. smart commerce classroom ===================== */
.c11c-classroom__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:36px;}
.c11c-classroom .c11c-card{border-radius:0;text-align:left;}
.c11c-classroom__icon{width:34px;height:34px;border:1px solid var(--c11c-hairline-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--c11c-font-mono);color:var(--c11c-gold);font-size:12px;margin-bottom:16px;}

/* ===================== 14. business simulation lab ===================== */
.c11c-sim{border-top:1px solid var(--c11c-hairline);}
.c11c-sim__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--c11c-hairline);margin-top:40px;}
.c11c-sim__step{background:var(--c11c-black);padding:26px 20px;}
.c11c-sim__step b{font-family:var(--c11c-font-mono);color:var(--c11c-gold);font-size:12px;display:block;margin-bottom:10px;}
@media (max-width:860px){.c11c-sim__steps{grid-template-columns:1fr 1fr;}}

/* ===================== 15/16. blueprint + planner ===================== */
.c11c-blueprint__grid{grid-template-columns:1fr 1fr;gap:1px;margin-top:36px;}
.c11c-blueprint .c11c-card{border-radius:0;}
.c11c-blueprint__time{font-family:var(--c11c-font-mono);color:var(--c11c-gold);font-size:12px;width:78px;flex:none;}
.c11c-blueprint__row{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--c11c-hairline);align-items:baseline;}
.c11c-blueprint__row:last-child{border-bottom:none;}

.c11c-planner__grid{grid-template-columns:repeat(7,1fr);margin-top:36px;}
.c11c-planner .c11c-card{border-radius:0;padding:16px 12px;min-height:150px;}
.c11c-planner__day{font-family:var(--c11c-font-mono);font-size:11px;color:var(--c11c-gold);letter-spacing:.06em;margin-bottom:10px;display:block;}
.c11c-planner__task{font-size:12px;color:var(--c11c-ink-muted);line-height:1.5;margin-bottom:6px;}
@media (max-width:900px){.c11c-planner__grid{grid-template-columns:repeat(2,1fr);}}

/* ===================== 17. CA foundation track ===================== */
.c11c-cafound{background:var(--c11c-surface);border-top:1px solid var(--c11c-hairline);border-bottom:1px solid var(--c11c-hairline);}
.c11c-cafound__grid{grid-template-columns:repeat(4,1fr);margin-top:36px;}
.c11c-cafound .c11c-card{background:var(--c11c-black);border-radius:0;}
.c11c-cafound__level{font-family:var(--c11c-font-mono);font-size:11px;color:var(--c11c-ink-faint);letter-spacing:.08em;text-transform:uppercase;}
@media (max-width:860px){.c11c-cafound__grid{grid-template-columns:1fr 1fr;}}

/* ===================== 18. CUET / B.Com / BBA ===================== */
.c11c-exams__grid{grid-template-columns:repeat(3,1fr);margin-top:36px;}
.c11c-exams .c11c-card{border-radius:0;}
.c11c-exams__meta{display:flex;justify-content:space-between;font-family:var(--c11c-font-mono);font-size:11px;color:var(--c11c-ink-faint);margin-top:18px;padding-top:14px;border-top:1px solid var(--c11c-hairline);}

/* ===================== 19. AI commerce dashboard ===================== */
.c11c-ai{background:linear-gradient(180deg,var(--c11c-black),#0a0304);border-top:1px solid var(--c11c-hairline);}
.c11c-ai__grid{grid-template-columns:1.1fr .9fr;gap:1px;margin-top:36px;}
.c11c-ai .c11c-card{border-radius:0;}
.c11c-ai__ring-row{display:flex;gap:26px;flex-wrap:wrap;margin-top:10px;}
.c11c-ring{width:96px;height:96px;position:relative;}
.c11c-ring svg{transform:rotate(-90deg);width:100%;height:100%;}
.c11c-ring circle{fill:none;stroke-width:5;}
.c11c-ring circle.c11c-ring__bg{stroke:var(--c11c-hairline);}
.c11c-ring circle.c11c-ring__fg{stroke:var(--c11c-gold);stroke-linecap:round;stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 1.6s var(--c11c-ease);}
.c11c-ring__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--c11c-font-mono);font-size:15px;}
.c11c-ring__cap{font-size:11px;color:var(--c11c-ink-muted);margin-top:8px;text-align:center;}

/* ===================== 20. parent progress dashboard ===================== */
.c11c-parent{border-top:1px solid var(--c11c-hairline);}
.c11c-parent__grid{grid-template-columns:repeat(3,1fr);margin-top:36px;}
.c11c-parent .c11c-card{border-radius:0;text-align:center;}
.c11c-parent__num{font-family:var(--c11c-font-mono);font-size:clamp(30px,3.4vw,44px);color:var(--c11c-gold);display:block;}

/* ===================== 21. faculty ===================== */
.c11c-faculty__grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:36px;}
.c11c-faculty .c11c-card{border-radius:0;}
.c11c-faculty__avatar{width:100%;aspect-ratio:4/5;background:linear-gradient(160deg,var(--c11c-maroon),var(--c11c-black));border-radius:var(--c11c-radius);margin-bottom:18px;display:flex;align-items:flex-end;padding:14px;font-family:var(--c11c-font-mono);font-size:11px;color:var(--c11c-gold);}
.c11c-faculty__role{font-family:var(--c11c-font-mono);font-size:11px;color:var(--c11c-ink-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}

/* ===================== 22. student success stories ===================== */
.c11c-stories{background:var(--c11c-surface);border-top:1px solid var(--c11c-hairline);}
.c11c-stories__track{display:flex;gap:18px;margin-top:36px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;}
.c11c-stories__card{flex:0 0 min(340px,80vw);scroll-snap-align:start;background:var(--c11c-black);border:1px solid var(--c11c-hairline);border-radius:var(--c11c-radius-lg);padding:26px;}
.c11c-stories__quote{font-family:var(--c11c-font-display);font-style:italic;font-size:17px;line-height:1.5;color:var(--c11c-white);margin-bottom:18px;}
.c11c-stories__who{display:flex;justify-content:space-between;font-family:var(--c11c-font-mono);font-size:11px;color:var(--c11c-ink-faint);border-top:1px solid var(--c11c-hairline);padding-top:12px;}

/* ===================== 23. study material ===================== */
.c11c-material__grid{grid-template-columns:repeat(4,1fr);margin-top:36px;}
.c11c-material .c11c-card{border-radius:0;}
.c11c-material__ext{font-family:var(--c11c-font-mono);font-size:11px;color:var(--c11c-gold);}
@media (max-width:860px){.c11c-material__grid{grid-template-columns:1fr 1fr;}}

/* ===================== 24. personality & communication ===================== */
.c11c-personality{border-top:1px solid var(--c11c-hairline);}
.c11c-personality__grid{grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,70px);}

/* ===================== 25. career guidance ===================== */
.c11c-guidance{background:linear-gradient(180deg,#0a0304,var(--c11c-black));}
.c11c-guidance__grid{grid-template-columns:repeat(3,1fr);margin-top:36px;}
.c11c-guidance .c11c-card{border-radius:0;}

/* ===================== 26. scholarship ===================== */
.c11c-scholar{background:var(--c11c-maroon);border-top:1px solid var(--c11c-hairline-gold);border-bottom:1px solid var(--c11c-hairline-gold);position:relative;overflow:hidden;}
.c11c-scholar::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 400px at 90% 0%,rgba(253,190,0,.18),transparent 60%);}
.c11c-scholar__grid{grid-template-columns:1.2fr .8fr;gap:clamp(28px,5vw,60px);align-items:center;background:transparent;}
.c11c-scholar__tiers{display:flex;flex-direction:column;gap:0;}
.c11c-scholar__tier{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid rgba(255,255,255,.18);font-family:var(--c11c-font-mono);font-size:13px;}
.c11c-scholar__tier:last-child{border-bottom:1px solid rgba(255,255,255,.18);}
.c11c-scholar__tier b{color:var(--c11c-gold);}

/* ===================== 27. admission process ===================== */
.c11c-admission__track{display:flex;overflow-x:auto;gap:1px;background:var(--c11c-hairline);margin-top:40px;}
.c11c-admission__step{flex:1 0 220px;background:var(--c11c-black);padding:26px 22px;position:relative;}
.c11c-admission__step b{font-family:var(--c11c-font-mono);color:var(--c11c-gold);font-size:24px;display:block;margin-bottom:14px;}

/* ===================== 28. FAQ ===================== */
.c11c-faq{border-top:1px solid var(--c11c-hairline);}
.c11c-faq__list{margin-top:30px;}
.c11c-faq__item{border-bottom:1px solid var(--c11c-hairline);}
.c11c-faq__q{
  width:100%;background:none;border:none;color:var(--c11c-white);
  display:flex;justify-content:space-between;align-items:center;
  padding:22px 0;text-align:left;cursor:pointer;
  font-family:var(--c11c-font-display);font-size:clamp(16px,1.6vw,20px);
}
.c11c-faq__plus{font-family:var(--c11c-font-mono);color:var(--c11c-gold);transition:transform .4s var(--c11c-ease);flex:none;margin-left:20px;}
.c11c-faq__item.c11c-is-open .c11c-faq__plus{transform:rotate(45deg);}
.c11c-faq__a{max-height:0;overflow:hidden;transition:max-height .5s var(--c11c-ease);}
.c11c-faq__a p{padding-bottom:22px;color:var(--c11c-ink-muted);font-size:14.5px;line-height:1.65;max-width:640px;}

/* ===================== 29. emotional final CTA ===================== */
.c11c-final{
  padding-block:clamp(90px,14vw,180px);
  text-align:center;
  position:relative;
  isolation:isolate;
  border-top:1px solid var(--c11c-hairline-gold);
}
.c11c-final::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(900px 500px at 50% 0%,var(--c11c-maroon-glow),transparent 65%);
}
.c11c-final__title{font-family:var(--c11c-font-display);font-size:clamp(32px,5.6vw,72px);line-height:1.05;max-width:920px;margin:0 auto 28px;}
.c11c-final__sub{max-width:560px;margin:0 auto 40px;color:var(--c11c-ink-muted);}
.c11c-final__cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}

/* ===================== responsive base ===================== */
@media (max-width:900px){
  .c11c-hero__grid,.c11c-why__grid,.c11c-dept__grid,.c11c-personality__grid,.c11c-scholar__grid,.c11c-ai__grid{grid-template-columns:1fr;}
  .c11c-paths__grid,.c11c-lab__grid,.c11c-tax__grid,.c11c-cafound__grid,.c11c-exams__grid,.c11c-guidance__grid,.c11c-parent__grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
  .c11c-paths__grid,.c11c-lab__grid,.c11c-tax__grid,.c11c-cafound__grid,.c11c-exams__grid,.c11c-guidance__grid,.c11c-parent__grid,.c11c-material__grid{grid-template-columns:1fr;}
  .c11c-hero__cta,.c11c-final__cta{flex-direction:column;align-items:stretch;}
}

:focus-visible{outline:2px solid var(--c11c-gold);outline-offset:3px;}



/* ==========================================================
31. ADMISSION FORM
========================================================== */

.c11c-admission{
    padding:120px 0;
    position:relative;
}

.c11c-section__head{
    text-align:center;
    max-width:820px;
    margin:0 auto 70px;
}

.c11c-section__sub{
    max-width:700px;
    margin:20px auto 0;
    color:#cfcfcf;
    line-height:1.8;
    font-size:1.05rem;
}

/* =======================
LAYOUT
======================= */

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

@media(max-width:991px){

.contact-wrap{
grid-template-columns:1fr;
}

}

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

.class5-form{
    background:#111;
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    padding:40px;
}

.class5-field{
    margin-bottom:22px;
}

.class5-field label{
    display:block;
    color:#fff;
    margin-bottom:8px;
    font-weight:600;
}

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

    width:100%;
    background:#1a1a1a;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    color:#fff;
    padding:15px 18px;
    font-size:15px;
    outline:none;
    transition:.3s;

}

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

    border-color:#FDBE00;

}

.class5-field textarea{

    resize:vertical;

}

.class5-form-note{

    color:#9f9f9f;
    line-height:1.8;
    margin-bottom:25px;
    font-size:.92rem;

}

.class5-btn{

    width:100%;
    padding:16px;
    border:none;
    border-radius:12px;
    cursor:pointer;
    font-size:16px;
    font-weight:700;
    transition:.3s;

}

.class5-btn--primary{

    background:#FDBE00;
    color:#111;

}

.class5-btn--primary:hover{

    transform:translateY(-2px);

}

#formMessage{

    margin-top:18px;
    font-weight:600;

}

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

.contact-info__row{

    display:flex;
    gap:18px;
    margin-bottom:24px;
    padding:22px;
    background:#111;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);

}

.contact-info__icon{

    width:54px;
    height:54px;
    border-radius:50%;
    background:#FDBE00;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;

}

.contact-info__title{

    color:#fff;
    font-weight:700;
    margin-bottom:6px;

}

.contact-info__text,
.contact-info__text a{

    color:#bfbfbf;
    text-decoration:none;
    line-height:1.7;

}

.contact-info__text a:hover{

    color:#FDBE00;

}

/* =======================
MAP
======================= */

.map-embed{

    overflow:hidden;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    margin-top:25px;

}

.map-embed iframe{

    width:100%;
    height:320px;
    border:0;

}

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

.thankyou-modal{

    position:fixed;
    inset:0;
    background:rgba(0,0,0,.75);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:99999;

}

.thankyou-modal.show{

    opacity:1;
    visibility:visible;

}

.thankyou-box{

    width:min(92%,560px);
    background:#111;
    border-radius:24px;
    padding:45px;
    text-align:center;
    border:1px solid rgba(255,255,255,.08);

}

.thankyou-icon{

    width:80px;
    height:80px;
    border-radius:50%;
    margin:0 auto 25px;
    background:#FDBE00;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#111;
    font-size:38px;
    font-weight:bold;

}

.thankyou-box h3{

    color:#fff;
    margin-bottom:18px;
    font-size:2rem;

}

.thankyou-box p{

    color:#bfbfbf;
    line-height:1.8;

}

.thankyou-actions{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin:35px 0;

}

.thankyou-btn{

    text-decoration:none;
    padding:14px;
    border-radius:12px;
    font-weight:700;
    color:#fff;
    transition:.3s;

}

.whatsapp{background:#25D366;}
.instagram{background:#E1306C;}
.facebook{background:#1877F2;}
.youtube{background:#FF0000;}

.thankyou-btn:hover{

    transform:translateY(-3px);

}

.thankyou-close{

    border:none;
    background:#FDBE00;
    color:#111;
    padding:14px 28px;
    border-radius:12px;
    cursor:pointer;
    font-weight:700;

}

/* =======================
RESPONSIVE
======================= */

@media(max-width:768px){

.class5-form{
padding:28px;
}

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

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

.map-embed iframe{
height:260px;
}

}


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

.c11c-admission{
    padding:120px 20px;
}

.c11c-admission .contact-wrap{

    max-width:1400px;
    margin:60px auto 0;

    display:grid;
    grid-template-columns:minmax(0,1fr) 480px;

    gap:50px;
    align-items:start;

}

.c11c-admission .class5-form{

    width:100%;
    max-width:none;

}

.c11c-admission .c11c-reveal:last-child{

    width:100%;

}

@media(max-width:1100px){

.c11c-admission .contact-wrap{

grid-template-columns:1fr;

}

}