/* GyanIAS Landing Page Styles — v1.0.0 */
/* Scoped with .gi- prefix to avoid theme conflicts */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&family=Baloo+2:wght@600;800&display=swap');

:root {
  --gi-gold: #C8960C; --gi-gold-light: #F0C040;
  --gi-teal: #0D5C6B; --gi-teal-dark: #083D49; --gi-teal-light: #1A8A9E;
  --gi-ink: #0F1A1E; --gi-warm: #FAF6EE;
  --gi-red: #C0392B; --gi-green: #1A6B3A;
  --gi-text: #2C3E50; --gi-muted: #7F8C8D;
}

.gyanias-fullwidth-body { margin:0; padding:0; font-family:'DM Sans',sans-serif; background:var(--gi-warm); color:var(--gi-text); overflow-x:hidden; }
#gi-page-wrap * { box-sizing:border-box; }

/* ── STICKY WA ── */
.gi-wa-sticky {
  position:fixed; bottom:28px; right:28px; z-index:9999;
  display:flex; align-items:center; gap:10px;
  background:#25D366; color:white; font-family:'DM Sans',sans-serif;
  font-weight:600; font-size:14px; padding:14px 20px 14px 16px;
  border-radius:50px; box-shadow:0 8px 30px rgba(37,211,102,0.45);
  text-decoration:none; animation:gi-waFloat 3s ease-in-out infinite;
}
.gi-wa-sticky:hover { transform:translateY(-3px) scale(1.04); }
@keyframes gi-waFloat { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-5px);} }

/* ── TOPBAR ── */
.gi-topbar {
  background:var(--gi-teal-dark); color:var(--gi-gold-light);
  text-align:center; font-size:13px; font-weight:500; padding:9px 20px; letter-spacing:0.03em;
}
.gi-topbar span { color:rgba(255,255,255,0.7); }
.gi-topbar strong { color:#FFD700; }

/* ── NAV ── */
.gi-nav {
  position:sticky; top:0; z-index:500;
  background:rgba(255,252,244,0.95); backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(200,150,12,0.2);
  padding:0 40px; display:flex; align-items:center; justify-content:space-between; height:68px;
}
.gi-nav-logo { display:flex; align-items:center; gap:10px; }
.gi-nav-mark {
  width:42px; height:42px; background:linear-gradient(135deg,var(--gi-teal),var(--gi-teal-dark));
  border-radius:10px; display:flex; align-items:center; justify-content:center;
  font-family:'Playfair Display',serif; font-size:22px; font-weight:900; color:var(--gi-gold-light);
}
.gi-nav-text strong { display:block; font-family:'Playfair Display',serif; font-size:18px; color:var(--gi-teal-dark); }
.gi-nav-text span { font-size:11px; color:var(--gi-muted); }
.gi-nav-links { display:flex; gap:28px; list-style:none; margin:0; padding:0; }
.gi-nav-links a { text-decoration:none; color:var(--gi-text); font-size:14px; font-weight:500; transition:color 0.2s; }
.gi-nav-links a:hover { color:var(--gi-teal); }
.gi-nav-cta { background:var(--gi-teal)!important; color:white!important; padding:9px 20px; border-radius:8px; font-weight:600!important; }

/* ── HERO ── */
.gi-hero {
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,var(--gi-teal-dark) 0%,var(--gi-teal) 55%,#1A6B7A 100%);
  min-height:92vh; display:grid; grid-template-columns:1fr 1fr; align-items:center;
}
.gi-hero::before {
  content:''; position:absolute; inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
  pointer-events:none;
}
.gi-hero-deco { position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,0.08); pointer-events:none; }

.gi-hero-left { position:relative; z-index:2; padding:80px 60px 80px 80px; }
.gi-hero-right { position:relative; z-index:2; padding:60px 80px 60px 40px; }

