/* base/variables.css */
:root{
--ink: #08090d;
--ink2: #0f1118;
--ink3: #151824;
--panel: #1a1e2e;
--panel2: #1f2438;
--edge: rgba(255,255,255,0.07);
--edge2: rgba(255,255,255,0.12);
--royal2: #4f79f5;
--ember: #e8a230;
--ember2: #f5bb4f;
--jade: #0ec47a;
--teal: #0abfbc;
--teal2: #34d4d1;
--violet: #7c3aed;
--violet2: #a78bfa;
--text: #eceef8;
--muted: #7a86a0;
--dim: #6c7893;
}
/* base/common.css */
/* Reset, container, base body — loaded on every page */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:focus-visible { outline: 2px solid var(--ember); outline-offset: 3px; border-radius: 4px; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: var(--ink); color: var(--text);
  overflow-x: hidden; line-height: 1.65;
}
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
section { padding: 104px 0; scroll-margin-top: 98px; }
.wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.skip-link {
  position: absolute; left: -999px; top: 0; background: var(--ember); color: #0d0d12;
  padding: 10px 18px; z-index: 9999; border-radius: 0 0 8px 0; font-weight: 700;
}
.skip-link:focus { left: 0; }

/* base/typography.css */
/* Headings and text helpers */
.h1, .h2, .h3 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 700; letter-spacing: -.01em;
}
.h1 { font-size: clamp(34px,4.6vw,56px); line-height: 1.1; }
.h1-line-nowrap { white-space: nowrap; display: inline-block; }
@media(max-width:480px){ .h1-line-nowrap { font-size: .68em; } }
.h2 { font-size: clamp(28px,3.6vw,42px); line-height: 1.15; margin-bottom: 18px; }
.h3 { font-size: 24px; color: #fff; margin-bottom: 12px; }
.lede { font-size: 18px; color: var(--muted); line-height: 1.75; }
.text-ember { color: var(--ember); }
.overline {
  display: inline-flex; align-items: center; gap: 9px; font-size: 12.5px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .12em; color: var(--royal2); margin-bottom: 18px;
}
.overline::before { content: ''; width: 20px; height: 1.5px; background: var(--royal2); border-radius: 2px; }
.overline-ember { color: var(--ember); }
.overline-ember::before { background: var(--ember); }
.section-center { text-align: center; }
.section-center .overline { justify-content: center; }
.section-center .overline::before { display: none; }
.section-sub { color: var(--muted); font-size: 16px; max-width: 580px; line-height: 1.75; margin-bottom: 48px; }

/* base/buttons.css */
.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:11px;font-size:14.5px;font-weight:600;transition:all .22s;cursor:pointer;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;letter-spacing:-.01em}

.btn-outline{background:transparent;border:1.5px solid var(--edge2);color:var(--text);padding:13px 26px}

.btn-outline:hover{border-color:rgba(232,162,48,.4);background:rgba(232,162,48,.05)}

