:root{
  --navy:#272259;--navy-deep:#1a1640;--magenta:#c747d0;--pink:#df5aca;--purple:#7c7ec2;
  --purple-soft:#8b8fce;--blue:#4a61da;--lavender:#a8acd9;--peach:#f1caa6;
  --peach-bright:#ffd4a8;--magenta-bright:#ff5dd4;
  --grad:linear-gradient(120deg,#f1caa6 0%,#df5aca 30%,#c747d0 50%,#573fd0 75%,#4a61da 100%);
  --border:#e8e6f0;--bg-soft:#faf9fd;--bg-card:#f5f3fa;--muted:#6b6685;--text:#272259;
  --radius:12px;--shadow:0 4px 24px rgba(39,34,89,.08);
  --head:'Poppins',sans-serif;--body:'DM Sans',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--body);color:var(--text);background:#fff;line-height:1.65;}
::selection{background:var(--magenta);color:#fff;}
img{max-width:100%;display:block;}
a{color:var(--magenta);text-decoration:none;}
/* NAV */
nav{background:#fff;border-bottom:1px solid var(--border);padding:.75rem 0;position:sticky;top:0;z-index:200;}
.nav-wrap{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2.5rem;gap:1rem;}
.nav-logo{height:100px;width:auto;}
.nav-ul{display:flex;list-style:none;align-items:center;gap:2rem;}
.nav-ul a{text-decoration:none;color:var(--navy);font-weight:500;font-size:1rem;font-family:var(--head);position:relative;padding:.25rem 0;transition:color .2s;}
.nav-ul a.active{color:var(--magenta);}
.nav-ul a.active::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--magenta);}
.nav-ul a:hover{color:var(--magenta);}
.hbg{display:none;background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--navy);}
/* PILL BUTTONS */
.btn{display:inline-block;padding:1rem 2.5rem;border-radius:999px;font-weight:500;font-size:1.05rem;text-decoration:none;transition:all .25s;border:2px solid transparent;font-family:var(--head);cursor:pointer;text-align:center;}
.btn-pill{background:var(--purple-soft);color:#fff;}
.btn-pill:hover{background:var(--purple);transform:translateY(-2px);box-shadow:0 8px 20px rgba(124,126,194,.4);}
.btn-grad{background:linear-gradient(120deg,var(--pink) 0%,var(--magenta) 100%);color:#fff;}
.btn-grad:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 22px rgba(199,71,208,.4);}
.btn-out{background:transparent;color:var(--purple);border:2px solid var(--purple);}
.btn-out:hover{background:rgba(124,126,194,.1);transform:translateY(-2px);}
/* === ANIMATED TECH HERO - NETWORK + CODE === */
.hero{position:relative;min-height:640px;color:#fff;display:flex;align-items:center;overflow:hidden;background:#08061c;}
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(circle at 78% 35%, rgba(199,71,208,.55) 0%, transparent 32%),
  radial-gradient(circle at 92% 70%, rgba(74,97,218,.55) 0%, transparent 34%),
  radial-gradient(circle at 60% 85%, rgba(87,63,208,.45) 0%, transparent 32%),
  radial-gradient(circle at 85% 15%, rgba(255,93,212,.35) 0%, transparent 28%),
  linear-gradient(135deg,#08061c 0%,#1a1640 55%,#2a1f4d 100%);
  animation:meshMove 18s ease-in-out infinite alternate;}
@keyframes meshMove{0%{background-position:0% 0%,100% 100%,100% 0%,0% 100%,0% 0%,0% 0%;}100%{background-position:20% 10%,80% 90%,90% 10%,10% 90%,5% -5%,0% 0%;}}
.hero-grid{position:absolute;inset:0;
  background-image:linear-gradient(rgba(167,140,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(167,140,255,.18) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(105deg,transparent 0%,transparent 28%,#000 58%,#000 100%);
  -webkit-mask-image:linear-gradient(105deg,transparent 0%,transparent 28%,#000 58%,#000 100%);
  animation:gridShift 28s linear infinite;}
@keyframes gridShift{0%{background-position:0 0;}100%{background-position:48px 48px;}}
/* Animated network graph (right side) */
.hero-net{position:absolute;top:0;right:0;width:62%;height:100%;opacity:.85;pointer-events:none;}
.hero-net circle{transform-origin:center;transform-box:fill-box;animation:pulseN 3.5s ease-in-out infinite;}
.hero-net circle:nth-child(7n+1){animation-delay:0s;}
.hero-net circle:nth-child(7n+2){animation-delay:.5s;}
.hero-net circle:nth-child(7n+3){animation-delay:1s;}
.hero-net circle:nth-child(7n+4){animation-delay:1.5s;}
.hero-net circle:nth-child(7n+5){animation-delay:2s;}
.hero-net circle:nth-child(7n+6){animation-delay:2.5s;}
.hero-net circle:nth-child(7n+7){animation-delay:3s;}
@keyframes pulseN{0%,100%{opacity:.95;filter:drop-shadow(0 0 6px currentColor);}50%{opacity:.45;filter:drop-shadow(0 0 14px currentColor);}}
.hero-net line{stroke:rgba(199,71,208,.45);stroke-width:1.2;stroke-dasharray:8 6;animation:dashFlow 5s linear infinite;}
.hero-net line:nth-child(3n){stroke:rgba(74,97,218,.45);animation-duration:7s;}
.hero-net line:nth-child(3n+1){stroke:rgba(255,93,212,.4);animation-duration:6s;}
@keyframes dashFlow{to{stroke-dashoffset:-56;}}
/* Falling code symbols */
.hero-code{position:absolute;inset:0;pointer-events:none;overflow:hidden;font-family:'JetBrains Mono','Courier New',monospace;font-weight:700;}
.code-sym{position:absolute;font-size:1.3rem;animation:floatC linear infinite;white-space:nowrap;}
.code-sym.a{color:rgba(255,93,212,.32);}
.code-sym.b{color:rgba(255,212,168,.34);}
.code-sym.c{color:rgba(139,143,206,.34);}
.code-sym.d{color:rgba(74,97,218,.34);}
.code-sym.e{color:rgba(167,140,255,.34);font-size:1.6rem;}
@keyframes floatC{0%{transform:translateY(110vh) rotate(0deg);opacity:0;}8%{opacity:.7;}92%{opacity:.7;}100%{transform:translateY(-20vh) rotate(15deg);opacity:0;}}
/* Floating brand particles */
.particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.particle{position:absolute;border-radius:50%;opacity:.85;animation:floatP linear infinite;}
.p1{width:8px;height:8px;background:#ffd4a8;box-shadow:0 0 14px #ffd4a8;left:55%;animation-duration:22s;animation-delay:0s;}
.p2{width:5px;height:5px;background:#ff5dd4;box-shadow:0 0 12px #ff5dd4;left:64%;animation-duration:28s;animation-delay:-5s;}
.p3{width:10px;height:10px;background:#a8acd9;box-shadow:0 0 16px #a8acd9;left:73%;animation-duration:25s;animation-delay:-12s;}
.p4{width:6px;height:6px;background:#df5aca;box-shadow:0 0 13px #df5aca;left:82%;animation-duration:30s;animation-delay:-3s;}
.p5{width:7px;height:7px;background:#4a61da;box-shadow:0 0 15px #4a61da;left:90%;animation-duration:24s;animation-delay:-8s;}
.p6{width:4px;height:4px;background:#ffd4a8;box-shadow:0 0 11px #ffd4a8;left:96%;animation-duration:32s;animation-delay:-15s;}
.p7{width:9px;height:9px;background:#c747d0;box-shadow:0 0 15px #c747d0;left:58%;animation-duration:27s;animation-delay:-10s;}
.p8{width:5px;height:5px;background:#a8acd9;box-shadow:0 0 12px #a8acd9;left:78%;animation-duration:21s;animation-delay:-18s;}
@keyframes floatP{0%{transform:translateY(110vh) scale(.5);opacity:0;}10%{opacity:.85;}90%{opacity:.85;}100%{transform:translateY(-15vh) scale(1);opacity:0;}}
/* STRONG LEFT-SIDE DARK OVERLAY for bulletproof text contrast */
.hero-overlay{position:absolute;inset:0;background:
  linear-gradient(105deg, rgba(8,6,28,.95) 0%, rgba(8,6,28,.88) 28%, rgba(8,6,28,.55) 55%, rgba(8,6,28,.15) 85%, rgba(8,6,28,0) 100%);}
.hero-inner{position:relative;z-index:3;max-width:1320px;width:100%;margin:0 auto;padding:4rem 2.5rem;}
.hero h1{font-family:var(--head);font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:700;line-height:1.15;margin-bottom:1.5rem;max-width:880px;letter-spacing:-.01em;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.55);}
.acc1{color:#ffe1bc;text-shadow:0 2px 18px rgba(255,225,188,.4);}
.acc2{color:#ff7ddf;text-shadow:0 2px 18px rgba(255,125,223,.45);}
.hero p{font-size:1.1rem;line-height:1.65;color:rgba(255,255,255,.97);max-width:640px;margin-bottom:2.25rem;text-shadow:0 2px 12px rgba(0,0,0,.5);}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;}
/* PAGE HEADER - same tech bg, shorter */
.pghdr{position:relative;min-height:360px;color:#fff;display:flex;align-items:center;text-align:center;overflow:hidden;background:#08061c;}
.pghdr .hero-overlay{background:linear-gradient(180deg, rgba(8,6,28,.85) 0%, rgba(8,6,28,.6) 50%, rgba(8,6,28,.85) 100%);}
.pghdr-inner{position:relative;z-index:3;max-width:1320px;width:100%;margin:0 auto;padding:3rem 2.5rem;}
.pghdr h1{font-family:var(--head);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 14px rgba(0,0,0,.55);}
.pghdr p{font-size:1.15rem;color:rgba(255,255,255,.95);max-width:760px;margin:0 auto;text-shadow:0 2px 12px rgba(0,0,0,.5);}
.pghdr .hero-overlay{background:linear-gradient(180deg, rgba(14,10,42,.65) 0%, rgba(14,10,42,.8) 100%);}
/* SECTIONS */
.sec{padding:5rem 2rem;}.sec.bg{background:var(--bg-soft);}.sec.dk{background:var(--navy-deep);color:#fff;position:relative;overflow:hidden;}
.wrap{max-width:1240px;margin:0 auto;}
.stag{font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--magenta);margin-bottom:.75rem;display:inline-block;font-family:var(--head);}
.stag.lt{color:var(--pink);}
.stitle{font-family:var(--head);font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:700;margin-bottom:1rem;color:var(--navy);letter-spacing:-.01em;line-height:1.2;}
.stitle.lt{color:#fff;}
.sintro{color:var(--muted);max-width:720px;margin-bottom:3rem;font-size:1.02rem;line-height:1.7;}
.cx{text-align:center;margin-left:auto;margin-right:auto;}
/* CARDS */
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.8rem;}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s;}
.card:hover{box-shadow:0 14px 36px rgba(39,34,89,.13);transform:translateY(-6px);border-color:transparent;}
.cimg{height:180px;display:flex;align-items:center;justify-content:center;padding:2.5rem;background:var(--bg-card);border-bottom:1px solid var(--border);position:relative;}
.cimg img{max-height:85px;max-width:100%;object-fit:contain;}
.cbody{padding:1.6rem 1.75rem 1.75rem;}
.cbody h3{font-family:var(--head);font-size:1.1rem;color:var(--navy);margin-bottom:.5rem;font-weight:600;}
.cbody p{font-size:.92rem;color:var(--muted);line-height:1.65;}
/* LEARNING TRACKS */
.track{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:2.25rem;margin-bottom:1.75rem;transition:all .3s;position:relative;}
.track:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--lavender);}
.th{display:grid;grid-template-columns:1fr 160px;gap:2.5rem;align-items:center;padding-bottom:1.75rem;margin-bottom:1.75rem;border-bottom:1px solid var(--border);}
.th h3{font-family:var(--head);font-size:1.45rem;color:var(--navy);margin-bottom:.45rem;font-weight:600;letter-spacing:-.01em;}
.th p{font-size:.95rem;color:var(--muted);line-height:1.6;}
.tbadge{background:var(--bg-card);border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:center;min-height:130px;}
.tbadge img{max-height:105px;max-width:100%;object-fit:contain;}
.tcols{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;}
.tcols.full{grid-template-columns:1fr;}
.tcols h4{font-family:var(--head);font-size:1rem;color:var(--navy);margin-bottom:.95rem;font-weight:600;}
.tcols ul{list-style:none;padding:0;}
.tcols li{font-size:.93rem;color:#55506e;margin-bottom:.6rem;padding-left:1.4rem;position:relative;line-height:1.55;}
.tcols li::before{content:'';position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:linear-gradient(120deg,var(--magenta),var(--purple));}
.cbox{background:var(--bg-soft);border-radius:12px;padding:1.35rem 1.6rem;border:1px solid var(--border);}
.cbox-h{display:flex;align-items:center;gap:1rem;margin-bottom:.9rem;}
.cthumb{width:64px;height:64px;flex-shrink:0;}
.cthumb img{width:100%;height:100%;object-fit:contain;}
.cbox h5{font-family:var(--head);font-size:.92rem;color:var(--navy);margin-bottom:.15rem;font-weight:600;}
.cbox .ex{font-size:.78rem;color:var(--muted);}
.clist{list-style:none;padding:0;}
.clist li{font-size:.87rem;color:#55506e;margin-bottom:.4rem;padding-left:1.35rem;position:relative;}
.clist li::before{content:"\2713";color:var(--magenta);position:absolute;left:0;font-weight:700;}
/* PARTNERS */
.ptrow{display:flex;justify-content:center;align-items:center;gap:2.5rem;flex-wrap:wrap;margin-top:2.5rem;}
.ptile{display:flex;align-items:center;justify-content:center;height:100px;padding:1.25rem 1.75rem;background:#fff;border:1px solid var(--border);border-radius:12px;transition:all .3s;min-width:160px;}
.ptile:hover{box-shadow:0 8px 22px rgba(39,34,89,.1);transform:translateY(-3px);border-color:var(--lavender);}
.ptile img{max-height:54px;max-width:130px;object-fit:contain;}
/* WHY */
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;}
.wi{padding:1.75rem;background:#fff;border-radius:var(--radius);border:1px solid var(--border);transition:all .3s;}
.wi:hover{box-shadow:var(--shadow);transform:translateY(-4px);border-color:var(--lavender);}
.wi .ico{margin-bottom:.7rem;line-height:0;}
.wi h4{font-family:var(--head);font-size:1rem;color:var(--navy);margin-bottom:.4rem;font-weight:600;}
.wi p{font-size:.88rem;color:var(--muted);line-height:1.6;}
/* FOOTER */
footer{background:var(--navy-deep);color:#fff;padding:4rem 2rem 2rem;position:relative;overflow:hidden;}
footer::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(199,71,208,.18) 0%,transparent 65%);top:-250px;right:5%;pointer-events:none;}
.fg{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:2.5rem;position:relative;z-index:1;}
.fbrand img{height:45px;margin-bottom:1.25rem;}
.fbrand p{font-size:.88rem;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:1.25rem;max-width:340px;}
.socrow{display:flex;gap:.65rem;}
.socrow a{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:.9rem;font-weight:600;transition:all .25s;}
.socrow a:hover{background:linear-gradient(120deg,var(--pink),var(--magenta));transform:translateY(-2px);}
.fcol h4{font-family:var(--head);font-size:.95rem;font-weight:600;margin-bottom:1rem;color:#fff;}
.fcol a,.fcol p{display:block;font-size:.85rem;color:rgba(255,255,255,.6);text-decoration:none;margin-bottom:.5rem;line-height:1.55;}
.fcol a:hover{color:var(--pink);}
.fbot{max-width:1240px;margin:0 auto;border-top:1px solid rgba(255,255,255,.12);padding-top:1.5rem;display:flex;justify-content:center;align-items:center;font-size:.82rem;color:rgba(255,255,255,.45);flex-wrap:wrap;gap:.5rem;position:relative;z-index:1;}
.fbot a{color:rgba(255,255,255,.45);text-decoration:none;}.fbot a:hover{color:var(--pink);}
/* STATS */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;margin-top:3rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.12);}
.stat{text-align:center;padding:1rem;border-right:1px solid rgba(255,255,255,.12);}
.stat:last-child{border-right:none;}
.snum{font-family:var(--head);font-size:2.5rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;}
.slbl{font-size:.82rem;color:rgba(255,255,255,.6);margin-top:.4rem;}
/* FORMS */
.fld{margin-bottom:1.1rem;}
.fld label{display:block;font-size:.85rem;font-weight:500;color:var(--navy);margin-bottom:.4rem;font-family:var(--head);}
.fld input,.fld textarea,.fld select{width:100%;padding:.85rem 1.1rem;border:1.5px solid var(--border);border-radius:10px;font-size:.95rem;outline:none;transition:border .2s;font-family:var(--body);background:#fff;color:var(--text);}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--magenta);}
.fld textarea{min-height:110px;resize:vertical;}
.fld select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23272259' d='M6 8L0 0h12z'/></svg>");background-repeat:no-repeat;background-position:right 1.1rem center;}
/* RESPONSIVE */
@media(max-width:1024px){.fg{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){
.nav-wrap{padding:0 1.25rem;justify-content:space-between;}
.nav-ul{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:1.5rem 2rem;border-bottom:1px solid var(--border);gap:1.25rem;z-index:100;align-items:flex-start;}
.nav-ul.open{display:flex;}.hbg{display:block;}
.nav-logo{height:65px;}
.th{grid-template-columns:1fr;}.tcols{grid-template-columns:1fr;gap:1.75rem;}
.fg{grid-template-columns:1fr 1fr;}
.hero-btns{flex-direction:column;align-items:stretch;}
.btn{width:100%;}
.hero{min-height:500px;}.hero-inner{padding:3rem 1.5rem;}
.pghdr{min-height:280px;}.pghdr-inner{padding:2rem 1.5rem;}
.sec{padding:3.5rem 1.5rem;}
.stats{grid-template-columns:1fr 1fr;}
.stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.12);padding:1.25rem;}
.hero-overlay{background:linear-gradient(180deg, rgba(14,10,42,.7) 0%, rgba(14,10,42,.85) 100%) !important;}
}
@media(max-width:480px){.fg{grid-template-columns:1fr;}}

/* ── WHITE SECTION POLISH ── */
.card{position:relative;}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--magenta),var(--purple-soft),var(--blue));border-radius:var(--radius) var(--radius) 0 0;opacity:0;transition:opacity .3s;}
.card:hover::before{opacity:1;}
.sec.bg{background:var(--bg-soft);position:relative;}
.sec.bg::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(39,34,89,.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;}
.track{position:relative;}
.track::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--magenta),var(--purple-soft));border-radius:var(--radius) 0 0 var(--radius);opacity:0;transition:opacity .3s;}
.track:hover::before{opacity:1;}
.ptile{position:relative;overflow:hidden;}
.ptile::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--magenta),transparent);opacity:0;transition:opacity .3s;}
.ptile:hover::after{opacity:1;}
.wi{position:relative;overflow:hidden;}
.wi::after{content:'';position:absolute;top:-50%;right:-50%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(199,71,208,.06) 0%,transparent 70%);pointer-events:none;transition:transform .4s;}
.wi:hover::after{transform:translate(-20px,20px);}
.cimg{transition:background .3s;}
.card:hover .cimg{background:linear-gradient(135deg,#f0f0ff,#fdf2f8) !important;}
/* Smooth section dividers */
.sec+.sec.bg::after,.sec.bg+.sec::after{content:'';display:block;height:0;}


/* SKILL ASSESSMENT WIZARD */
.qcard{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 24px rgba(39,34,89,.08);display:none;animation:fu .3s ease;border:1px solid var(--border)}
.qcard.active{display:block}
@keyframes fu{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.qeye{font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--magenta);margin-bottom:.6rem;font-family:Poppins,sans-serif}
.qtitle{font-family:Poppins,sans-serif;font-size:1.5rem;color:var(--navy);margin-bottom:.5rem;font-weight:700;letter-spacing:-.01em}
.qsub{color:var(--muted);font-size:.95rem;margin-bottom:1.85rem}
.qopts{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.85rem}
.qopt{border:1.5px solid var(--border);border-radius:10px;padding:.95rem 1.2rem;text-align:left;cursor:pointer;font-size:.93rem;color:var(--text);background:#fff;transition:all .15s;display:flex;align-items:center;gap:.75rem;font-family:DM Sans,sans-serif}
.qopt:hover{border-color:var(--magenta);background:#fdf2f8;color:var(--magenta)}
.qopt.sel{border-color:var(--magenta);background:#fdf2f8;color:var(--magenta);font-weight:600}
.qcirc{width:22px;height:22px;border-radius:50%;border:2px solid #d1d5db;flex-shrink:0;transition:all .15s;display:flex;align-items:center;justify-content:center;color:transparent;font-size:.7rem;font-weight:700}
.qopt.sel .qcirc{background:var(--magenta);border-color:var(--magenta);color:#fff}
.qopt.sel .qcirc::before{content:"\2713"}
.tcard{border:2px solid var(--border);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s;text-align:center}
.tcard:hover{border-color:var(--magenta);background:#fdf2f8}
.tcard.sel{border-color:var(--magenta);background:#fdf2f8}
.tcard h3{font-family:Poppins,sans-serif;font-size:1rem;color:var(--navy);margin-bottom:.35rem;font-weight:600}
.tcard p{font-size:.82rem;color:var(--muted)}
.qnav{display:flex;justify-content:center;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border)}
.qback{padding:.7rem 1.5rem;border:1.5px solid #d1d5db;border-radius:999px;background:#fff;color:#55506e;font-size:.9rem;font-weight:500;cursor:pointer;font-family:Poppins,sans-serif}
.qback:hover{border-color:var(--magenta);color:var(--magenta)}
.qnext{padding:.75rem 2rem;border:none;border-radius:999px;background:var(--purple-soft);color:#fff;font-size:.92rem;font-weight:500;cursor:pointer;font-family:Poppins,sans-serif;transition:all .2s}
.qnext:hover{background:var(--purple);box-shadow:0 6px 16px rgba(124,126,194,.4)}
.qnext:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}
.rccard{border:1.5px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.2rem}
.rccard.top{border-color:var(--magenta);background:#fdf2f8}
.rcnum{width:36px;height:36px;border-radius:50%;background:linear-gradient(120deg,#df5aca,#c747d0);color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Poppins,sans-serif}
.rccard:not(.top) .rcnum{background:var(--border);color:var(--muted)}
.pbar-track{flex:1;height:6px;background:var(--border);border-radius:99px;overflow:hidden}
.pbar-fill{height:100%;background:linear-gradient(90deg,#df5aca,#573fd0);border-radius:99px;transition:width .4s ease;width:16%}

/* ENROLL PAGE */
.ci{display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s}
.ci:hover{border-color:var(--magenta);background:#fdf2f8}
.ci input[type=checkbox]{width:16px;height:16px;accent-color:var(--magenta);cursor:pointer;flex-shrink:0}
.ci label{font-size:.9rem;color:var(--text);cursor:pointer;flex:1}
.ctag{margin-left:auto;font-size:.7rem;font-weight:600;padding:.18rem .55rem;border-radius:99px;white-space:nowrap;font-family:Poppins,sans-serif}
.ctag.ms{background:rgba(124,126,194,.15);color:var(--purple)}
.ctag.aws{background:rgba(199,71,208,.15);color:var(--magenta)}
.ctag.dv{background:rgba(74,97,218,.15);color:var(--blue)}
@media(max-width:768px){.wrap[style*="grid-template-columns:1fr 360px"]{grid-template-columns:1fr!important}}


/* ═══════════ V4 VISUAL ENHANCEMENTS (appended) ═══════════ */
/* 1. Header: frosted glass + shrink on scroll */
nav{transition:box-shadow .3s,background .3s,padding .3s;}
nav.scrolled{background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 24px rgba(39,34,89,.10);padding:.4rem 0;}
.nav-logo{transition:height .3s;}
nav.scrolled .nav-logo{height:64px;}
/* Nav link gradient underline on hover */
.nav-ul a::before{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg,var(--pink),var(--magenta));transform:scaleX(0);transform-origin:left;transition:transform .25s;}
.nav-ul a:hover::before{transform:scaleX(1);}
.nav-ul a.active::before{display:none;}
/* 2. Nav CTA: richer gradient (static, white text) */
.nav-wrap .btn-pill{background:linear-gradient(120deg,var(--pink) 0%,var(--magenta) 100%);background-repeat:no-repeat;color:#fff;border:0;padding:calc(1rem + 2px) calc(2.5rem + 2px);border-radius:999px;}
.nav-wrap .btn-pill:hover{background:linear-gradient(120deg,#ea74d8 0%,#d156da 100%);box-shadow:0 8px 22px rgba(199,71,208,.45);color:#fff;transform:none;}
.nav-ul a.btn::before{display:none !important;}
/* 3. Button shine sweep */
.btn{position:relative;}
.btn:not(.btn-out)::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .55s ease;}
.btn:not(.btn-out):hover::after{left:135%;}
/* 4. Hero & page-header entrance animation */
.js .hero h1,.js .hero p,.js .hero-btns,.js .pghdr h1,.js .pghdr p{opacity:0;transform:translateY(26px);animation:nzRiseIn .8s cubic-bezier(.22,1,.36,1) forwards;}
.js .hero p,.js .pghdr p{animation-delay:.15s;}
.js .hero-btns{animation-delay:.3s;}
@keyframes nzRiseIn{to{opacity:1;transform:none;}}
/* 5. Scroll-reveal */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);}
.js .rv.in{opacity:1;transform:none;}
/* 6. Imagery micro-interactions */
.ptile img{transition:transform .3s;}
.ptile:hover img{transform:scale(1.12);}
.cimg img{transition:transform .35s;}
.card:hover .cimg img{transform:scale(1.08);}
.wi .ico{transition:transform .3s;}
.wi:hover .ico{transform:translateY(-3px) scale(1.06);}
.tbadge img{transition:transform .3s;}
.track:hover .tbadge img{transform:scale(1.07);}
/* 7. Back-to-top */
.to-top{position:fixed;right:1.4rem;bottom:1.4rem;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--magenta));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-family:var(--head);box-shadow:0 8px 24px rgba(199,71,208,.45);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,visibility .3s,transform .3s;z-index:300;}
.to-top.show{opacity:1;visibility:visible;transform:none;}
.to-top:hover{transform:translateY(-3px);}
/* 8. Footer link slide */
.fcol a{transition:color .25s,transform .25s;}
.fcol a:hover{transform:translateX(4px);}
/* 9. Accessibility: respect reduced motion */
@media(prefers-reduced-motion:reduce){
.js .rv,.js .hero h1,.js .hero p,.js .hero-btns,.js .pghdr h1,.js .pghdr p{opacity:1;transform:none;animation:none;transition:none;}
.hero-bg,.hero-grid,.hero-net circle,.hero-net line,.code-sym,.particle{animation:none !important;}
}

/* === V5: shine fix, WhatsApp, offer banner, track CTA, FAQ === */
.btn::after{display:none !important;}
.wa-chat{position:fixed;right:1.4rem;bottom:4.9rem;width:46px;height:46px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.45);z-index:300;transition:transform .25s,box-shadow .25s;}
.wa-chat:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(37,211,102,.55);}
.wa-chat svg{width:26px;height:26px;fill:#fff;}
.offer-banner{background:linear-gradient(110deg,#1a1640 0%,#573fd0 55%,#c747d0 100%);color:#fff;padding:.85rem 1.5rem;text-align:center;font-family:var(--head);font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.9rem;flex-wrap:wrap;position:relative;overflow:hidden;}
.offer-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(255,93,212,.25),transparent 60%);pointer-events:none;}
.offer-banner strong{color:#ffd4a8;}
.offer-banner a{background:#fff;color:#573fd0;padding:.4rem 1.1rem;border-radius:999px;font-weight:600;font-size:.85rem;text-decoration:none;position:relative;transition:transform .2s;}
.offer-banner a:hover{transform:translateY(-2px);}
.track-cta{display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border);}
.track-cta a{font-family:var(--head);font-weight:600;font-size:.95rem;color:var(--magenta);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:gap .2s,color .2s;}
.track-cta a:hover{gap:.7rem;color:var(--pink);}
.nz-faq{max-width:840px;margin:0 auto;}
.nz-faq details{background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:.8rem;overflow:hidden;transition:box-shadow .25s;}
.nz-faq details[open]{box-shadow:0 8px 24px rgba(39,34,89,.08);border-color:var(--lavender);}
.nz-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;font-family:var(--head);font-weight:600;font-size:.98rem;color:var(--navy);}
.nz-faq summary::-webkit-details-marker{display:none;}
.nz-faq summary::after{content:'+';font-size:1.3rem;color:var(--magenta);transition:transform .25s;flex-shrink:0;}
.nz-faq details[open] summary::after{transform:rotate(45deg);}
.nz-faq .fa-body{padding:0 1.4rem 1.2rem;color:var(--muted);font-size:.92rem;line-height:1.7;}
.nz-faq .fa-body a{color:var(--magenta);}
@media(max-width:768px){.wa-chat{bottom:4.6rem;}}

/* === V5 mobile polish === */
@media(max-width:768px){
.ci{flex-wrap:wrap;row-gap:.3rem;}
.offer-banner{font-size:.85rem;padding:.75rem 1rem;gap:.6rem;}
.track-cta{justify-content:center;}
.nz-faq summary{font-size:.92rem;padding:1rem 1.1rem;}
#pay-list>div{flex-wrap:wrap;}
}


/* === Mobile fix: collapse any inline-grid .wrap to single column (fixes Contact/About overflow) === */
@media(max-width:768px){.wrap[style*="grid-template-columns"]{grid-template-columns:1fr!important}}


/* Mobile: collapse inline 2-col form grids (added 2026-07) */
@media (max-width: 640px){ div[style*="grid-template-columns:1fr 1fr"]{ grid-template-columns:1fr !important; } }