.gi-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(200,150,12,0.2); border:1px solid rgba(200,150,12,0.4);
  color:var(--gi-gold-light); font-size:12px; font-weight:600;
  padding:6px 14px; border-radius:30px; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:24px;
}
.gi-badge::before { content:'●'; font-size:8px; color:#FFD700; animation:gi-pulse 1.5s infinite; }
@keyframes gi-pulse { 0%,100%{opacity:1;} 50%{opacity:0.3;} }

.gi-hero-title { font-family:'Playfair Display',serif; font-size:clamp(32px,4vw,58px); font-weight:900; line-height:1.1; color:white; margin:0 0 20px; }
.gi-gold { color:var(--gi-gold-light); }
.gi-italic { font-style:italic; }
.gi-hero-sub { font-size:16px; color:rgba(255,255,255,0.72); line-height:1.7; margin:0 0 36px; font-weight:300; max-width:460px; }

.gi-stats { display:flex; margin-bottom:40px; }
.gi-stat { padding:16px 26px; border-right:1px solid rgba(255,255,255,0.15); }
.gi-stat:first-child { padding-left:0; }
.gi-stat:last-child { border-right:none; }
.gi-stat-num { font-family:'Baloo 2',cursive; font-size:30px; font-weight:800; color:var(--gi-gold-light); line-height:1; }
.gi-stat-label { font-size:10px; color:rgba(255,255,255,0.6); margin-top:2px; text-transform:uppercase; letter-spacing:0.05em; }

.gi-hero-btns { display:flex; gap:14px; flex-wrap:wrap; }
.gi-btn-primary {
  display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(135deg,var(--gi-gold),#E0A800); color:var(--gi-ink);
  font-weight:700; font-size:15px; padding:15px 28px; border-radius:10px;
  text-decoration:none; transition:all 0.3s; box-shadow:0 6px 24px rgba(200,150,12,0.4);
}
.gi-btn-primary:hover { transform:translateY(-2px); box-shadow:0 10px 32px rgba(200,150,12,0.55); color:var(--gi-ink); }
.gi-btn-secondary {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,0.1); border:1.5px solid rgba(255,255,255,0.3);
  color:white; font-weight:600; font-size:15px; padding:15px 28px;
  border-radius:10px; text-decoration:none; transition:all 0.3s;
}
.gi-btn-secondary:hover { background:rgba(255,255,255,0.18); color:white; }

/* ── FORM CARD ── */
.gi-form-card {
  background:white; border-radius:24px; padding:40px;
  box-shadow:0 30px 80px rgba(0,0,0,0.28),0 0 0 1px rgba(200,150,12,0.15);
  position:relative; overflow:hidden;
}
.gi-form-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:4px;
  background:linear-gradient(90deg,var(--gi-gold),var(--gi-teal-light),var(--gi-gold));
}
.gi-form-card h3 { font-family:'Playfair Display',serif; font-size:24px; font-weight:700; color:var(--gi-teal-dark); margin:0 0 4px; }
.gi-form-card > p { font-size:13px; color:var(--gi-muted); margin:0 0 20px; }

.gi-seats-alert {
  display:flex; align-items:center; gap:8px;
  background:#FFF3CD; border:1px solid #FFCD00; border-radius:8px;
  padding:10px 14px; font-size:13px; font-weight:600; color:#856404; margin-bottom:20px;
}

.gi-form-group { margin-bottom:14px; }
.gi-form-group label { display:block; font-size:13px; font-weight:600; color:var(--gi-text); margin-bottom:5px; }
.gi-form-group label span { color:var(--gi-red); }
.gi-form-group input,.gi-form-group select {
  width:100%; padding:11px 15px; border:1.5px solid #E0E0E0; border-radius:10px;
  font-family:'DM Sans',sans-serif; font-size:14px; color:var(--gi-text);
  background:#FAFAFA; transition:all 0.2s; outline:none; appearance:none;
}
.gi-form-group input:focus,.gi-form-group select:focus {
  border-color:var(--gi-teal); background:white; box-shadow:0 0 0 3px rgba(13,92,107,0.1);
}
.gi-form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }

.gi-btn-submit {
  width:100%; padding:15px; background:linear-gradient(135deg,var(--gi-teal),var(--gi-teal-dark));
  color:white; font-family:'DM Sans',sans-serif; font-weight:700; font-size:15px;
  border:none; border-radius:12px; cursor:pointer; transition:all 0.3s; margin-top:6px;
  display:flex; align-items:center; justify-content:center; gap:8px;
  box-shadow:0 6px 20px rgba(13,92,107,0.35);
}
.gi-btn-submit:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(13,92,107,0.45); }
.gi-btn-submit:disabled { opacity:0.7; cursor:not-allowed; }

.gi-divider { display:flex; align-items:center; gap:10px; margin:14px 0; font-size:12px; color:var(--gi-muted); }
.gi-divider::before,.gi-divider::after { content:''; flex:1; height:1px; background:#E8E8E8; }

.gi-btn-wa {
  width:100%; padding:13px; background:linear-gradient(135deg,#25D366,#128C7E);
  color:white; font-family:'DM Sans',sans-serif; font-weight:700; font-size:14px;
  border:none; border-radius:12px; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:10px;
  text-decoration:none; transition:all 0.3s; box-shadow:0 6px 20px rgba(37,211,102,0.28);
}
.gi-btn-wa:hover { transform:translateY(-2px); color:white; }

.gi-trust-row { display:flex; justify-content:center; gap:18px; margin-top:14px; flex-wrap:wrap; }
.gi-trust-item { font-size:11px; color:var(--gi-muted); }

.gi-success-msg { text-align:center; padding:20px 10px; }
.gi-check-circle {
  width:64px; height:64px; background:linear-gradient(135deg,var(--gi-green),#2ECC71);
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  margin:0 auto 14px; font-size:28px; color:white;
}
.gi-success-msg h4 { font-family:'Playfair Display',serif; font-size:22px; color:var(--gi-teal-dark); margin:0 0 6px; }
.gi-success-msg p { font-size:13px; color:var(--gi-muted); margin:0 0 20px; }

/* ── SECTIONS ── */
.gi-section-label { display:inline-block; font-size:11px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--gi-gold); margin-bottom:12px; }
.gi-section-title { font-family:'Playfair Display',serif; font-size:clamp(26px,2.8vw,40px); font-weight:900; color:var(--gi-teal-dark); line-height:1.2; margin:0; }
.gi-section-sub { font-size:15px; color:var(--gi-muted); margin-top:10px; max-width:540px; line-height:1.7; }

/* ── COURSES ── */
.gi-courses-sec { padding:90px 80px; background:white; }
.gi-courses-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px; }
.gi-c-card { border-radius:20px; overflow:hidden; border:1.5px solid #EEEEEE; transition:all 0.35s cubic-bezier(0.34,1.56,0.64,1); background:white; display:flex; flex-direction:column; }
.gi-c-card:hover { transform:translateY(-8px); box-shadow:0 20px 60px rgba(13,92,107,0.14); border-color:var(--gi-teal-light); }
.gi-c-head { padding:26px 26px 20px; position:relative; flex:1; }
.gi-head-teal  { background:linear-gradient(135deg,#E8F4F6,#F8FCFD); }
.gi-head-gold  { background:linear-gradient(135deg,#FFF8E1,#FFFDF0); }
.gi-head-green { background:linear-gradient(135deg,#E8F5ED,#F5FDF7); }
.gi-c-icon { width:52px; height:52px; border-radius:13px; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:14px; }
.gi-icon-teal  { background:linear-gradient(135deg,var(--gi-teal),var(--gi-teal-dark)); }
.gi-icon-gold  { background:linear-gradient(135deg,var(--gi-gold),#B8860B); }
.gi-icon-green { background:linear-gradient(135deg,var(--gi-green),#145A32); }
.gi-c-tag { position:absolute; top:18px; right:18px; font-size:11px; font-weight:700; padding:4px 10px; border-radius:20px; }
.gi-tag-hot { background:#FFF0EE; color:var(--gi-red); }
.gi-tag-new { background:#E8F5ED; color:var(--gi-green); }
.gi-tag-pop { background:#EEF4FF; color:#2255CC; }
.gi-c-card h3 { font-family:'Playfair Display',serif; font-size:19px; font-weight:700; color:var(--gi-teal-dark); margin:0 0 8px; }
.gi-c-desc { font-size:13px; color:var(--gi-muted); line-height:1.6; margin:0 0 14px; }

/* Duration pill */
.gi-c-duration {
  display:inline-flex; align-items:center; gap:5px;
  background:rgba(13,92,107,0.08); color:var(--gi-teal-dark);
  font-size:12px; font-weight:600; padding:4px 12px; border-radius:20px;
  margin-bottom:14px;
}

/* Course highlights list */
.gi-c-highlights { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:6px; }
.gi-c-highlights li {
  font-size:12.5px; color:var(--gi-text); display:flex; align-items:flex-start; gap:7px; line-height:1.5;
}
.gi-c-highlights li::before {
  content:'✓'; flex-shrink:0; width:18px; height:18px; border-radius:50%;
  background:var(--gi-teal); color:white; font-size:10px; font-weight:700;
  display:flex; align-items:center; justify-content:center; margin-top:1px;
}

/* Course footer + pricing */
.gi-c-foot { padding:18px 26px; border-top:1px solid #F0F0F0; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.gi-c-pricing { display:flex; flex-direction:column; gap:3px; }
.gi-c-fee-label { font-size:11px; color:var(--gi-muted); font-weight:500; }
.gi-c-original-fee { font-size:11px; color:var(--gi-muted); }
.gi-c-original-fee s { color:var(--gi-red); font-weight:600; }
.gi-c-discounted-fee { font-size:22px; font-weight:800; color:var(--gi-teal-dark); line-height:1.1; }
.gi-c-emi-badge {
  display:inline-flex; align-items:center; gap:4px;
  background:#E8F5ED; color:var(--gi-green); font-size:10px; font-weight:700;
  padding:3px 9px; border-radius:20px; margin-top:4px; width:fit-content;
}
.gi-c-btn { flex-shrink:0; background:var(--gi-teal); color:white; border:none; padding:10px 18px; border-radius:8px; font-family:'DM Sans',sans-serif; font-weight:600; font-size:13px; cursor:pointer; transition:background 0.2s; white-space:nowrap; }
.gi-c-btn:hover { background:var(--gi-teal-dark); }

/* ── WHY ── */
.gi-why-sec { padding:90px 80px; background:var(--gi-warm); }
.gi-why-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-top:56px; }
.gi-why-list { display:flex; flex-direction:column; gap:18px; margin-top:32px; }
.gi-why-item { display:flex; gap:16px; align-items:flex-start; padding:22px; background:white; border-radius:16px; border:1px solid #F0F0F0; transition:all 0.3s; }
.gi-why-item:hover { box-shadow:0 8px 30px rgba(13,92,107,0.1); transform:translateX(5px); }
.gi-why-icon { width:46px; height:46px; border-radius:12px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:20px; background:#E8F4F6; }
.gi-why-item h4 { font-weight:700; color:var(--gi-teal-dark); margin:0 0 3px; font-size:15px; }
.gi-why-item p { font-size:13px; color:var(--gi-muted); line-height:1.6; margin:0; }

.gi-results-card { background:var(--gi-teal-dark); color:white; border-radius:24px; padding:32px; position:relative; overflow:hidden; }
.gi-results-card::before { content:''; position:absolute; top:-40px; right:-40px; width:180px; height:180px; border-radius:50%; background:rgba(200,150,12,0.15); }
.gi-results-title { font-family:'Playfair Display',serif; font-size:20px; font-weight:700; margin:0 0 22px; position:relative; z-index:1; }
.gi-results-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; position:relative; z-index:1; }
.gi-r-item { background:rgba(255,255,255,0.08); border-radius:14px; padding:16px; border:1px solid rgba(255,255,255,0.1); }
.gi-r-num { font-family:'Baloo 2',cursive; font-size:34px; font-weight:800; color:var(--gi-gold-light); line-height:1; }
.gi-r-label { font-size:11px; color:rgba(255,255,255,0.6); margin-top:3px; }

.gi-testi { background:white; border-radius:16px; padding:22px; margin-top:18px; border:1px solid #F0F0F0; box-shadow:0 4px 20px rgba(0,0,0,0.05); }
.gi-testi p { font-size:13px; color:var(--gi-text); line-height:1.7; font-style:italic; margin:0 0 12px; }
.gi-t-author { display:flex; align-items:center; gap:10px; }
.gi-t-avatar { width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,var(--gi-teal),var(--gi-gold)); display:flex; align-items:center; justify-content:center; color:white; font-weight:700; font-size:14px; flex-shrink:0; }
.gi-t-author strong { display:block; font-size:13px; font-weight:700; color:var(--gi-teal-dark); }
.gi-t-author span { font-size:11px; color:var(--gi-muted); }
.gi-stars { color:#F39C12; font-size:11px; }

/* ── FACULTY ── */
.gi-faculty-sec { padding:90px 80px; background:white; }
.gi-faculty-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:44px; }
.gi-f-card { text-align:center; padding:28px 18px 22px; border-radius:20px; border:1.5px solid #EEEEEE; transition:all 0.3s; }
.gi-f-card:hover { box-shadow:0 12px 40px rgba(13,92,107,0.12); transform:translateY(-4px); }
.gi-f-avatar { width:76px; height:76px; border-radius:50%; margin:0 auto 14px; display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:800; color:white; font-family:'Playfair Display',serif; }
.gi-av-teal   { background:linear-gradient(135deg,#0D5C6B,#083D49); }
.gi-av-gold   { background:linear-gradient(135deg,#C8960C,#B8860B); }
.gi-av-green  { background:linear-gradient(135deg,#1A6B3A,#145A32); }
.gi-av-red    { background:linear-gradient(135deg,#C0392B,#922B21); }
.gi-av-purple { background:linear-gradient(135deg,#7C3AED,#5B21B6); }
.gi-av-blue   { background:linear-gradient(135deg,#1D4ED8,#1E3A8A); }
.gi-f-photo   { width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
.gi-f-card h4 { font-weight:700; font-size:15px; color:var(--gi-teal-dark); margin:0 0 3px; }
.gi-f-subj { font-size:11px; color:var(--gi-gold); font-weight:600; letter-spacing:0.04em; text-transform:uppercase; margin-bottom:7px; }
.gi-f-card p { font-size:12px; color:var(--gi-muted); line-height:1.6; margin:0; }
.gi-f-exp { display:inline-block; margin-top:9px; background:var(--gi-teal-dark); color:white; font-size:11px; font-weight:600; padding:3px 11px; border-radius:20px; }

/* ── PROCESS ── */
.gi-process-sec { padding:90px 80px; background:var(--gi-teal-dark); }
.gi-process-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:56px; position:relative; }
.gi-process-grid::before { content:''; position:absolute; top:38px; left:10%; right:10%; height:1px; background:linear-gradient(90deg,transparent,rgba(200,150,12,0.4),transparent); }
.gi-p-step { text-align:center; padding:0 18px; }
.gi-p-num { width:76px; height:76px; border-radius:50%; background:linear-gradient(135deg,var(--gi-gold),#E0A800); display:flex; align-items:center; justify-content:center; margin:0 auto 18px; font-family:'Baloo 2',cursive; font-size:26px; font-weight:800; color:var(--gi-ink); box-shadow:0 8px 24px rgba(200,150,12,0.4); position:relative; z-index:1; }
.gi-p-step h4 { color:white; font-weight:700; font-size:15px; margin:0 0 6px; }
.gi-p-step p { color:rgba(255,255,255,0.6); font-size:13px; line-height:1.6; margin:0; }

/* ── CTA ── */
.gi-cta-sec { padding:90px 80px; background:var(--gi-warm); text-align:center; }
.gi-cta-box { max-width:680px; margin:0 auto; background:linear-gradient(135deg,var(--gi-teal-dark),var(--gi-teal)); border-radius:30px; padding:60px 56px; box-shadow:0 30px 80px rgba(13,92,107,0.28); position:relative; overflow:hidden; }
.gi-cta-box::before { content:''; position:absolute; bottom:-60px; right:-60px; width:240px; height:240px; border-radius:50%; background:rgba(200,150,12,0.1); }
.gi-cta-box h2 { font-family:'Playfair Display',serif; font-size:34px; font-weight:900; color:white; margin:0 0 14px; position:relative; z-index:1; }
.gi-cta-box p { color:rgba(255,255,255,0.75); font-size:15px; margin:0 0 32px; position:relative; z-index:1; line-height:1.7; }
.gi-cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; position:relative; z-index:1; }
.gi-cta-deadline { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.8); font-size:13px; padding:7px 16px; border-radius:30px; margin-bottom:22px; position:relative; z-index:1; }
.gi-cta-deadline strong { color:var(--gi-gold-light); }

/* ── REVEAL ANIMATION ── */
.gi-reveal { opacity:0; transform:translateY(28px); transition:opacity 0.7s ease, transform 0.7s ease; }
.gi-reveal.gi-visible { opacity:1; transform:translateY(0); }
.gi-d1{transition-delay:0.1s;} .gi-d2{transition-delay:0.2s;} .gi-d3{transition-delay:0.3s;} .gi-d4{transition-delay:0.4s;}

/* ── COURSE GRID VARIANTS ── */
.gi-courses-single  { grid-template-columns: 1fr; max-width: 480px; margin-left: auto; margin-right: auto; }
.gi-courses-double  { grid-template-columns: repeat(2,1fr); }
.gi-courses-triple  { grid-template-columns: repeat(3,1fr); }

/* ── FEATURES PILLS (inside Why section) ── */
.gi-features-pills { display:flex; flex-wrap:wrap; gap:8px; }
.gi-pill {
  display:inline-flex; align-items:center; gap:5px;
  background:white; border:1.5px solid #E5E7EB;
  color:var(--gi-text); font-size:12.5px; font-weight:600;
  padding:6px 12px; border-radius:20px;
  transition:all 0.2s;
}
.gi-pill:hover { border-color:var(--gi-teal); color:var(--gi-teal); background:#F0FAFC; }

/* ── HAMBURGER BUTTON ── */
.gi-hamburger {
  display:none; flex-direction:column; justify-content:center; align-items:center;
  gap:5px; width:42px; height:42px; background:none; border:none;
  cursor:pointer; padding:6px; border-radius:8px; transition:background 0.2s;
  flex-shrink:0;
}
.gi-hamburger:hover { background:rgba(13,92,107,0.08); }
.gi-hamburger span {
  display:block; width:24px; height:2.5px;
  background:var(--gi-teal-dark); border-radius:2px;
  transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
  transform-origin:center;
}
/* Animated X state */
.gi-hamburger.gi-open span:nth-child(1) { transform:translateY(7.5px) rotate(45deg); }
.gi-hamburger.gi-open span:nth-child(2) { opacity:0; transform:scaleX(0); }
.gi-hamburger.gi-open span:nth-child(3) { transform:translateY(-7.5px) rotate(-45deg); }

/* ── SIDEBAR OVERLAY ── */
.gi-sidebar-overlay {
  display:none; position:fixed; inset:0; z-index:8000;
  background:rgba(8,61,73,0.55); backdrop-filter:blur(3px);
  opacity:0; transition:opacity 0.3s ease;
}
.gi-sidebar-overlay.gi-active { opacity:1; }

/* ── SIDEBAR ── */
.gi-sidebar {
  position:fixed; top:0; left:0; z-index:8001;
  width:300px; max-width:85vw; height:100vh;
  background:white; box-shadow:6px 0 40px rgba(8,61,73,0.2);
  display:flex; flex-direction:column;
  transform:translateX(-100%);
  transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);
  overflow-y:auto;
}
.gi-sidebar.gi-active { transform:translateX(0); }

.gi-sidebar-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 20px; border-bottom:1px solid rgba(200,150,12,0.15);
  background:linear-gradient(135deg,var(--gi-teal-dark),var(--gi-teal));
}
.gi-sidebar-header .gi-nav-mark {
  width:38px; height:38px; font-size:19px;
  background:rgba(255,255,255,0.15);
}
.gi-sidebar-header .gi-nav-text strong { color:white; font-size:16px; }
.gi-sidebar-header .gi-nav-text span   { color:rgba(255,255,255,0.7); }

.gi-sidebar-close {
  width:36px; height:36px; border-radius:50%; border:none;
  background:rgba(255,255,255,0.15); color:white;
  font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:background 0.2s; flex-shrink:0;
}
.gi-sidebar-close:hover { background:rgba(255,255,255,0.28); }

.gi-sidebar-nav {
  display:flex; flex-direction:column; padding:12px 0; flex:1;
}
.gi-sidebar-link {
  display:flex; align-items:center; gap:12px;
  padding:14px 24px; font-size:15px; font-weight:600;
  color:var(--gi-text); text-decoration:none;
  border-bottom:1px solid #F5F5F5;
  transition:all 0.2s;
}
.gi-sidebar-link:hover {
  background:linear-gradient(90deg,rgba(13,92,107,0.06),transparent);
  color:var(--gi-teal); padding-left:30px;
}
.gi-sidebar-link:last-child { border-bottom:none; }

.gi-sidebar-footer {
  padding:20px; border-top:1px solid #EEEEEE;
  display:flex; flex-direction:column; gap:10px;
}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .gi-nav { padding:0 24px; }
  .gi-nav-links { display:none; }
  .gi-hamburger { display:flex; }
  .gi-hero { grid-template-columns:1fr; min-height:auto; }
  .gi-hero-left { padding:60px 40px 36px; }
  .gi-hero-right { padding:0 40px 56px; }
  .gi-courses-triple { grid-template-columns:1fr 1fr; }
  .gi-why-grid { grid-template-columns:1fr; }
  .gi-faculty-grid { grid-template-columns:1fr 1fr; }
  .gi-process-grid { grid-template-columns:1fr 1fr; gap:36px; }
  .gi-process-grid::before { display:none; }
  .gi-courses-sec,.gi-why-sec,.gi-faculty-sec,.gi-process-sec,.gi-cta-sec { padding:66px 40px; }
}
@media(max-width:600px){
  .gi-nav { padding:0 16px; height:60px; }
  .gi-hero-left { padding:44px 22px 28px; }
  .gi-hero-right { padding:0 22px 44px; }
  .gi-form-card { padding:26px 20px; }
  .gi-form-row { grid-template-columns:1fr; }
  .gi-stats { flex-direction:column; }
  .gi-stat { border-right:none; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.15); }
  .gi-courses-triple,.gi-courses-double,.gi-faculty-grid { grid-template-columns:1fr; }
  .gi-courses-sec,.gi-why-sec,.gi-faculty-sec,.gi-process-sec,.gi-cta-sec { padding:54px 22px; }
  .gi-cta-box { padding:40px 24px; }
  .gi-wa-sticky span { display:none; }
  .gi-wa-sticky { padding:16px; border-radius:50%; bottom:20px; right:16px; }
  .gi-c-foot { flex-direction:column; align-items:flex-start; gap:14px; }
  .gi-c-btn { width:100%; text-align:center; padding:12px; }
  .gi-topbar { font-size:11px; padding:7px 12px; }
  .gi-sidebar { width:280px; }
}