.btn-ember{background:linear-gradient(135deg,#e8a230,#f5bb4f);color:#0d0d12;padding:14px 28px;font-weight:700;box-shadow:0 4px 20px rgba(232,162,48,.3)}

.btn-ember:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(232,162,48,.42)}

.btn-lg{padding:16px 32px;font-size:15.5px;border-radius:12px}

.btn-full{width:100%;justify-content:center}
/* base/forms.css */
.lead-form-wrap{background:var(--panel);border:1px solid var(--edge2);border-radius:20px;padding:32px}

.lead-form-title{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:700;font-size:24px;color:#fff;margin-bottom:6px}

.lead-form-sub{color:var(--muted);font-size:13px;margin-bottom:22px}

.lead-input{width:100%;background:var(--ink3);border:1.5px solid var(--edge2);border-radius:11px;padding:13px 16px;color:var(--text);font-size:14px;font-family:inherit;margin-bottom:12px;transition:border-color .2s}

.lead-input:focus{outline:none;border-color:var(--ember)}

.lead-input::placeholder{color:var(--dim)}
/* base/navbar.css */
/* Fixed header layout (shared topbar.php + navbar.php + subnav.php pattern) */

/* ===== TOPBAR ===== */
.topbar{position:fixed;top:0;left:0;right:0;z-index:301;background:#0a0a0f;border-bottom:1px solid rgba(255,255,255,.07);height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}
.topbar-wa{display:inline-flex;align-items:center;gap:7px;background:#25d366;color:#000;font-size:12px;font-weight:700;padding:5px 13px;border-radius:100px;white-space:nowrap;transition:background .2s}
.topbar-wa:hover{background:#20c05c}
@media(max-width:620px){.topbar{display:none}}

/* ===== NAVBAR ===== */
nav{position:fixed;top:38px;left:0;right:0;z-index:300;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;height:60px;background:rgba(8,9,13,.97);border-bottom:1px solid var(--edge);backdrop-filter:blur(20px)}
body.light-mode nav{background:rgba(246,244,238,.97)}

.nav-logo{display:flex;align-items:center;flex-shrink:0}
.nav-logo img{display:block;height:50px;width:auto}
body.light-mode .nav-logo img{filter:brightness(0) saturate(100%)}

.nav-links{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}
.nav-links>a{font-size:13px;font-weight:500;color:rgba(255,255,255,0.6);padding:8px 11px;border-radius:8px;white-space:nowrap;transition:all .18s}
.nav-links>a:hover{color:#fff;background:rgba(255,255,255,0.06)}
@media(max-width:1080px){.nav-links{display:none}}

/* ===== Programs / Branches dropdowns ===== */
.nav-programs-wrap,.nav-branches-wrap{position:relative}
.nav-programs-trigger,.nav-branches-trigger{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.6);padding:8px 11px;border-radius:8px;white-space:nowrap;transition:all .18s}
.nav-programs-trigger:hover,.nav-branches-trigger:hover{color:#fff;background:rgba(255,255,255,0.06)}
.nav-programs-arrow,.nav-branch-arrow{font-size:10px;transition:transform .2s}
.nav-programs-wrap:hover .nav-programs-arrow,.nav-branches-wrap:hover .nav-branch-arrow{transform:rotate(180deg)}

.nav-programs-dropdown,.nav-branches-dropdown{
  position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);
  width:260px;background:var(--panel);border:1px solid var(--edge2);border-radius:14px;
  box-shadow:0 24px 60px rgba(0,0,0,.5);padding:10px;
  opacity:0;visibility:hidden;transform:translateX(-50%) translateY(6px);
  transition:opacity .18s,transform .18s,visibility .18s;
  z-index:400;
}
.nav-programs-wrap:hover .nav-programs-dropdown,.nav-programs-wrap:focus-within .nav-programs-dropdown,
.nav-branches-wrap:hover .nav-branches-dropdown,.nav-branches-wrap:focus-within .nav-branches-dropdown{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
}
.npd-header,.nbd-header{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px 6px}
.npd-list,.nbd-list{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}
.npd-item,.nbd-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:9px;color:var(--text);font-size:13.5px;font-weight:600;transition:background .16s}
.npd-item:hover,.nbd-item:hover{background:rgba(255,255,255,.06)}
.npd-arrow,.nbd-arrow{color:var(--muted);font-size:13px;flex-shrink:0}
.nbd-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.nbd-name{font-size:13.5px;font-weight:600;color:var(--text)}
.nbd-city{font-size:11.5px;font-weight:500;color:var(--muted);white-space:normal}

/* ===== Free PDFs dropdown ===== */
.nav-pdfs-wrap{position:relative}
.nav-pdfs-dropdown{
  position:absolute;top:calc(100% + 10px);right:0;
  width:320px;background:var(--panel);border:1px solid var(--edge2);border-radius:14px;
  box-shadow:0 24px 60px rgba(0,0,0,.5);padding:10px;
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .18s,transform .18s,visibility .18s;
  z-index:400;
}
.nav-pdfs-wrap:hover .nav-pdfs-dropdown,.nav-pdfs-wrap:focus-within .nav-pdfs-dropdown{
  opacity:1;visibility:visible;transform:translateY(0);
}
.npdf-header{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px 6px}
.npdf-list{display:flex;flex-direction:column;gap:2px}
.npdf-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:var(--text);font-size:13px;font-weight:600;transition:background .16s}
.npdf-item:hover{background:rgba(255,255,255,.06)}
.npdf-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--ink2);display:block}
.npdf-title{flex:1;min-width:0;line-height:1.3}
.npdf-arrow{color:var(--muted);font-size:13px;flex-shrink:0}
@media(max-width:480px){.nav-pdfs-dropdown{width:min(320px,84vw);right:-40px}}

/* ===== Free Daily Quiz flame pill ===== */
.topbar-link-hot{display:inline-flex;align-items:center;gap:6px;color:#ff9500!important;background:rgba(255,149,0,.1);border-radius:100px;padding:7px 13px!important;font-size:13px;font-weight:700!important;white-space:nowrap;transition:all .18s}
.topbar-link-hot:hover{background:rgba(255,149,0,.18)!important;color:#ffb340!important}
.live-flame{display:inline-flex;align-items:center}
.live-flame svg{overflow:visible;display:block}

.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}

/* Nav action buttons (used in includes/navbar.php's .nav-actions block) */
.btn-pdfs{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--edge2);color:var(--text);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;}
.btn-pdfs:hover{border-color:rgba(232,162,48,.35);color:var(--ember2)}

.btn-login{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1.5px solid var(--edge2);color:var(--text);border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600;}
.btn-login:hover{border-color:var(--ember);color:var(--ember2);background:rgba(232,162,48,.06)}

.btn-call{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--ember),#f5d060);color:#0d0d12;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:800;}
.btn-call:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(232,162,48,.4)}

