:root{
      --bg:#f5f6f8;
      --surface:#ffffff;
      --surface-2:#f1f4f7;
      --ink:#0e1117;
      --muted:#707784;
      --line:#e4e8ee;
      --blue:#0c8cff;
      --blue-2:#42c1ff;
      --blue-3:#005bff;
      --lime:#d8f253;
      --purple:#7559f4;
      --qa:#10b981;
      --full:#0c8cff;
      --dark:#101217;
      --danger:#ef4444;
      --shadow:0 18px 52px rgba(15,23,42,.08);
      --shadow-lg:0 30px 80px rgba(15,23,42,.14);
      --radius-xl:32px;
      --radius-lg:26px;
      --radius-md:18px;
      --container:1220px;
      --ease:.35s cubic-bezier(.2,.8,.2,1);
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;scroll-padding-top:100px}
    body{
      font-family:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      background:var(--bg);color:var(--ink);line-height:1.6;overflow-x:hidden;
    }
    body.menu-open{overflow:hidden}
    a{text-decoration:none;color:inherit}
    img,svg{display:block;max-width:100%}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}
    .section{padding:100px 0}
    .section-sm{padding:72px 0}
    .section-soft{background:#eef2f5;border-block:1px solid var(--line)}
    .center{text-align:center}

    .badge{
      display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;
      background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.2);
      font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;backdrop-filter:blur(10px);
    }
    .badge.blue{background:#eaf6ff;color:#066bbf;border-color:#cfeaff}
    .badge.qa{background:#e9fbf4;color:#087856;border-color:#c8f2e1}
    .badge.dark{background:#191c22;color:#fff;border-color:#2d323b}
    .badge-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px rgba(216,242,83,.17)}

    .btn{
      min-height:50px;padding:13px 22px;border-radius:999px;border:1px solid transparent;
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      font-size:14px;font-weight:800;transition:var(--ease);cursor:pointer;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:var(--lime);color:#101217;box-shadow:0 14px 34px rgba(216,242,83,.24)}
    .btn-dark{background:#151820;color:#fff}
    .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}
    .btn-whatsapp{background:#25d366;color:#fff;box-shadow:0 14px 34px rgba(37,211,102,.22)}
    .btn-block{width:100%}
    .circle-arrow{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#101217;color:#fff}

    .section-head{max-width:800px;margin:0 auto 54px;text-align:center}
    .eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#222;margin-bottom:10px}
    .section-head h2{
      font-family:'Outfit',sans-serif;font-size:clamp(36px,5vw,62px);line-height:1.06;
      letter-spacing:-.055em;font-weight:700;
    }
    .section-head p{max-width:680px;margin:14px auto 0;color:var(--muted);font-size:17px}

    /* NAV */
    .site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  padding: 0;  /* Remove all padding */
  transition: var(--ease);
}
.site-header.scrolled {
  padding: 0;  /* Keep no padding even when scrolled */
}
    .nav-shell {
        width: 100%;  /* Full width */
        margin: 0;    /* No margin */
        padding: 13px 24px;  /* Internal padding for content */
        border-radius: 0;    /* No rounded corners - full width */
        background: #ffffff; /* Solid white */
        border-bottom: 1px solid rgba(0,0,0,0.06); /* Border only at bottom */
        box-shadow: 0 12px 38px rgba(15,23,42,.09);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        }

    .brand{display:flex;align-items:center;gap:11px;min-width:0}
    .brand-mark{
      width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#087cec,#4bc9ff);
      display:grid;place-items:center;color:#fff;font-family:'Outfit',sans-serif;font-weight:800;
      box-shadow:0 8px 24px rgba(12,140,255,.23);overflow:hidden;flex-shrink:0;
    }
    .brand-mark img{width:100%;height:100%;object-fit:contain;background:#fff;padding:5px}
    .nav-links{display:flex;align-items:center;gap:25px}
    .nav-links a{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#3f4652}
    .nav-links a:hover{color:var(--blue)}
    .nav-actions{display:flex;align-items:center;gap:9px}
    .menu-toggle{display:none;width:45px;height:45px;border-radius:14px;border:1px solid var(--line);background:#fff;font-size:18px}
    .mobile-menu{display:none}

    /* HERO */
    .hero{padding:112px 0 36px}
    .hero-panel{
      position:relative;overflow:hidden;min-height:790px;padding:28px 32px 38px;border-radius:31px;
      background:
        radial-gradient(circle at 50% -5%,rgba(255,255,255,.24),transparent 28%),
        linear-gradient(180deg,#0b75d4 0%,#1497ff 53%,#42c1ff 100%);
      box-shadow:var(--shadow-lg);
    }
    .hero-panel::before{
      content:'';position:absolute;inset:0;pointer-events:none;opacity:.46;
      background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
      background-size:52px 52px;
      mask-image:linear-gradient(to bottom,#000,transparent 82%);
    }
    .hero-cloud{position:absolute;border-radius:999px;background:rgba(255,255,255,.84);filter:blur(13px);opacity:.82}
    .hero-cloud.c1{width:250px;height:90px;left:15px;bottom:170px;animation:cloudMove 9s ease-in-out infinite}
    .hero-cloud.c2{width:300px;height:104px;right:36px;bottom:135px;animation:cloudMove 11s ease-in-out infinite reverse}
    .hero-cloud.c3{width:175px;height:62px;left:44%;bottom:94px;animation:cloudMove 8s ease-in-out infinite}
    @keyframes cloudMove{50%{transform:translate(15px,-7px)}}

    .hero-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px}
    .hero-copy{position:relative;z-index:2;max-width:930px;margin:78px auto 0;text-align:center}
    .hero-copy h1{
      font-family:'Outfit',sans-serif;font-size:clamp(50px,7vw,86px);line-height:1.01;
      letter-spacing:-.065em;color:#fff;font-weight:700;
    }
    .hero-copy h1 span{display:block}
    .hero-copy p{max-width:720px;margin:18px auto 0;color:rgba(255,255,255,.88);font-size:18px}
    .hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:27px}

    .hero-course-visuals{
      position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:18px;
      max-width:900px;margin:64px auto 0;perspective:1200px;
    }
    .hero-course-card{
      background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.7);border-radius:22px;
      padding:17px;box-shadow:0 24px 48px rgba(3,34,70,.2);backdrop-filter:blur(12px);
      transition:var(--ease);animation:floatCard 6s ease-in-out infinite;
    }
    .logo {
      display: inline-flex;
      align-items: center;
      flex-shrink: 0;
    }

    .logo img {
      display: block;
      width: auto;
      height: clamp(38px, 5vw, 60px);
      max-width: min(220px, 45vw);
      object-fit: contain;
    }

    @media (max-width: 480px) {
      .logo img {
        height: 38px;
        max-width: 160px;
      }
    }
    .hero-course-card.qa-card{transform:rotate(-3deg);animation-delay:.3s}
    .hero-course-card.full-card{transform:rotate(3deg);animation-delay:1s}
    .hero-course-card:hover{transform:translateY(-8px) rotate(0)}
    @keyframes floatCard{50%{translate:0 -10px}}
    .hero-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
    .hero-card-title{font-family:'Outfit',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.03em}
    .hero-card-status{padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
    .hero-card-status.qa{background:#e5faf2;color:#087856}.hero-card-status.full{background:#eaf6ff;color:#066bbf}
    .course-art{height:245px;border-radius:16px;overflow:hidden;background:#f6f9fc;border:1px solid #e7edf3}
    .hero-rating{position:relative;z-index:2;text-align:center;margin-top:20px;color:#fff;font-size:13px;font-weight:700}
    .stars{color:var(--lime);letter-spacing:3px;margin-top:4px}
    .brand{display:inline-flex;align-items:center;text-decoration:none}.brand-mark{width:196px;height:42px;display:block;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block}@media(max-width:640px){.brand-mark{width:150px;height:32px}}

    /* MARQUEE */
    .stack-strip{padding:26px 0 0}
    .marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}
    .marquee-track{display:flex;gap:20px;min-width:max-content;animation:marquee 30s linear infinite}
    @keyframes marquee{to{transform:translateX(-50%)}}
    
    .tool-logo-img,.tool-icon-img{display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .tool-logo-img img,.tool-icon-img img{width:22px;height:22px;object-fit:contain;display:block}
    .tool-logo-img{width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid #e7edf4;padding:6px;box-shadow:0 4px 12px rgba(15,23,42,.06)}
    .tool-icon-img{width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid #e7edf4;padding:12px;box-shadow:0 8px 18px rgba(15,23,42,.06)}
    .tool-card .tool-icon-img{margin:0 auto 14px}
.tool-chip{
      display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#fff;
      border:1px solid var(--line);box-shadow:0 8px 24px rgba(15,23,42,.05);
      font-size:14px;font-weight:800;color:#59616d;white-space:nowrap;
    }

    /* ABOUT */
    .about-copy{max-width:900px;margin:0 auto 52px;text-align:center}
    .about-copy h2{font-family:'Outfit',sans-serif;font-size:clamp(39px,6vw,69px);line-height:1.04;letter-spacing:-.062em;font-weight:700}
    .bubble{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:16px;vertical-align:middle}
    .bubble.blue{background:#5fd1ff;color:#fff}.bubble.lime{background:var(--lime);color:#111}
    .about-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
    .metric-card{min-height:235px;padding:25px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative}
    .metric-card.blue{background:linear-gradient(155deg,#0b86f6,#5bd1ff);color:#fff}
    .metric-card.lime{background:var(--lime)}
    .metric-card.dark{background:#111318;color:#fff;min-height:105px}
    .metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;opacity:.77}
    .metric-number{font-family:'Outfit',sans-serif;font-size:58px;line-height:1;letter-spacing:-.06em;font-weight:700;margin-top:22px}
    .metric-card p{margin-top:12px;color:#505763;font-size:14px}.metric-card.blue p{color:rgba(255,255,255,.83)}
    .metric-card.dark p{color:rgba(255,255,255,.7)}
    .metric-card.course-focus{min-height:358px;display:flex;flex-direction:column;padding:27px}
    .metric-card.course-focus .metric-number{font-size:52px;margin-top:16px}
    .course-kicker{margin-top:8px;font-size:13px;font-weight:800;letter-spacing:.02em}
    .metric-card.blue .course-kicker{color:rgba(255,255,255,.9)}
    .metric-card.qa-focus{border-color:#cceee2;background:linear-gradient(160deg,#ffffff 0%,#f0fcf7 100%)}
    .metric-card.qa-focus .metric-number{color:#087856}
    .course-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}
    .course-feature{display:flex;align-items:center;gap:8px;min-height:39px;padding:9px 10px;border-radius:12px;background:#f7fafc;border:1px solid #e6edf3;color:#434c58;font-size:11.5px;font-weight:800;line-height:1.25}
    .course-feature::before{content:'✓';width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:#e5f4ff;color:#0878cc;font-size:10px;flex:0 0 auto}
    .metric-card.blue .course-feature{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.18);color:#fff}
    .metric-card.blue .course-feature::before{background:rgba(255,255,255,.2);color:#fff}
    .metric-card.qa-focus .course-feature{background:#fff;border-color:#d8eee6}
    .metric-card.qa-focus .course-feature::before{background:#dcf8ed;color:#087856}
    .course-tool-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px}
    .course-tools{display:flex;align-items:center}
    .course-tools span{width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid #e4eaf0;display:grid;place-items:center;margin-left:-5px;box-shadow:0 5px 12px rgba(15,23,42,.08)}
    .course-tools span:first-child{margin-left:0}
    .course-tools img{width:19px;height:19px;object-fit:contain}
    .course-outcome{font-size:11px;font-weight:800;text-align:right;color:#67717e;line-height:1.3}
    .metric-card.blue .course-outcome{color:rgba(255,255,255,.82)}
    @media(max-width:640px){.course-feature-grid{grid-template-columns:1fr}.metric-card.course-focus{min-height:auto}.course-tool-row{align-items:flex-start;flex-direction:column}.course-outcome{text-align:left}}

    /* PATH SELECTOR */
    .path-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:38px;flex-wrap:wrap}
    .path-btn{padding:13px 20px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:800;color:#59616d;transition:var(--ease)}
    .path-btn.active[data-path="qa"]{background:#0e9f72;color:#fff;border-color:#0e9f72;box-shadow:0 12px 30px rgba(16,185,129,.2)}
    .path-btn.active[data-path="full"]{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 12px 30px rgba(12,140,255,.2)}
    .path-panel{display:none}.path-panel.active{display:block;animation:pathIn .45s ease both}
    @keyframes pathIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
    .path-hero{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:29px;padding:30px;box-shadow:var(--shadow)}
    .path-copy h3{font-family:'Outfit',sans-serif;font-size:clamp(34px,4vw,50px);line-height:1.06;letter-spacing:-.05em}
    .path-copy .lead{color:var(--muted);margin-top:12px;font-size:16px}
    .path-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
    .highlight{padding:13px 14px;border-radius:14px;background:#f7fafc;border:1px solid #e7edf3;font-size:13px;font-weight:700;color:#424a56}
    .path-image{min-height:370px;border-radius:22px;overflow:hidden;background:#f6f9fc;border:1px solid #e7edf3}
    /* ==========================
   PATH TOGGLE MOBILE FIX
========================== */

.path-toggle{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:40px;
}

.path-btn{
    padding:14px 24px;
    border-radius:999px;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    transition:.3s;
}

@media (max-width:768px){

    .path-toggle{
        flex-direction:column;
        gap:10px;
        margin-bottom:25px;
    }

    .path-btn{
        width:100%;
        max-width:320px;
        padding:12px 18px;
        font-size:13px;
    }

}

@media (max-width:480px){

    .path-toggle{
        margin-bottom:20px;
    }

    .path-btn{
        max-width:100%;
        padding:11px 16px;
        font-size:12px;
    }

}

    /* CURRICULUM */
    .roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
    .phase-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}
    .phase-card::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--blue-2))}
    .phase-card.qa-phase::before{background:linear-gradient(90deg,#0e9f72,#58dcb5)}
    .phase-week{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#9299a4}
    .phase-card h4{font-family:'Outfit',sans-serif;font-size:22px;letter-spacing:-.03em;margin-top:9px;line-height:1.15}
    .phase-card ul{list-style:none;margin-top:14px;display:grid;gap:8px}
    .phase-card li{font-size:13px;color:#626b77;display:flex;gap:8px;align-items:flex-start}
    .phase-card li::before{content:'✓';font-weight:800;color:var(--blue)}
    .qa-phase li::before{color:#0e9f72}

    /* TOOL STACK */
    .tools-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
    .tool-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-align:center;box-shadow:var(--shadow);transition:var(--ease)}
    .tool-card:hover{transform:translateY(-5px)}
    .tool-card strong{display:block;font-size:13px}.tool-card span{display:block;color:var(--muted);font-size:11px;margin-top:3px}


    /* ==========================
   QR SIDE RESPONSIVE FIX
========================== */

.qr-side{
    background:#fff;
    border:1px solid var(--line);
    border-radius:28px;
    padding:32px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:16px;
    box-shadow:var(--shadow);
}

.qr-side .qr-wrap{
    width:220px;
    height:220px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:20px;
    overflow:hidden;
    background:#f8fafc;
    border:1px solid var(--line);
}

.qr-side .qr-wrap img{
    width:190px;
    height:190px;
    object-fit:contain;
}

.qr-side h3{
    font-size:24px;
    line-height:1.2;
}

.qr-side p{
    font-size:15px;
    color:var(--muted);
    line-height:1.6;
}

.qr-side .upi-box{
    width:100%;
    max-width:320px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.qr-side .btn{
    width:100%;
    max-width:320px;
}

/* Tablet */

@media (max-width:768px){

    .qr-side{
        padding:24px 18px;
        border-radius:22px;
    }

    .qr-side .qr-wrap{
        width:180px;
        height:180px;
    }

    .qr-side .qr-wrap img{
        width:155px;
        height:155px;
    }

    .qr-side h3{
        font-size:20px;
    }

    .qr-side p{
        font-size:14px;
    }

    .qr-side .upi-box{
        max-width:100%;
        font-size:13px;
        padding:10px 12px;
    }

    .qr-side .copy-btn{
        padding:8px 12px;
        font-size:11px;
    }

    .qr-side .btn{
        max-width:100%;
    }

}

/* Small Mobile */

@media (max-width:480px){

    .qr-side{
        padding:18px 14px;
        gap:14px;
    }

    .qr-side .qr-wrap{
        width:150px;
        height:150px;
    }

    .qr-side .qr-wrap img{
        width:130px;
        height:130px;
    }

    .qr-side h3{
        font-size:18px;
    }

    .qr-side p{
        font-size:13px;
    }

    .qr-side .upi-box{
        flex-direction:column;
        gap:10px;
        text-align:center;
    }

    .qr-side .copy-btn{
        width:100%;
    }

}

/* ==================================
   FINAL CTA SECTION RESPONSIVE FIX
================================== */

.final-card{
    padding:60px 40px;
    border-radius:30px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:18px;
}

.final-card h2{
    max-width:850px;
    font-size:clamp(36px,5vw,58px);
    line-height:1.1;
    letter-spacing:-0.04em;
    margin:0 auto;
}

.final-card p{
    max-width:650px;
    font-size:16px;
    line-height:1.7;
    margin:0 auto;
}

.final-actions{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:10px;
}

.final-actions .btn{
    min-width:200px;
}

/* Tablet */

@media (max-width:768px){

    .final-card{
        padding:36px 24px;
        border-radius:22px;
        gap:16px;
    }

    .final-card h2{
        font-size:32px;
        line-height:1.2;
    }

    .final-card p{
        font-size:15px;
    }

    .final-actions{
        flex-direction:column;
        width:100%;
    }

    .final-actions .btn{
        width:100%;
        min-width:100%;
    }

}

/* Small Mobile */

@media (max-width:480px){

    .final-card{
        padding:28px 18px;
        border-radius:18px;
    }

    .final-card h2{
        font-size:26px;
        line-height:1.25;
    }

    .final-card p{
        font-size:14px;
        line-height:1.6;
    }

    .final-actions{
        gap:10px;
    }

    .final-actions .btn{
        width:100%;
        font-size:14px;
        padding:12px 16px;
    }

}
/* ==================================
   FOOTER RESPONSIVE FIX
================================== */

.footer-grid{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
    flex-wrap:wrap;
}

.footer-links{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}

.footer-links a{
    font-size:14px;
    font-weight:600;
    transition:.3s;
}

.footer-links a:hover{
    color:var(--blue);
}

footer{
    padding:35px 0;
}

/* Tablet */

@media (max-width:768px){

    .footer-grid{
        flex-direction:column;
        text-align:center;
        gap:20px;
    }

    .footer-links{
        justify-content:center;
        gap:14px;
    }

    .footer-links a{
        font-size:13px;
    }

}

/* Small Mobile */

@media (max-width:480px){

    footer{
        padding:25px 0;
    }

    .footer-grid{
        gap:16px;
    }

    .footer-links{
        flex-direction:column;
        gap:10px;
    }

    .footer-links a{
        width:100%;
        font-size:13px;
    }

    .footer-grid p,
    .footer-grid span,
    .footer-grid div{
        font-size:12px;
        line-height:1.6;
        text-align:center;
        word-break:break-word;
    }

}
    /* INTERNSHIP */
    .internship-wrap{background:linear-gradient(135deg,#111318,#222833);color:#fff;border-radius:30px;padding:38px;box-shadow:var(--shadow-lg)}
    .internship-head{display:grid;grid-template-columns:1fr .8fr;gap:30px;align-items:end}
    .internship-head h2{font-family:'Outfit',sans-serif;font-size:clamp(36px,5vw,58px);line-height:1.04;letter-spacing:-.055em}
    .internship-head p{color:rgba(255,255,255,.67)}
    .workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:30px}
    .workflow-step{padding:20px 17px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);min-height:160px}
    .workflow-no{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#83d8ff}
    .workflow-step h4{font-family:'Outfit',sans-serif;font-size:19px;margin-top:15px;line-height:1.15}
    .workflow-step p{font-size:12px;color:rgba(255,255,255,.6);margin-top:8px}

    /* CAREER ROLES */
    .role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .role-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:21px;box-shadow:var(--shadow)}
    .role-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));margin-bottom:15px}
    .role-card.qa-role .role-icon{background:linear-gradient(135deg,#0e9f72,#58dcb5)}
    .role-card h4{font-family:'Outfit',sans-serif;font-size:19px;letter-spacing:-.025em}
    .role-card p{font-size:13px;color:var(--muted);margin-top:7px}
    /*=============================
        BATCH SECTION
    =============================*/

    .upcoming-batches{
        background:#f6f8fc;
    }

    .batch-tag{

        display:inline-flex;
        align-items:center;
        gap:8px;

        color:#2563eb;
        font-size:13px;
        font-weight:700;
        letter-spacing:1px;
        text-transform:uppercase;
    }

    .batch-table{

        margin-top:45px;
        overflow:hidden;

        border-radius:25px;
        background:#fff;

        box-shadow:0 20px 50px rgba(0,0,0,.08);

    }
    .batch-header,
    .batch-row{
        display:grid;
        grid-template-columns: 3fr 1.2fr 1fr 1.4fr 1.2fr;
        gap:18px;
        align-items:center;
    }

    .batch-header{
        background:#0f172a;
        color:#fff;
        padding:22px 30px;
        font-size:12px;
        font-weight:700;
        text-transform:uppercase;
        letter-spacing:.06em;
    }

    .batch-row{
        padding:24px 30px;
        border-top:1px solid #eef1f5;
    }

    .batch-row:first-of-type{border-top:0}

    .course-box{

        display:flex;
        align-items:center;
        gap:18px;
    }

    .course-box h4{
        font-size:18px;
        line-height:1.35;
        margin-bottom:6px;
    }

    .batch-row:hover{
        background:#f8fbff;
    }

    .enroll-btn{
        min-width:160px;
        justify-content:center;
    }

.course-icon{

    width:56px;
    height:56px;

    border-radius:16px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-size:15px;
    font-weight:800;
    letter-spacing:.02em;
    flex-shrink:0;

    background:linear-gradient(135deg,#0e9f72,#58dcb5);
}

.course-icon.full-icon{
    background:linear-gradient(135deg,var(--blue),var(--purple));
}

.course-box h4{

    font-size:17px;
    line-height:1.3;
    margin-bottom:8px;
}

.status{

    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:6px 14px;

    border-radius:999px;

    font-size:12px;
    font-weight:800;
}

.status.open{

    background:#ecfdf5;
    color:#16a34a;
}

.batch-cell-label{
    display:none;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#9299a4;
    margin-bottom:4px;
}

.enroll-btn{

    display:inline-flex;

    justify-content:center;
    align-items:center;

    background:linear-gradient(135deg,var(--blue),var(--purple));

    color:#fff;

    text-decoration:none;

    padding:12px 22px;

    border-radius:13px;

    font-weight:800;
    font-size:13px;

    transition:.3s;
    white-space:nowrap;
}

.enroll-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 30px rgba(37,99,235,.35);

}

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

@media(max-width:992px){

.batch-header{

display:none;

}

.batch-table{
    border-radius:20px;
}

.batch-row{

grid-template-columns:1fr;

padding:22px;

}

.course-box{

margin-bottom:14px;

}

.batch-row>div:not(.course-box){

padding:10px 0;

border-bottom:1px solid #eee;

}

.batch-row>div:last-child{

border:none;
padding-top:14px;

}

.batch-cell-label{
    display:block;
}

.enroll-btn{

width:100%;

}

}

    /* COMPARISON */
    .comparison{overflow:auto;border-radius:25px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
    .compare-table{width:100%;min-width:780px;border-collapse:collapse}
    .compare-table th,.compare-table td{padding:18px 21px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
    .compare-table th{background:#111318;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
    .compare-table th:first-child{width:28%}
    .compare-table td:first-child{font-weight:800;color:#303641}
    .compare-table td{font-size:14px;color:#646d78}
    .compare-table tr:last-child td{border-bottom:0}

    /* PRICING */
    .pricing-wrap{background:linear-gradient(135deg,#101217,#222834);color:#fff;border-radius:30px;padding:36px;box-shadow:var(--shadow-lg)}
    .pricing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:27px}
    .pricing-head h2{font-family:'Outfit',sans-serif;font-size:clamp(36px,5vw,56px);line-height:1.04;letter-spacing:-.055em}
    .pricing-head p{max-width:430px;color:rgba(255,255,255,.66)}
    .price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
    .price-card{padding:27px;border-radius:23px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}
    .price-card h3{font-family:'Outfit',sans-serif;font-size:25px;letter-spacing:-.03em}
    .price-duration{font-size:13px;color:rgba(255,255,255,.62);margin-top:6px}
    .price-row{display:flex;align-items:baseline;gap:12px;margin-top:17px;flex-wrap:wrap}
    .old-price{text-decoration:line-through;color:rgba(255,255,255,.4);font-weight:700}
    .new-price{font-family:'Outfit',sans-serif;font-size:46px;line-height:1;color:var(--lime);letter-spacing:-.06em;font-weight:700}
    .price-features{list-style:none;display:grid;gap:8px;margin-top:18px}
    .price-features li{font-size:13px;color:rgba(255,255,255,.75);display:flex;gap:8px}.price-features li::before{content:'✓';color:var(--lime);font-weight:800}

    /* STEPS / PAYMENT */
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
    .step-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}
    .step-num{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#959ca7;font-weight:800}
    .step-icon{width:51px;height:51px;border-radius:15px;background:#eaf6ff;color:var(--blue);display:grid;place-items:center;font-size:22px;margin:18px 0 14px}
    .step-card h3{font-family:'Outfit',sans-serif;font-size:22px;letter-spacing:-.03em}.step-card p{color:var(--muted);font-size:14px;margin-top:7px}

    .qr-wrap{width:230px;height:230px;margin:0 auto 17px;border-radius:21px;display:grid;place-items:center;background:#f5f8fa;border:1px solid var(--line);overflow:hidden}
    .qr-wrap img{width:195px;height:195px;object-fit:contain;background:#fff;padding:5px;border-radius:14px}
    .qr-fallback{width:178px;height:178px;background:repeating-linear-gradient(0deg,#111 0 8px,#fff 8px 16px),repeating-linear-gradient(90deg,transparent 0 8px,#111 8px 16px);mix-blend-mode:multiply}
    .upi-box{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px 11px 15px;margin-top:15px;border-radius:14px;background:#f7fafc;border:1px solid var(--line);font-weight:800}
    .copy-btn{border:0;background:#111318;color:#fff;padding:9px 13px;border-radius:10px;font-size:11px;font-weight:800}

    .wa-float img{width:30px;height:30px;object-fit:contain}

    /* FAQ */
    .faq{max-width:850px;margin:0 auto;display:grid;gap:13px}
    .faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
    .faq-q{width:100%;border:0;background:#fff;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;font-size:16px;font-weight:800}
    .faq-symbol{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eef6fc;color:var(--blue);font-size:19px;transition:var(--ease);flex-shrink:0}.faq-item.open .faq-symbol{transform:rotate(45deg)}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-a p{padding:0 22px 20px;color:var(--muted);font-size:14px}

    .final-card{padding:48px 28px;border-radius:30px;background:linear-gradient(135deg,#101217,#252b37);color:#fff;text-align:center;box-shadow:var(--shadow-lg)}
    .final-card h2{font-family:'Outfit',sans-serif;font-size:clamp(37px,5vw,59px);line-height:1.04;letter-spacing:-.055em;max-width:850px;margin:14px auto 0}
    .final-card p{max-width:650px;margin:15px auto 0;color:rgba(255,255,255,.7)}
    .final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}

    footer{padding:34px 0 50px;color:#8c939e;font-size:13px}.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{font-weight:700}
    .wa-float{position:fixed;right:18px;bottom:18px;z-index:1000;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:27px;box-shadow:0 16px 34px rgba(37,211,102,.3)}

    .reveal{opacity:0;transform:translateY(34px);transition:opacity .72s ease,transform .72s ease}.reveal.visible{opacity:1;transform:none}

    /* NEW PAYMENT SECTION FIXES */
    .payment-grid-new {
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: 30px;
      align-items: stretch;
    }
    .payment-card {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 28px;
      padding: 32px;
      box-shadow: var(--shadow);
      display: flex;
      flex-direction: column;
    }
    .payment-card .eyebrow {
      color: var(--blue);
      margin-bottom: 8px;
    }
    .payment-card h2 {
      font-family: 'Outfit', sans-serif;
      font-size: 30px;
      letter-spacing: -0.03em;
      margin-bottom: 10px;
    }
    .payment-card p {
      color: var(--muted);
      font-size: 15px;
      margin-bottom: 24px;
    }

    /* Pay toggle (QA / Full Stack switch inside Payment section) */
    .pay-toggle{
      display:flex;
      gap:10px;
      margin-bottom:20px;
      flex-wrap:wrap;
    }
    .pay-toggle-btn{
      flex:1;
      min-width:140px;
      padding:13px 16px;
      border-radius:14px;
      border:1px solid var(--line);
      background:#f7fafc;
      font-weight:800;
      font-size:13px;
      color:#59616d;
      transition:var(--ease);
      text-align:center;
    }
    .pay-toggle-btn.active[data-pay="qa"]{
      background:#0e9f72;color:#fff;border-color:#0e9f72;box-shadow:0 10px 24px rgba(16,185,129,.22);
    }
    .pay-toggle-btn.active[data-pay="full"]{
      background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 10px 24px rgba(12,140,255,.22);
    }

    .fee-display{
      margin-bottom:24px;
    }
    .fee-item-single{
      background:#f8faff;
      border:1px solid var(--line);
      border-radius:18px;
      padding:20px 18px;
      text-align:center;
      transition:var(--ease);
    }
    .fee-item-single .label {
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #8c94a1;
    }
    .fee-item-single .amount {
      font-family: 'Outfit', sans-serif;
      font-size: 34px;
      font-weight: 700;
      margin-top: 8px;
      color: var(--ink);
    }
    .fee-item-single .amount.qa-amount { color: #0e9f72; }
    .fee-item-single .amount.full-amount { color: var(--blue); }

    .bank-detail-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin: 16px 0 20px;
    }
    .bank-detail-item {
      background: #f8fafc;
      border-radius: 12px;
      padding: 12px 14px;
      border: 1px solid #eef2f6;
    }
    .bank-detail-item .label {
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-weight: 800;
      color: #9aa2af;
    }
    .bank-detail-item .value {
      font-weight: 700;
      font-size: 14px;
      margin-top: 2px;
      color: #14181f;
    }
    .qr-side {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 28px;
      padding: 32px;
      box-shadow: var(--shadow);
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .qr-side .qr-wrap {
      width: 200px;
      height: 200px;
      border-radius: 20px;
      background: #f5f8fa;
      border: 1px solid var(--line);
      display: grid;
      place-items: center;
      overflow: hidden;
      margin-bottom: 18px;
    }
    .qr-side .qr-wrap img {
      width: 180px;
      height: 180px;
      object-fit: contain;
      background: #fff;
      padding: 6px;
      border-radius: 14px;
    }
    .qr-side .qr-fallback {
      width: 160px;
      height: 160px;
      background: repeating-linear-gradient(0deg,#111 0 8px,#fff 8px 16px),repeating-linear-gradient(90deg,transparent 0 8px,#111 8px 16px);
      mix-blend-mode: multiply;
      border-radius: 12px;
    }
    /* ================================
   RESPONSIVE FIXES
    ================================ */

    @media (max-width:1100px){

    .nav-links{
        display:none;
    }

    .menu-toggle{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .nav-actions .btn{
        display:none;
    }

    .mobile-menu.open{
        display:grid;
        position:fixed;
        top:72px;
        left:15px;
        right:15px;
        z-index:999;
        padding:15px;
        gap:10px;
        background:#fff;
        border-radius:18px;
        border:1px solid var(--line);
        box-shadow:0 20px 40px rgba(0,0,0,.08);
    }

    .about-grid,
    .path-hero,
    .payment-grid-new{
        grid-template-columns:1fr;
    }

    .roadmap{
        grid-template-columns:repeat(2,1fr);
    }

    .tools-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .workflow{
        grid-template-columns:repeat(2,1fr);
    }

    .role-grid{
        grid-template-columns:repeat(2,1fr);
    }

    }

    @media (max-width:768px){

    .container{
        width:calc(100% - 24px);
    }

    .hero{
        padding-top:90px;
    }

    .hero-panel{
        min-height:auto;
        padding:20px 16px 30px;
        border-radius:22px;
    }

    .hero-copy{
        margin-top:45px;
    }

    .hero-copy h1{
        font-size:42px;
        line-height:1.1;
    }

    .hero-copy p{
        font-size:15px;
    }

    .hero-course-visuals{
        grid-template-columns:1fr;
        margin-top:35px;
    }

    .hero-course-card{
        transform:none!important;
        animation:none!important;
    }

    .hero-actions,
    .final-actions{
        flex-direction:column;
    }

    .hero-actions .btn,
    .final-actions .btn{
        width:100%;
    }

    .section{
        padding:70px 0;
    }

    .section-head{
        margin-bottom:35px;
    }

    .section-head h2{
        font-size:34px;
    }

    .about-copy h2{
        font-size:34px;
    }

    .metric-card,
    .pricing-wrap,
    .internship-wrap,
    .payment-card,
    .qr-side,
    .final-card{
        padding:22px;
    }

    .roadmap,
    .tools-grid,
    .workflow,
    .role-grid,
    .steps,
    .price-grid,
    .bank-detail-grid,
    .path-highlights{
        grid-template-columns:1fr;
    }

    .path-image{
        min-height:260px;
    }

    .comparison{
        overflow-x:auto;
    }

    .compare-table{
        min-width:700px;
    }

    .pricing-head,
    .internship-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .pay-toggle{
        flex-direction:column;
    }

    }

    @media (max-width:480px){

    .container{
        width:calc(100% - 18px);
    }

    .nav-shell{
        padding:12px;
    }

    .brand-mark{
        width:145px!important;
        height:30px!important;
    }

    .hero{
        padding-top:80px;
    }

    .hero-copy h1{
        font-size:34px;
    }

    .hero-copy p{
        font-size:14px;
    }

    .hero-panel{
        padding:18px 14px 24px;
    }

    .badge{
        font-size:10px;
        padding:8px 12px;
    }

    .btn{
        min-height:48px;
        font-size:14px;
    }

    .metric-number{
        font-size:40px;
    }

    .path-copy h3{
        font-size:28px;
    }

    .qr-wrap{
        width:180px;
        height:180px;
    }

    .qr-wrap img{
        width:155px;
        height:155px;
    }

    .tool-card,
    .step-card,
    .phase-card,
    .role-card{
        border-radius:18px;
    }

    }
    .upi-box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 10px 12px 10px 16px;
      border-radius: 14px;
      background: #f7fafc;
      border: 1px solid var(--line);
      font-weight: 800;
      width: 100%;
      max-width: 280px;
      margin: 8px auto 12px;
    }
    .copy-btn {
      border: 0;
      background: #111318;
      color: #fff;
      padding: 8px 14px;
      border-radius: 10px;
      font-size: 11px;
      font-weight: 800;
    }
    .qr-side .btn {
      width: 100%;
      max-width: 280px;
    }

    @media(max-width:1100px){
      .payment-grid-new { grid-template-columns: 1fr; }
      .nav-links{display:none}.menu-toggle{display:block}
      .mobile-menu.open{display:grid;position:fixed;top:83px;left:16px;right:16px;z-index:999;padding:15px;gap:8px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow-lg)}
      .mobile-menu a{padding:11px 13px;border-radius:12px;background:#f6f9fb;font-size:13px;font-weight:800}
      .about-grid,.path-hero{grid-template-columns:1fr}
      .roadmap{grid-template-columns:repeat(2,1fr)}.tools-grid{grid-template-columns:repeat(4,1fr)}.workflow{grid-template-columns:repeat(3,1fr)}.role-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:820px){
      .hero-panel{min-height:auto;padding:21px 18px 34px}.hero-copy{margin-top:58px}.hero-course-visuals,.price-grid{grid-template-columns:1fr}.hero-course-card{animation:none;transform:none!important}
      .pricing-head,.internship-head{display:flex;flex-direction:column;align-items:flex-start}.steps{grid-template-columns:1fr}.workflow{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:650px){
      .container,.hero-copy h1{font-size:43px}.hero-copy p{font-size:15px}.hero-actions,.final-actions{flex-direction:column}.hero-actions .btn,.final-actions .btn{width:100%}
      .about-copy h2{font-size:35px}.roadmap,.tools-grid,.workflow,.role-grid,.path-highlights{grid-template-columns:1fr}.path-hero,.pricing-wrap,.internship-wrap,.final-card{padding:21px}.path-image{min-height:280px}.qr-wrap{width:205px;height:205px}.qr-wrap img{width:180px;height:180px}
      .bank-detail-grid { grid-template-columns: 1fr; }
      .payment-card, .qr-side { padding: 24px; }
    }
  
    /* LOGO BACKGROUND REMOVED */
    .brand{
      background:transparent!important;
      box-shadow:none!important;
      border:none!important;
    }
    .brand-mark{
      width:196px!important;
      height:42px!important;
      background:transparent!important;
      box-shadow:none!important;
      border:none!important;
      border-radius:0!important;
      overflow:visible!important;
      padding:0!important;
    }
    .brand-mark img{
      width:100%!important;
      height:100%!important;
      object-fit:contain!important;
      object-position:left center!important;
      display:block!important;
      background:transparent!important;
      padding:0!important;
      border:none!important;
      box-shadow:none!important;
    }
    @media(max-width:640px){
      .brand-mark{width:150px!important;height:32px!important;}
    }
    /* ===========================
   UPCOMING BATCHES RESPONSIVE
        =========================== */

        /* Tablet */
        @media (max-width:992px){

            .batch-header{
                display:none;
            }

            .batch-table{
                border-radius:20px;
                overflow:visible;
                background:transparent;
                box-shadow:none;
            }

            .batch-row{
                display:flex;
                flex-direction:column;
                align-items:flex-start;
                gap:16px;

                padding:24px;
                margin-bottom:20px;

                background:#fff;
                border-radius:20px;
                border:1px solid #e8edf4;
                box-shadow:0 12px 35px rgba(0,0,0,.08);
            }

            .course-box{
                width:100%;
                margin-bottom:4px;
            }

            .batch-row > div:not(.course-box){
                width:100%;
                display:flex;
                justify-content:space-between;
                align-items:flex-start;
                gap:18px;

                padding:12px 0;
                border-bottom:1px solid #edf1f6;
                font-size:14px;
            }

            .batch-row > div:last-child{
                border:none;
                padding-top:10px;
            }

            .batch-cell-label{
                display:block;
                margin:0;
                color:#64748b;
                font-size:11px;
                font-weight:700;
                text-transform:uppercase;
            }

            .enroll-btn{
                width:100%;
                justify-content:center;
            }

        }


        /* Mobile */
        @media (max-width:768px){

            .upcoming-batches{
                padding:70px 0;
            }

            .section-head h2{
                font-size:32px;
            }

            .section-head p{
                font-size:15px;
            }

            .batch-row{
                padding:20px;
                gap:14px;
                border-radius:18px;
            }

            .course-icon{
                width:48px;
                height:48px;
                font-size:13px;
                border-radius:14px;
            }

            .course-box h4{
                font-size:16px;
                line-height:1.4;
            }

            .status{
                font-size:11px;
                padding:5px 12px;
            }

            .batch-row > div:not(.course-box){
                font-size:13px;
            }

            .enroll-btn{
                padding:14px;
                font-size:14px;
            }

        }


        /* Small Mobile */
        @media (max-width:480px){

            .upcoming-batches{
                padding:60px 0;
            }

            .batch-tag{
                font-size:11px;
            }

            .section-head h2{
                font-size:28px;
            }

            .section-head p{
                font-size:14px;
            }

            .batch-row{
                padding:18px;
            }

            .course-box{
                gap:14px;
            }

            .course-icon{
                width:42px;
                height:42px;
                font-size:12px;
            }

            .course-box h4{
                font-size:15px;
            }

            .status{
                font-size:10px;
            }

            .batch-row > div:not(.course-box){
                flex-direction:column;
                align-items:flex-start;
                gap:5px;
            }

            .batch-cell-label{
                font-size:10px;
            }

            .enroll-btn{
                width:100%;
                padding:13px;
                font-size:13px;
            }

        }