/* programs.css — FutureX Learning program landing pages
   (foundation, commerce, iit-jee, medical, non-medical, unschooling)
   Shares the navy/blue design language used on scholarship.html */

:root{
  --navy:#0c1f45;
  --navy-2:#12295c;
  --blue:#1a6df2;
  --blue-2:#3fa9f5;
  --sky:#eaf3fd;
  --sky-2:#f5f9fe;
  --ink:#16233f;
  --muted:#5b6883;
  --white:#ffffff;
  --radius-lg:28px;
  --radius-md:18px;
  --radius-sm:12px;
  --shadow:0 18px 40px rgba(12,31,69,0.12);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{max-width:100%;overflow-x:hidden;}
body{
  margin:0;
  font-family:'Poppins',system-ui,-apple-system,sans-serif;
  color:var(--ink);
  background:var(--sky-2);
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;}
img{max-width:100%;display:block;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.script{font-family:'Caveat',cursive;}

/* Header/footer are now supplied by the shared header.js / footer.js
   (styled in style.css) — see index.html / courses.html for the same
   pattern. Only the breadcrumb strip below the header belongs to this
   stylesheet. */

/* ---------- Breadcrumb ---------- */
.breadcrumb{max-width:1180px;margin:0 auto;padding:16px 24px;font-size:0.85rem;color:var(--muted);}
.breadcrumb a{color:var(--muted);}
.breadcrumb a:hover{color:var(--blue);}
.breadcrumb .sep{margin:0 6px;opacity:0.5;}
.breadcrumb .current{color:var(--navy);font-weight:600;}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#eef5fe 0%,#f7fbff 55%,#ffffff 100%);padding:40px 0 56px;}
.bg-shape{position:absolute;border-radius:50%;pointer-events:none;}
.bg-shape-1{top:-140px;right:-170px;width:480px;height:480px;background:radial-gradient(circle at 30% 30%,#dbeafd,transparent 70%);}
.bg-shape-2{bottom:-170px;left:-170px;width:420px;height:420px;background:radial-gradient(circle at 60% 60%,#fdeee0,transparent 70%);}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 0.9fr;gap:44px;align-items:center;}
.hero-text .eyebrow{color:var(--blue);font-weight:700;font-size:0.85rem;letter-spacing:0.04em;margin:0 0 10px;}
.eyebrow.caps{text-transform:uppercase;letter-spacing:0.08em;}
.hero-text h1{margin:0 0 14px;font-size:clamp(2rem,4vw,2.9rem);font-weight:800;color:var(--navy);line-height:1.1;}
.accent{background:linear-gradient(90deg,var(--blue),var(--blue-2));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tagline{color:var(--muted);font-size:1.02rem;font-weight:500;max-width:480px;margin:0 0 22px;line-height:1.55;}

.feature-chips{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px;}
.feature-chip{display:flex;align-items:center;gap:10px;background:#fff;border-radius:30px;padding:8px 16px 8px 8px;box-shadow:0 8px 20px rgba(12,31,69,0.08);font-size:0.85rem;font-weight:600;color:var(--navy);}
.icon-circle{width:34px;height:34px;border-radius:50%;background:var(--sky);display:flex;align-items:center;justify-content:center;flex:none;}
.icon-circle svg{width:16px;height:16px;stroke:var(--blue);}

.hero-cta-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:28px;}
.btn-apply{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,var(--blue),var(--blue-2));color:#fff;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:40px;border:none;cursor:pointer;box-shadow:0 14px 30px rgba(26,109,242,0.32);}
.btn-apply svg{width:17px;height:17px;stroke:#fff;}
.btn-watch{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:var(--navy);font-size:0.92rem;}
.play-circle{width:36px;height:36px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;flex:none;}
.play-circle svg{width:13px;height:13px;fill:#fff;}
.wt2{display:block;font-size:0.75rem;font-weight:500;color:var(--muted);}

.hero-stats{display:flex;flex-wrap:wrap;gap:28px;}
.stat{display:flex;flex-direction:column;}
.stat-num{font-size:1.45rem;font-weight:800;color:var(--navy);}
.stat-label{font-size:0.78rem;color:var(--muted);font-weight:500;}

.hero-photo-wrap{position:relative;}
.hero-photo{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/4.3;position:relative;}
.hero-photo img{width:100%;height:100%;object-fit:cover;}
.scribble-top{position:absolute;top:-16px;left:-6px;font-size:1.3rem;color:var(--blue);z-index:3;line-height:1.15;}
.scribble-top .rule{display:block;width:60px;height:2px;background:currentColor;margin-top:6px;border-radius:2px;opacity:0.55;}
.scribble-bottom-wash{position:absolute;left:0;right:0;bottom:0;padding:28px 22px 20px;background:linear-gradient(0deg,rgba(6,20,50,0.75),transparent);}
.scribble-bottom-wash .script{color:#fff;font-size:1.35rem;line-height:1.15;}
.scribble-bottom-wash .rule{display:block;width:50px;height:2px;background:#fff;margin-top:6px;border-radius:2px;opacity:0.6;}

/* Scholarship promo strip (inside hero on some pages) */
.scholar-banner{margin-top:38px;background:linear-gradient(135deg,var(--navy),var(--navy-2));border-radius:var(--radius-lg);padding:24px 28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:#fff;position:relative;z-index:2;}
.scholar-left{display:flex;align-items:center;gap:16px;flex:1;min-width:220px;}
.scholar-left .icon-circle{width:52px;height:52px;background:rgba(255,255,255,0.15);}
.scholar-left .icon-circle svg{stroke:#fff;width:22px;height:22px;}
.scholar-left h3{margin:0 0 4px;font-size:1.05rem;}
.scholar-left p{margin:0;font-size:0.85rem;color:#c7d3ec;}
.scholar-features{display:flex;gap:10px;flex-wrap:wrap;font-size:0.78rem;font-weight:600;}
.scholar-features span{background:rgba(255,255,255,0.12);padding:6px 14px;border-radius:20px;}
.scholar-banner .btn-apply{background:#fff;color:var(--navy);box-shadow:none;}

/* ---------- Sections ---------- */
.section{padding:54px 0;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:30px;}
.section-head h2{margin:0;font-size:1.9rem;font-weight:800;color:var(--navy);position:relative;padding-bottom:10px;}
.section-head h2::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:4px;border-radius:3px;background:var(--blue);}
.kicker{color:var(--muted);font-size:0.92rem;font-weight:500;}
.kicker.bar{display:flex;align-items:center;gap:8px;letter-spacing:0.06em;font-weight:700;color:var(--navy);font-size:0.78rem;}
.pipe{opacity:0.35;}

.about-grid{display:grid;grid-template-columns:1.3fr 0.7fr;gap:30px;align-items:start;margin-bottom:34px;}
.about-text{margin:0;color:var(--muted);font-size:1.02rem;line-height:1.7;}
.quote-card{background:var(--sky);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:10px;}
.quote-card svg{width:28px;height:28px;stroke:var(--blue);}
.quote-card .script{font-size:1.4rem;color:var(--navy);line-height:1.25;}

.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.feature-card{background:#fff;border-radius:var(--radius-md);padding:24px 20px;box-shadow:0 10px 26px rgba(12,31,69,0.07);}
.feature-card h3{margin:14px 0 6px;font-size:1rem;color:var(--navy);}
.feature-card p{margin:0;font-size:0.85rem;color:var(--muted);}

.subject-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.subject-card{border-radius:var(--radius-md);padding:22px 18px;display:flex;flex-direction:column;gap:12px;}
.subject-card h3{margin:0 0 4px;font-size:1rem;color:var(--navy);}
.subject-card p{margin:0;font-size:0.82rem;color:var(--muted);}
.subject-card .icon-circle{background:#fff;}
.tint-green{background:#e5f7ee;} .tint-green .icon-circle svg{stroke:#1fa365;}
.tint-red{background:#fde9ec;} .tint-red .icon-circle svg{stroke:#e5455c;}
.tint-purple{background:#ece7fb;} .tint-purple .icon-circle svg{stroke:#7a5cf0;}
.tint-blue{background:#e7f1fe;} .tint-blue .icon-circle svg{stroke:#1a6df2;}
.tint-gold{background:#fdf1de;} .tint-gold .icon-circle svg{stroke:#e6a531;}

.why-row{display:flex;flex-wrap:wrap;gap:16px;}
.why-item{flex:1;min-width:220px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:var(--radius-md);padding:18px;box-shadow:0 10px 24px rgba(12,31,69,0.06);font-weight:600;color:var(--navy);font-size:0.92rem;}

.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,var(--navy),var(--navy-2));border-radius:var(--radius-lg);padding:30px 34px;color:#fff;margin:10px 0 60px;}
.cta-left{display:flex;align-items:center;gap:18px;}
.cta-left .icon-circle{width:52px;height:52px;background:rgba(255,255,255,0.15);}
.cta-left .icon-circle svg{stroke:#fff;width:22px;height:22px;}
.cta-left h3{margin:0 0 4px;font-size:1.1rem;}
.cta-left p{margin:0;font-size:0.85rem;color:#c7d3ec;}
.btn-white{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--navy);font-weight:700;padding:15px 30px;border-radius:40px;}
.btn-white svg{width:17px;height:17px;stroke:var(--navy);}

.tracks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.track-card{background:#fff;border-radius:var(--radius-md);padding:24px 22px;box-shadow:0 10px 24px rgba(12,31,69,0.07);}
.track-card h3{margin:0 0 8px;color:var(--navy);font-size:1.05rem;}
.track-card p{margin:0;color:var(--muted);font-size:0.88rem;line-height:1.55;}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-photo-wrap{order:-1;max-width:420px;margin:0 auto;}
  .about-grid{grid-template-columns:1fr;}
  .feature-grid{grid-template-columns:repeat(2,1fr);}
  .subject-grid{grid-template-columns:repeat(2,1fr);}
  .tracks-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .feature-grid{grid-template-columns:1fr;}
  .subject-grid{grid-template-columns:1fr;}
  .tracks-grid{grid-template-columns:1fr;}
  .cta-strip{flex-direction:column;align-items:flex-start;text-align:left;}
  .scholar-banner{flex-direction:column;align-items:flex-start;}
}