@media(max-width:1080px){
  /* Hide PDF/Login on small screens so they don't break layout */
  .nav-actions .btn-pdfs, .nav-actions .btn-login {display:none}
}
@media(max-width:480px){
  /* Re-scale call button on tiny screens */
  .nav-actions .btn-call {font-size:11.5px;padding:7px 12px;}
  /* Logo + gap were pushing the call button off-screen (clipped by body's
     overflow-x:hidden) on narrow phones -- shrink logo and tighten gaps
     so logo + hamburger + call button all fit within the viewport. */
  nav{gap:8px}
  .nav-logo img{height:34px}
}

/* Hamburger toggle */
.nav-hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:15px 12px;margin-left:4px}
.nav-hamburger span{display:block;width:20px;height:2px;background:rgba(255,255,255,.7);border-radius:2px;transition:all .25s}
.nav-hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1080px){.nav-hamburger{display:flex}}

/* Body push — account for fixed topbar (38px) + fixed nav (60px) */
/* Ensures content below header doesn't get covered by fixed sections */
body{padding-top:98px}

@media(max-width: 768px) {
  /* Hide the topbar completely on mobile */
  .topbar {
    display: none;
  }

  /* Lock the primary nav exactly to the top with no gaps */
  nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
  }

  /* Reset the body push since the 38px topbar is now gone */
  body {
    padding-top: 60px;
  }
}

/* ===== STICKY SUB-NAV (jump links) ===== */
.subnav{position:sticky;top:98px;z-index:40;background:rgba(15,17,24,.97);border-bottom:1px solid var(--edge);backdrop-filter:blur(10px);overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}
body.light-mode .subnav{background:rgba(246,244,238,.97)}
.subnav::-webkit-scrollbar{display:none}
.subnav-inner{display:inline-flex;gap:6px;padding:12px 24px}
.subnav a{display:inline-block;padding:8px 16px;border-radius:100px;font-size:12.5px;font-weight:600;color:var(--muted);transition:all .2s;white-space:nowrap}
.subnav a:hover{color:var(--text);background:var(--panel)}
.subnav a.active{color:#0d0d12;background:var(--ember)}

@media (max-width: 768px) {
  /* On mobile, subnav must stick directly under the 60px nav */
  .subnav {
    top: 60px;
  }
}

/* ===== MOBILE MENU (global, included in most headers) ===== */
.mobile-menu{position:fixed;inset:0;z-index:900;display:none}
.mobile-menu.is-open{display:block}
.mobile-menu__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.mobile-menu__panel{position:relative;z-index:2;width:min(320px,84vw);height:100%;background:var(--ink2);border-right:1px solid var(--edge);padding:24px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}
.mobile-menu__close{align-self:flex-end;background:none;border:none;color:var(--text);font-size:18px;cursor:pointer;padding:8px;margin-bottom:12px}
.mobile-menu__link{padding:14px 6px;font-size:15px;font-weight:600;color:var(--text);border-bottom:1px solid var(--edge)}
.mobile-menu__cta{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.mobile-menu__cta .btn{justify-content:center}
/* base/footer.css */
/* ===== FOOTER ===== */
footer{background:var(--ink);border-top:1px solid var(--edge);padding:64px 0 28px}

.footer-inner{max-width:1180px;margin:0 auto;padding:0 24px}

.footer-bottom{border-top:1px solid var(--edge);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}

.footer-legal{color:var(--dim);font-size:12px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}

.footer-legal a{color:var(--dim);transition:color .2s}

.footer-legal a:hover{color:var(--ember2)}

/* ===== FOOTER COURSE COLUMNS (multi-category link grid) ===== */
.footer-course-grid{border-top:1px solid var(--edge);padding-top:32px;margin-bottom:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px}

.footer-course-col-title{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin-bottom:14px}

.footer-course-links{display:flex;flex-direction:column;gap:9px}

.footer-course-links a{color:var(--muted);font-size:12.5px;transition:color .2s;line-height:1.3}

.footer-course-links a:hover{color:var(--ember2)}

/* ===== FOOTER 4-COLUMN (Know Us / Tools / Contact / Blog) ===== */
.footer-4col-grid{border-top:1px solid var(--edge);padding-top:32px;margin-bottom:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}

.footer-4col-title{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin-bottom:14px}

.footer-4col-links{display:flex;flex-direction:column;gap:9px}

.footer-4col-links a{color:var(--muted);font-size:12.5px;transition:color .2s;line-height:1.3}

.footer-4col-links a:hover{color:var(--ember2)}

.footer-contact-item{color:var(--muted);font-size:12.5px;line-height:1.5;margin-bottom:9px}

.footer-contact-item a{color:var(--muted);transition:color .2s}

.footer-contact-item a:hover{color:var(--ember2)}

.footer-blog-item{margin-bottom:14px}

.footer-blog-item a{color:#fff;font-size:12.5px;font-weight:700;display:block;margin-bottom:3px;transition:color .2s}

.footer-blog-item a:hover{color:var(--ember2)}

.footer-blog-item span{color:var(--muted);font-size:11.5px;line-height:1.4}

.footer-blog-social{display:flex;gap:10px;margin-top:14px}

.footer-blog-social a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.06);color:var(--muted);font-size:13px;transition:all .2s}

.footer-blog-social a:hover{background:var(--ember);color:#0d0d12}
/* base/animations.css */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}

.reveal.in{opacity:1;transform:translateY(0)}

.reveal-delay-1{transition-delay:.08s}

.reveal-delay-2{transition-delay:.16s}

.reveal-delay-3{transition-delay:.24s}

@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}
/* base/exam-layout.css */
.section-center{text-align:center}

.section-center .overline{justify-content:center}

.section-center .overline::before{display:none}

.exam-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 80% 10%,rgba(232,162,48,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 5% 60%,rgba(37,88,232,.07) 0%,transparent 65%);pointer-events:none}

.exam-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}

.exam-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(232,162,48,.1);border:1px solid rgba(232,162,48,.3);border-radius:100px;padding:7px 16px;font-size:12px;font-weight:700;color:var(--ember2);margin-bottom:20px}

.exam-hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--ember);animation:dotPulse 2s infinite}

.exam-hero p.lede{color:var(--muted);font-size:16.5px;line-height:1.75;max-width:540px;margin:18px 0 28px}

.exam-hero-ctas{display:flex;gap:14px;flex-wrap:wrap}

.exam-quick-card{background:var(--panel);border:1px solid var(--edge2);border-radius:18px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.4)}

.info-section:nth-of-type(odd){background:var(--ink2)}

.lead-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(232,162,48,.08) 0%,transparent 65%);pointer-events:none}

.exam-faq-list{max-width:760px;margin:0 auto}

.exam-faq-item{border-bottom:1px solid var(--edge)}

.exam-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:22px 4px;cursor:pointer;font-weight:600;font-size:15px;color:#fff;background:transparent;border:none;text-align:left;font-family:inherit;appearance:none}

.exam-faq-toggle{font-size:20px;color:var(--ember2);transition:transform .25s;flex-shrink:0;margin-left:16px}

.exam-faq-item.open .exam-faq-toggle{transform:rotate(45deg)}

.exam-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}

.exam-faq-a-inner{padding:0 4px 22px;color:var(--muted);font-size:13.5px;line-height:1.7}

/* includes/faq.php renders the answer as a plain <p> (no -inner wrapper) */
.exam-faq-a p{padding:0 4px 22px;color:var(--muted);font-size:13.5px;line-height:1.7}

.exam-visual-divider{padding:40px 0}

.exam-visual-divider svg{display:block;max-width:100%;height:auto}
/* base/exam-components.css */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth;font-size:16px}

img{max-width:100%;display:block}

a{text-decoration:none;color:inherit}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

.text-ember{color:var(--ember)}

.overline{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--royal2);margin-bottom:18px}

.overline::before{content:'';width:20px;height:1.5px;background:var(--royal2);border-radius:2px}

.overline-ember{color:var(--ember)}

.overline-ember::before{background:var(--ember)}

.h1{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:700;font-size:clamp(34px,4.6vw,56px);line-height:1.1;letter-spacing:-.01em}

.h2{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:700;font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin-bottom:18px;letter-spacing:-.01em}

.h3{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:700;font-size:24px;color:#fff;margin-bottom:12px}

.subnav::-webkit-scrollbar{display:none}

.subnav-inner{display:inline-flex;gap:6px;padding:12px 24px}

.subnav a{display:inline-block;padding:8px 16px;border-radius:100px;font-size:12.5px;font-weight:600;color:var(--muted);transition:all .2s;white-space:nowrap}

.subnav a:hover{color:var(--text);background:var(--panel)}

.subnav a.active{color:#0d0d12;background:var(--ember)}

.eqc-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ember2);margin-bottom:16px;display:flex;align-items:center;gap:8px}

.eqc-row{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--edge)}

.eqc-row:last-child{border-bottom:none}

.eqc-label{font-size:13px;color:var(--muted)}

.eqc-val{font-size:13.5px;font-weight:600;color:#fff;text-align:right}

.eqc-note{margin-top:14px;padding:10px 12px;background:rgba(232,162,48,.06);border:1px solid rgba(232,162,48,.18);border-radius:10px;font-size:11px;color:var(--muted);line-height:1.6}

/* ===== SYLLABUS CARDS ===== */
.syl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}

.syl-card{background:var(--panel);border:1px solid var(--edge2);border-radius:18px;padding:26px}

.syl-card-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}

.syl-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}

.syl-card-title{font-weight:700;font-size:15px;color:#fff}

.syl-card-meta{font-size:11px;color:var(--dim)}

.syl-topics{display:flex;flex-direction:column;gap:9px}

.syl-topic{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.55}

.syl-topic span.dot2{color:var(--ember);flex-shrink:0;margin-top:2px;font-size:10px}

/* ===== TIMELINE ===== */
.tl-list{display:flex;flex-direction:column;border-left:2px solid var(--edge2);margin-left:8px}

.tl-item{position:relative;padding:0 0 32px 28px}

.tl-item:last-child{padding-bottom:0}

.tl-item::before{content:'';position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--ember);border:3px solid var(--ink2)}

.tl-month{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ember2);margin-bottom:4px}

.tl-event{font-size:14.5px;font-weight:600;color:#fff;margin-bottom:3px}

.tl-desc{font-size:12.5px;color:var(--muted);line-height:1.6}

/* ===== ELIGIBILITY GRID ===== */
.elig-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}

.elig-card{background:var(--panel);border:1px solid var(--edge2);border-radius:16px;padding:22px;display:flex;gap:14px}

.elig-icon{width:38px;height:38px;border-radius:10px;background:rgba(14,196,122,.12);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}

.elig-title{font-weight:700;font-size:13.5px;color:#fff;margin-bottom:5px}

.elig-desc{font-size:12.5px;color:var(--muted);line-height:1.6}

/* ===== FACT-CHECK NOTICE ===== */
.notice{display:flex;gap:12px;background:rgba(37,88,232,.07);border:1px solid rgba(79,121,245,.22);border-radius:14px;padding:16px 18px;margin-top:28px}

.notice-icon{font-size:18px;flex-shrink:0}

.notice-text{font-size:12.5px;color:var(--muted);line-height:1.65}

.notice-text strong{color:#93b8ff}

.lead-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}

.lead-perks{display:flex;flex-direction:column;gap:16px;margin-top:28px}

.lead-perk{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--text)}

.lead-perk span.ic{font-size:18px;flex-shrink:0}

.toast{
position:fixed;bottom:88px;left:50%;transform:translateX(-50%) translateY(20px);
background:var(--panel2);border:1px solid var(--edge2);
border-radius:100px;padding:12px 22px;
font-size:13.5px;font-weight:600;color:var(--text);
box-shadow:0 16px 48px rgba(0,0,0,.5);
z-index:600;opacity:0;transition:all .3s;pointer-events:none;white-space:nowrap;
}

.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.toast.error{border-color:rgba(240,64,64,.35);color:#f87171}

/* ===== OTHER EXAMS STRIP ===== */
.other-exams{padding:80px 0;background:var(--ink)}

.oe-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:32px}

.oe-card{background:var(--panel);border:1px solid var(--edge2);border-radius:14px;padding:20px 16px;text-align:center;transition:border-color .2s}

.oe-card:hover{border-color:rgba(232,162,48,.35)}

.oe-name{font-weight:700;font-size:14px;color:#fff;margin-bottom:4px}

.oe-tag{font-size:10.5px;color:var(--dim)}

/* ===== FINAL CTA ===== */
.final-cta{padding:90px 0;background:var(--ink2);text-align:center}

.final-cta h2{margin-bottom:14px}

.final-cta-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:8px}
/* base/tables.css */
/* ===== TABLES ===== */
.data-table-wrap{overflow-x:auto;border:1px solid var(--edge2);border-radius:16px}

.data-table{width:100%;border-collapse:collapse;min-width:480px}

.data-table th{background:var(--panel);text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ember2);padding:14px 18px;border-bottom:1px solid var(--edge2)}

.data-table td{padding:14px 18px;font-size:13.5px;color:var(--text);border-bottom:1px solid var(--edge)}

.data-table tr:last-child td{border-bottom:none}

.data-table tr:nth-child(even) td{background:rgba(255,255,255,.015)}

.data-table td.num{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:700;color:var(--ember2)}
/* base/cards.css */
/* Generic card component (college cards, feature cards, etc.)
   NOTE: .card is also used on <a> tags (see includes/related-exams.php),
   so `display:block` + link resets are required here -- without them an
   anchor keeps its default `display:inline`, which shrink-wraps the box
   to content width and lets the block-level heading/paragraph inside
   spill out past the background, instead of filling the grid column. */
.card {
  display: block; text-decoration: none; color: inherit;
  background: var(--panel, #12141f); border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px; padding: 24px; transition: transform .2s, border-color .2s;
}
.card:hover { transform: translateY(-3px); border-color: rgba(232,162,48,0.3); }
.card--highlight { border-color: var(--ember); }

/* includes/related-exams.php layout (see bank/mca/bba variants for the same rules) */
.related-exams { padding: 80px 0; }
.related-exams-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 8px; }
@media (max-width: 760px) { .related-exams-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px) { .related-exams-grid { grid-template-columns: 1fr; } }

/* base/faq.css */
/**
 * newassets/css/faq.css
 * Shared "categorized FAQ" component (sidebar + accordion list).
 * Used on the homepage. Not to be confused with the simpler per-exam
 * accordion (.exam-faq-*), which lives in exam-layout.css.
 */
.faq-section{background:var(--ink)}
.faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:72px;align-items:start}
.faq-sidebar{position:sticky;top:108px}
.faq-sidebar-title{font-family:'DM Serif Display',Georgia,'Times New Roman',serif;font-size:28px;font-weight:800;margin-bottom:10px}
.faq-sidebar-sub{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:28px}
.faq-cats{display:flex;flex-direction:column;gap:4px}
.faq-cat{
padding:9px 14px;border-radius:9px;font-size:13px;font-weight:500;
color:var(--muted);cursor:pointer;transition:all .2s;
border:1px solid transparent;
}
.faq-cat.active{background:rgba(232,162,48,.1);border-color:rgba(232,162,48,.22);color:var(--ember2)}
.faq-cat:hover:not(.active){color:var(--text);background:var(--panel)}
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{
border:1px solid var(--edge);border-radius:13px;
overflow:hidden;transition:border-color .2s;
}
.faq-item.open{border-color:rgba(232,162,48,.28)}
.faq-q{
display:flex;justify-content:space-between;align-items:center;
padding:17px 20px;cursor:pointer;font-size:14px;font-weight:500;gap:14px;
transition:background .2s;
}
.faq-q:hover{background:rgba(255,255,255,.02)}
.faq-toggle{font-size:20px;color:var(--dim);flex-shrink:0;transition:transform .25s;user-select:none}
.faq-item.open .faq-toggle{transform:rotate(45deg);color:var(--ember)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-item.open .faq-a{max-height:560px}
.faq-a-inner{padding:0 20px 18px;color:var(--muted);font-size:14px;line-height:1.75}

@media(max-width:900px){
.faq-layout{grid-template-columns:1fr;gap:32px}
.faq-sidebar{position:static}
.faq-cats{flex-direction:row;flex-wrap:wrap}
}

.exam-faq{padding:96px 0}
.exam-faq-icon{font-size:20px;color:var(--ember2);transition:transform .25s;flex-shrink:0;margin-left:16px}
.exam-faq-item.open .exam-faq-icon{transform:rotate(45deg)}

/* base/utilities.css */
bakbody {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: var(--ink);
    color: var(--text);
    overflow-x: hidden;
    line-height: 1.65;
}
/* base/responsive.css */
@media(max-width:900px){.exam-hero-grid{grid-template-columns:1fr}}

@media(max-width:880px){.syl-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:560px){.syl-grid{grid-template-columns:1fr}}

@media(max-width:700px){.elig-grid{grid-template-columns:1fr}}

@media(max-width:880px){.lead-grid{grid-template-columns:1fr}}

@media(max-width:900px){.oe-grid{grid-template-columns:repeat(3,1fr)}}

@media(max-width:560px){.oe-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:1100px){.footer-course-grid{grid-template-columns:repeat(3,1fr);gap:28px 20px}}

@media(max-width:680px){.footer-course-grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}}

@media(max-width:420px){.footer-course-grid{grid-template-columns:1fr;gap:20px}}

@media(max-width:1100px){.footer-4col-grid{grid-template-columns:repeat(2,1fr);gap:28px 20px}}

@media(max-width:560px){.footer-4col-grid{grid-template-columns:1fr;gap:24px}}

@media(max-width:700px){.exam-visual-divider svg{height:120px}}