:root{
  --bg:#f4f8f9;--bg2:#e9fbfd;
  --y:#00E0EF;--yl:#d9fbfd;--yd:#002930;
  --pk:#00E0EF;--pkl:#e4fcfe;
  --bl:#19cfdd;--bll:#e7fbfd;
  --gr:#24c78f;--grl:#e8fbf4;
  --pu:#65dceb;--pul:#e8fbfd;
  --or:#00a6b2;--orl:#ddf8fb;
  --tx:#002930;--txd:#315b63;--txm:#7b98a0;
  --wh:#ffffff;
  --brand-grad:linear-gradient(135deg,#002930 0%,#00424d 44%,#00a6b2 76%,#00E0EF 100%);
  --aqua-grad:linear-gradient(135deg,#00E0EF,#00a6b2);
  --glass:rgba(255,255,255,.82);
  --sh:0 12px 32px rgba(0,41,48,.10);
  --shl:0 22px 54px rgba(0,41,48,.16);
  --r:24px;--rs:16px;
  --fh:"Manrope","Inter",sans-serif;--fb:"Inter","Segoe UI",sans-serif;
  --nh:72px;--tr:.3s cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

body{background:var(--bg);color:var(--tx);font-family:var(--fb);line-height:1.6;overflow-x:hidden}
::-webkit-scrollbar{width:7px}
::-webkit-scrollbar-track{background:#e7fbfd}
::-webkit-scrollbar-thumb{background:var(--y);border-radius:4px}
nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nh);background:var(--wh);border-bottom:3px solid var(--yl);display:flex;align-items:center;justify-content:space-between;padding:0 5%;box-shadow:0 2px 20px rgba(0,224,239,.12)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tx);font-family:var(--fh);font-size:1.25rem;cursor:pointer}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links a{color:var(--txd);font-size:.85rem;font-weight:700;text-decoration:none;padding:7px 12px;border-radius:50px;transition:all var(--tr);cursor:pointer}
.nav-links a:hover,.nav-links a.active{color:var(--yd);background:var(--yl)}
.nav-acts{display:flex;align-items:center;gap:8px}
.btn{padding:9px 20px;border-radius:50px;font-family:var(--fb);font-size:.85rem;font-weight:800;cursor:pointer;border:none;transition:all var(--tr)}
.btn-o{background:transparent;border:2.5px solid var(--y);color:var(--yd)}

.btn-f{background:linear-gradient(135deg,var(--y),var(--or));color:var(--wh);box-shadow:0 4px 16px rgba(0,224,239,.30)}
.btn-f:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,224,239,.42)}
.burger{display:none;background:var(--yl);border:none;width:40px;height:40px;border-radius:12px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{display:block;width:20px;height:2.5px;background:var(--yd);border-radius:2px}
.mnav{display:none;position:fixed;inset:0;z-index:999;background:var(--wh);flex-direction:column;align-items:center;justify-content:center;gap:22px;transform:translateY(-100%);transition:transform var(--tr)}
.mnav.open{transform:translateY(0)}
.mnav a{font-family:var(--fh);font-size:1.5rem;color:var(--txd);text-decoration:none;cursor:pointer;transition:color var(--tr)}
.mnav a:hover{color:var(--yd)}
section{padding:100px 5%;display:none}
section.show{display:block}
#home{display:block;padding-top:0}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:var(--nh) 5% 60px;position:relative;overflow:hidden;background:linear-gradient(180deg,#f8feff,#e7fbfd)}
.hblob{position:absolute;border-radius:50%;filter:blur(0);opacity:.18;pointer-events:none}
.hb1{width:340px;height:340px;background:var(--y);top:-80px;right:-60px;border-radius:60% 40% 70% 30%/50% 60% 40% 50%;animation:morph 8s ease-in-out infinite}
.hb2{width:260px;height:260px;background:var(--pk);bottom:-60px;left:-40px;border-radius:40% 60% 30% 70%/60% 40% 60% 40%;animation:morph 10s ease-in-out infinite reverse}
.hb3{width:180px;height:180px;background:var(--bl);top:40%;right:5%;border-radius:50%;animation:flt 6s ease-in-out infinite}
.hb4{width:120px;height:120px;background:var(--gr);top:20%;left:3%;border-radius:50%;animation:flt 7s ease-in-out infinite 1s}
@keyframes morph{0%,100%{border-radius:60% 40% 70% 30%/50% 60% 40% 50%}50%{border-radius:30% 60% 40% 70%/60% 30% 70% 40%}}
@keyframes flt{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
.femoji{position:absolute;font-size:2rem;z-index:1;pointer-events:none;animation:fe 5s ease-in-out infinite}
@keyframes fe{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}
.hcontent{position:relative;z-index:2;text-align:center;max-width:800px}
.hbadge{display:inline-flex;align-items:center;gap:8px;background:var(--yl);border:2.5px solid var(--y);color:var(--yd);padding:7px 20px;border-radius:50px;font-size:.82rem;font-weight:800;margin-bottom:24px;animation:fup .7s ease both}
.hbadge .dot{width:8px;height:8px;background:var(--yd);border-radius:50%;animation:pls 2s infinite}
@keyframes pls{0%,100%{transform:scale(1)}50%{transform:scale(1.6);opacity:.5}}
.htitle{font-family:var(--fh);font-size:clamp(2.2rem,5.5vw,3.8rem);line-height:1.12;margin-bottom:18px;animation:fup .7s .1s ease both}
.htitle .hl{background:linear-gradient(135deg,var(--yd),var(--or),var(--pk));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hsub{color:var(--txd);font-size:1.05rem;font-weight:600;max-width:560px;margin:0 auto 36px;animation:fup .7s .2s ease both}
.hctas{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;animation:fup .7s .3s ease both;margin-bottom:50px}
.hbtn{text-decoration:none;padding:15px 36px;border-radius:50px;border:none;font-family:var(--fb);font-size:1rem;font-weight:800;cursor:pointer;transition:all var(--tr);display:flex;align-items:center;gap:8px}
.hbtn-p{background:linear-gradient(135deg,var(--y),var(--or));color:var(--wh);box-shadow:0 6px 24px rgba(0,224,239,.34)}
.hbtn-p:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(0,224,239,.46)}
.hbtn-s{background:var(--wh);border:2.5px solid var(--y);color:var(--yd)}
.hbtn-s:hover{background:var(--yl);transform:translateY(-2px)}
.hcards{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;animation:fup .7s .4s ease both}
.hcard{background:var(--wh);border-radius:20px;padding:14px 20px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px rgba(0,0,0,.07);border:2px solid var(--yl)}
.hcard .hi{font-size:1.8rem}
.hcard .hn{font-family:var(--fh);font-size:1.3rem;color:var(--tx)}
.hcard .hl2{font-size:.75rem;font-weight:700;color:var(--txm);text-transform:uppercase;letter-spacing:.05em}
@keyframes fup{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.stag{display:inline-block;background:var(--yl);border:2px solid var(--y);color:var(--yd);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 16px;border-radius:50px;margin-bottom:12px}
.stag.pk{background:var(--pkl);border-color:var(--pk);color:var(--pk)}
.stag.bl{background:var(--bll);border-color:var(--bl);color:#0284c7}
.stag.gr{background:var(--grl);border-color:var(--gr);color:#059669}
.stag.pu{background:var(--pul);border-color:var(--pu);color:#7c3aed}
.stag.or{background:var(--orl);border-color:var(--or);color:var(--or)}
.stitle{font-family:var(--fh);font-size:clamp(1.7rem,3.5vw,2.6rem);color:var(--tx);line-height:1.15;margin-bottom:10px}
.ssub{color:var(--txd);font-size:.95rem;font-weight:600;max-width:560px}
.shdr{margin-bottom:50px}
.shdr.c{text-align:center}
.shdr.c .ssub{margin:0 auto}
.wcard{background:var(--wh);border-radius:var(--r);border:2.5px solid #f3f4f6;padding:30px 26px;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all var(--tr)}
.wcard:hover{transform:translateY(-6px);border-color:var(--y);box-shadow:var(--shl)}
.wgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.wicon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:18px;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.wcard h3{font-family:var(--fh);font-size:1.15rem;margin-bottom:8px}
.wcard p{font-size:.875rem;color:var(--txd);line-height:1.7;font-weight:600}
.cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}
.ccard{background:var(--wh);border-radius:var(--r);border:2.5px solid #f3f4f6;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all var(--tr);overflow:hidden;cursor:pointer}
.ccard:hover{transform:translateY(-8px);box-shadow:var(--shl)}
.cthumb{height:170px;display:flex;align-items:center;justify-content:center;font-size:4.5rem;position:relative}
.cbody{padding:20px}
.ctag{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:4px 12px;border-radius:50px;margin-bottom:10px}
.ctitle{font-family:var(--fh);font-size:1.15rem;margin-bottom:6px}
.cdesc{font-size:.845rem;color:var(--txd);font-weight:600;line-height:1.65;margin-bottom:14px}
.cmeta{display:flex;gap:14px;font-size:.8rem;color:var(--txm);font-weight:700}
.cfoot{padding:14px 20px;border-top:2px solid #f9fafb;display:flex;align-items:center;justify-content:space-between}
.cprice{font-family:var(--fh);font-size:1.05rem;color:#059669}
.cenroll{background:linear-gradient(135deg,var(--y),var(--or));color:var(--wh);border:none;padding:8px 20px;border-radius:50px;font-size:.8rem;font-weight:800;cursor:pointer;transition:all var(--tr);font-family:var(--fb);box-shadow:0 3px 12px rgba(0,224,239,.30)}
.cenroll:hover{transform:scale(1.05)}
.ct-en .cthumb{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}
.ct-il .cthumb{background:linear-gradient(135deg,var(--pul),#ddd6fe)}
.ct-ma .cthumb{background:linear-gradient(135deg,var(--grl),#a7f3d0)}
.ct-it .cthumb{background:linear-gradient(135deg,var(--bll),#bae6fd)}
.ct-ro .cthumb{background:linear-gradient(135deg,var(--pkl),#fecdd3)}
.ct-ar .cthumb{background:linear-gradient(135deg,var(--yl),#b8f7fb)}
.ct-pr .cthumb{background:linear-gradient(135deg,var(--orl),#fed7aa)}
.ct-sp .cthumb{background:linear-gradient(135deg,var(--grl),#6ee7b7)}
.tag-en{background:#dbeafe;color:#1d4ed8}
.tag-il{background:var(--pul);color:#6d28d9}
.tag-ma{background:var(--grl);color:#065f46}
.tag-it{background:var(--bll);color:#0369a1}
.tag-ro{background:var(--pkl);color:#be123c}
.tag-ar{background:var(--yl);color:#92400e}
.tag-pr{background:var(--orl);color:#c2410c}
.tag-sp{background:var(--grl);color:#065f46}
.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.tcard{background:var(--wh);border-radius:var(--r);border:2.5px solid #f3f4f6;padding:28px 20px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all var(--tr);cursor:pointer;position:relative;overflow:hidden}
.tcard:hover{transform:translateY(-6px);border-color:var(--y);box-shadow:var(--shl)}
.tcard:hover .tview{opacity:1;transform:translateY(0)}
.tphoto-wrap{position:relative;width:90px;height:90px;margin:0 auto 16px}
.tphoto{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:1.8rem;color:#fff;font-weight:400;overflow:hidden}
.tphoto img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.tring{position:absolute;inset:-4px;border-radius:50%;border:3px solid;opacity:.4}
.tname{font-family:var(--fh);font-size:1.1rem;margin-bottom:4px}
.tsubj{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}
.tbio{color:var(--txd);font-size:.845rem;line-height:1.6;margin-bottom:14px;font-weight:600}
.tstars{font-size:1rem;margin-bottom:8px}
.tstats{display:flex;justify-content:center;gap:16px;font-size:.78rem;color:var(--txm);font-weight:700}
.tview{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,var(--y),var(--or));color:#fff;padding:10px;font-size:.82rem;font-weight:800;opacity:0;transform:translateY(8px);transition:all var(--tr)}
.agrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.avisual{border-radius:28px;height:420px;background:linear-gradient(135deg,var(--yl),#b8f7fb);display:flex;align-items:center;justify-content:center;font-size:9rem;border:3px solid var(--y);position:relative;overflow:hidden}
.abadge{position:absolute;bottom:16px;left:16px;right:16px;background:var(--wh);border-radius:18px;padding:14px 18px;display:flex;align-items:center;box-shadow:0 4px 20px rgba(0,0,0,.1);border:2px solid var(--yl)}
.astat{text-align:center;flex:1}
.astat .n{font-family:var(--fh);font-size:1.5rem;color:var(--yd)}
.astat .l{font-size:.7rem;font-weight:800;color:var(--txm);text-transform:uppercase;letter-spacing:.05em}
.adiv{width:1.5px;height:36px;background:#f3f4f6}
.atext p{color:var(--txd);font-size:.93rem;line-height:1.8;margin-bottom:14px;font-weight:600}
.afeats{margin-top:24px;display:flex;flex-direction:column;gap:12px}
.af{display:flex;align-items:flex-start;gap:12px;background:var(--yl);border:2px solid var(--y);border-radius:14px;padding:14px;transition:all var(--tr)}
.af:hover{background:var(--wh);box-shadow:0 4px 16px rgba(251,191,36,.2)}
.af .fi{font-size:1.4rem;flex-shrink:0;margin-top:2px}
.af h4{font-size:.9rem;font-weight:800;margin-bottom:2px}
.af p{font-size:.82rem;color:var(--txd);font-weight:600}
.ggrid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,170px);gap:14px}
.gitem{border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:3rem;cursor:pointer;position:relative;transition:all var(--tr);border:2.5px solid transparent}
.gitem:hover{transform:scale(1.03);z-index:2;border-color:var(--y)}
.gitem.sp2{grid-column:span 2}
.gitem.sp2r{grid-row:span 2}
.govl{position:absolute;inset:0;background:rgba(251,191,36,.18);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--tr);border-radius:18px}
.gitem:hover .govl{opacity:1}
.govl span{background:var(--wh);color:var(--tx);font-size:.82rem;font-weight:800;padding:6px 14px;border-radius:50px;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.bgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}
.bcard{background:var(--wh);border-radius:var(--r);border:2.5px solid #f3f4f6;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all var(--tr)}
.bcard:hover{transform:translateY(-5px);border-color:var(--y);box-shadow:var(--sh)}
.bmap{height:150px;border-radius:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative;overflow:hidden;border:2px solid var(--yl)}
.bpin{position:absolute;font-size:2.2rem;animation:bnc 2s infinite}
@keyframes bnc{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.bname{font-family:var(--fh);font-size:1.1rem;margin-bottom:5px}
.baddr{color:var(--txd);font-size:.845rem;font-weight:600;margin-bottom:12px}
.btags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.btag{background:var(--yl);border:1.5px solid var(--y);font-size:.74rem;font-weight:800;padding:4px 10px;border-radius:50px;color:var(--yd)}
.bbtn{width:100%;padding:10px;border-radius:50px;border:none;background:linear-gradient(135deg,var(--y),var(--or));color:var(--wh);font-size:.875rem;font-weight:800;cursor:pointer;transition:all var(--tr);font-family:var(--fb);box-shadow:0 3px 12px rgba(251,191,36,.35)}
.bbtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,224,239,.42)}
.cgrd{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.cform{background:var(--wh);border:2.5px solid #f3f4f6;border-radius:var(--r);padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.fg{margin-bottom:18px}
.fg label{display:block;font-size:.85rem;font-weight:800;margin-bottom:7px;color:var(--txd)}
.fg input,.fg textarea,.fg select{width:100%;background:#fafafa;border:2px solid #f3f4f6;color:var(--tx);padding:11px 15px;border-radius:12px;font-family:var(--fb);font-size:.9rem;font-weight:600;transition:all var(--tr);outline:none}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--y);background:var(--wh);box-shadow:0 0 0 3px rgba(251,191,36,.15)}
.fg textarea{height:110px;resize:vertical}
.fg select option{background:var(--wh)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cicards{display:flex;flex-direction:column;gap:16px}
.cicard{background:var(--wh);border:2.5px solid #f3f4f6;border-radius:var(--rs);padding:20px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 4px 16px rgba(0,0,0,.05);transition:all var(--tr)}
.cicard:hover{border-color:var(--y);transform:translateX(4px)}
.ciico{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.cicard h4{font-size:.9rem;font-weight:800;margin-bottom:3px}
.cicard p{font-size:.84rem;color:var(--txd);font-weight:600}
.ssec{background:var(--wh);border:2.5px solid var(--yl);border-radius:28px;padding:52px;margin-bottom:80px;box-shadow:var(--sh)}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.sitem{text-align:center;padding:16px}
.snum{font-family:var(--fh);font-size:2.6rem;background:linear-gradient(135deg,var(--yd),var(--or));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:6px}
.slbl{font-size:.82rem;font-weight:800;color:var(--txm);text-transform:uppercase;letter-spacing:.08em}
.ttrack{display:flex;gap:18px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}
.ttrack::-webkit-scrollbar{display:none}
.tstcard{background:var(--wh);border-radius:var(--r);border:2.5px solid #f3f4f6;padding:26px;flex:0 0 320px;scroll-snap-align:start;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all var(--tr)}
.tstcard:hover{border-color:var(--y);transform:translateY(-4px)}
.tstars2{font-size:1rem;margin-bottom:12px}
.ttxt{color:var(--txd);font-size:.875rem;line-height:1.75;margin-bottom:18px;font-weight:600;font-style:italic}
.tauthor{display:flex;align-items:center;gap:10px}
.tav{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;border:2px solid var(--yl)}
.taname{font-weight:800;font-size:.88rem}
.tarole{font-size:.76rem;color:var(--txm);font-weight:700}
.aisec{background:linear-gradient(135deg,var(--yl),#b8f7fb 60%,var(--orl));border-radius:28px;border:3px solid var(--y);padding:56px;position:relative;overflow:hidden;margin-bottom:80px}
.aigrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.aifeats{display:flex;flex-direction:column;gap:14px}
.aifeat{background:var(--wh);border:2.5px solid var(--yl);border-radius:16px;padding:16px;display:flex;align-items:flex-start;gap:14px;transition:all var(--tr)}
.aifeat:hover{border-color:var(--y);box-shadow:var(--sh)}
.aficon{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.aifeat h4{font-size:.9rem;font-weight:800;margin-bottom:2px}
.aifeat p{font-size:.82rem;color:var(--txd);font-weight:600}
.fbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px;justify-content:center}
.fbtn{padding:9px 22px;border-radius:50px;font-family:var(--fb);font-size:.855rem;font-weight:800;cursor:pointer;transition:all var(--tr);border:2.5px solid #f3f4f6;background:var(--wh);color:var(--txd)}
.fbtn:hover,.fbtn.act{background:linear-gradient(135deg,var(--y),var(--or));color:var(--wh);border-color:transparent;box-shadow:0 4px 16px rgba(0,224,239,.30)}
#fab{position:fixed;bottom:28px;right:28px;z-index:9999;width:62px;height:62px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--y),var(--or));box-shadow:0 6px 28px rgba(0,224,239,.42);display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:all var(--tr);animation:fpop 3s ease-in-out infinite}
#fab:hover{transform:scale(1.12)}
@keyframes fpop{0%,100%{box-shadow:0 6px 28px rgba(0,224,239,.42)}50%{box-shadow:0 6px 40px rgba(251,191,36,.7),0 0 0 14px rgba(251,191,36,.1)}}
#chatwin{position:fixed;bottom:106px;right:28px;z-index:9998;width:370px;height:540px;background:var(--wh);border:3px solid var(--yl);border-radius:26px;display:none;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px rgba(251,191,36,.25);animation:cpop .35s cubic-bezier(.34,1.56,.64,1) both}
@keyframes cpop{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
#chatwin.open{display:flex}
.chdr{padding:16px 18px;background:linear-gradient(135deg,var(--y),var(--or));display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.chdri{display:flex;align-items:center;gap:10px}
.chav{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.cname{font-family:var(--fh);font-size:1rem;color:#fff}
.cst{font-size:.73rem;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:5px;font-weight:700}
.stdot{width:6px;height:6px;background:#fff;border-radius:50%;animation:pls 2s infinite}
.cx{background:rgba(255,255,255,.2);border:none;color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all var(--tr)}
.cx:hover{background:rgba(255,255,255,.4)}
.cmsgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f8feff}
.cmsgs::-webkit-scrollbar{width:3px}
.cmsgs::-webkit-scrollbar-thumb{background:var(--y);border-radius:3px}
.cmsg{display:flex;gap:8px;animation:min .28s ease}
@keyframes min{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.cmsg.user{flex-direction:row-reverse}
.mav{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--y),var(--or));display:flex;align-items:center;justify-content:center;font-size:.9rem;align-self:flex-end}
.mbub{max-width:78%;padding:10px 14px;border-radius:16px;font-size:.855rem;line-height:1.6;font-weight:600;background:var(--wh);color:var(--tx);border:2px solid var(--yl)}
.cmsg.user .mbub{background:linear-gradient(135deg,var(--y),var(--or));color:#fff;border:none;border-radius:16px 16px 4px 16px}
.cmsg.bot .mbub{border-radius:4px 16px 16px 16px}
.typi{display:flex;align-items:center;gap:5px;padding:8px 12px}
.td{width:7px;height:7px;border-radius:50%;background:var(--yd);animation:td 1.2s infinite}
.td:nth-child(2){animation-delay:.2s}.td:nth-child(3){animation-delay:.4s}
@keyframes td{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-8px)}}
.qrps{padding:0 14px 10px;display:flex;gap:7px;flex-wrap:wrap;flex-shrink:0;background:#f8feff}
.qr{background:var(--yl);border:2px solid var(--y);color:var(--yd);font-size:.74rem;font-weight:800;padding:6px 12px;border-radius:50px;cursor:pointer;transition:all var(--tr);font-family:var(--fb)}
.qr:hover{background:var(--y);color:#fff}
.cinp{padding:10px 14px;border-top:2px solid var(--yl);display:flex;align-items:center;gap:8px;flex-shrink:0;background:var(--wh)}
#chat-input{flex:1;background:#fafafa;border:2px solid var(--yl);color:var(--tx);padding:10px 14px;border-radius:50px;font-family:var(--fb);font-size:.875rem;font-weight:600;outline:none;transition:border-color var(--tr)}
#chat-input:focus{border-color:var(--y)}
#chat-input::placeholder{color:var(--txm)}
.csend{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--y),var(--or));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all var(--tr);flex-shrink:0;box-shadow:0 3px 10px rgba(0,224,239,.30)}
.csend:hover{transform:scale(1.12)}
.cmic{width:36px;height:36px;border-radius:50%;border:2px solid var(--yl);background:var(--yl);color:var(--yd);display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all var(--tr);flex-shrink:0}
.cmic:hover{background:var(--y);border-color:var(--y);color:#fff}
.mov{position:fixed;inset:0;z-index:10000;background:rgba(30,27,75,.4);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px}
.mov.open{display:flex}
.modal{background:var(--wh);border:3px solid var(--yl);border-radius:28px;padding:36px;max-width:460px;width:100%;position:relative;animation:mi .35s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 24px 60px rgba(251,191,36,.2)}
@keyframes mi{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
.modal h2{font-family:var(--fh);font-size:1.5rem;margin-bottom:5px}
.modal p{color:var(--txd);font-size:.875rem;font-weight:600;margin-bottom:22px}
.mx{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:var(--yl);border:2px solid var(--y);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--yd);transition:all var(--tr);font-weight:800}
.mx:hover{background:var(--y);color:#fff}
#tmodal{z-index:10001}
.tmod{max-width:520px}
.tmod-photo{width:100px;height:100px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:2rem;color:#fff;overflow:hidden}
.tmod-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
#loading{position:fixed;inset:0;z-index:99999;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;transition:opacity .5s,visibility .5s}
#loading.hidden{opacity:0;visibility:hidden}
.llgo{font-family:var(--fh);font-size:2.2rem;background:linear-gradient(135deg,var(--yd),var(--or));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lp 1.2s ease infinite alternate}
@keyframes lp{from{transform:scale(1)}to{transform:scale(1.06)}}
.ldots{display:flex;gap:8px}
.ldot{width:10px;height:10px;border-radius:50%;background:var(--y);animation:ldot 1s ease-in-out infinite}
.ldot:nth-child(2){animation-delay:.2s;background:var(--or)}.ldot:nth-child(3){animation-delay:.4s;background:var(--pk)}
@keyframes ldot{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.toast{position:fixed;bottom:106px;left:50%;transform:translateX(-50%) translateY(16px);background:linear-gradient(135deg,var(--y),var(--or));color:#fff;padding:12px 26px;border-radius:50px;font-size:.875rem;font-weight:800;opacity:0;transition:all .38s;z-index:9997;pointer-events:none;box-shadow:0 6px 24px rgba(0,224,239,.30);white-space:nowrap}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.aos{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.aosl{opacity:0;transform:translateX(-28px);transition:opacity .65s ease,transform .65s ease}
.aosr{opacity:0;transform:translateX(28px);transition:opacity .65s ease,transform .65s ease}
.aos.v,.aosl.v,.aosr.v{opacity:1;transform:translate(0)}
footer{background:var(--tx);color:#fff;padding:56px 5% 28px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}
.fbrand h3{font-family:var(--fh);font-size:1.3rem;margin-bottom:10px;color:var(--y)}
.fbrand p{font-size:.875rem;color:#94a3b8;line-height:1.7;max-width:240px;margin-bottom:18px;font-weight:600}
.fsocials{display:flex;gap:10px}
.sbtn{width:36px;height:36px;background:#1e293b;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all var(--tr);text-decoration:none;color:#fff;border:none}
.sbtn:hover{background:var(--y);transform:translateY(-2px)}
.fcol h4{font-size:.9rem;font-weight:800;margin-bottom:14px;color:var(--y)}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.fcol ul li a{font-size:.845rem;color:#94a3b8;text-decoration:none;font-weight:600;transition:color var(--tr);cursor:pointer}
.fcol ul li a:hover{color:var(--y)}
.fbot{border-top:1px solid #1e293b;padding-top:22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.fbot p{font-size:.82rem;color:#64748b;font-weight:600}
@media(max-width:900px){
  .nav-links{display:none}
  .nav-acts .btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
  .burger{display:flex}
  .aisec,.ssec{padding:30px}
  .aigrid{grid-template-columns:1fr}
  .agrid{grid-template-columns:1fr}
  section{padding:80px 5%}
  .fgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .frow{grid-template-columns:1fr}
  .hctas{flex-direction:column;align-items:center}
  .ggrid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}
  .gitem.sp2,.gitem.sp2r{grid-column:span 1;grid-row:span 1}
  .cgrd{grid-template-columns:1fr}
  .sgrid{grid-template-columns:repeat(2,1fr)}
  #chatwin{width:calc(100vw - 40px);right:20px;height:480px}
}
.form-inp{width:100%;background:#fafafa;border:2px solid #f3f4f6;color:var(--tx);padding:11px 15px;border-radius:12px;font-family:var(--fb);font-size:.9rem;font-weight:600;transition:all var(--tr);outline:none;box-sizing:border-box;display:block}
.form-inp:focus{border-color:var(--y);background:var(--wh);box-shadow:0 0 0 3px rgba(251,191,36,.15)}
textarea.form-inp{min-height:110px;resize:vertical}
.field-err{background:var(--pkl);border-left:3px solid var(--pk);border-radius:0 8px 8px 0;padding:8px 12px;font-size:.8rem;font-weight:700;color:#be123c;margin-top:5px}
section{padding:100px 5% 60px;display:block}
section#home{padding-top:0}
#fab{width:74px;height:74px;background:transparent;border:none;box-shadow:0 14px 38px rgba(251,191,36,.28);padding:0;overflow:visible;animation:fpop 3s ease-in-out infinite}
#fab img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;filter:drop-shadow(0 10px 22px rgba(251,191,36,.35))}
#fab:hover{transform:translateY(-4px) scale(1.05)}

.auth-page{min-height:calc(100vh - var(--nh));padding:120px 5% 70px;background:radial-gradient(circle at 10% 15%,rgba(251,191,36,.22),transparent 30%),radial-gradient(circle at 90% 20%,rgba(56,189,248,.16),transparent 28%),linear-gradient(180deg,#f8feff,#e7fbfd)}
.auth-shell{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}
.auth-shell.reverse{grid-template-columns:.95fr 1.05fr}
.auth-visual,.modern-auth{position:relative;overflow:hidden;border-radius:34px;border:3px solid rgba(251,191,36,.28);box-shadow:0 18px 60px rgba(251,191,36,.18)}
.auth-visual{background:linear-gradient(135deg,var(--y),var(--or));padding:48px;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:520px}
.auth-visual:before,.auth-visual:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.18)}
.auth-visual:before{width:230px;height:230px;right:-70px;top:-70px}.auth-visual:after{width:170px;height:170px;left:-50px;bottom:-50px}
.auth-badge{position:relative;z-index:1;display:inline-flex;align-items:center;width:max-content;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.38);border-radius:50px;padding:8px 16px;font-size:.82rem;font-weight:900;margin-bottom:20px}
.auth-visual h1{position:relative;z-index:1;font-family:var(--fh);font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;margin-bottom:16px;max-width:560px}
.auth-visual p{position:relative;z-index:1;font-size:1rem;line-height:1.8;font-weight:700;color:rgba(255,255,255,.9);max-width:520px;margin-bottom:28px}
.auth-benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.auth-benefits div{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:16px 14px;backdrop-filter:blur(8px)}
.auth-benefits span{display:block;font-size:1.6rem;margin-bottom:6px}.auth-benefits b{display:block;font-size:.95rem}.auth-benefits small{display:block;color:rgba(255,255,255,.78);font-weight:700;margin-top:2px}
.modern-auth{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);padding:42px;display:flex;flex-direction:column;justify-content:center}
.auth-top-icon{width:70px;height:70px;border-radius:24px;background:linear-gradient(135deg,var(--yl),#fff);border:3px solid var(--yl);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:var(--sh);margin-bottom:18px}
.modern-auth h2{font-family:var(--fh);font-size:2rem;margin-bottom:6px}.modern-auth>p{color:var(--txd);font-weight:700;margin-bottom:24px}
.smart-field{margin-bottom:16px}.smart-field label{display:block;color:var(--txd);font-size:.84rem;font-weight:900;margin-bottom:8px}.input-wrap{display:flex;align-items:center;gap:10px;background:#fff;border:2.5px solid #f3f4f6;border-radius:18px;padding:0 14px;transition:all var(--tr);box-shadow:0 4px 18px rgba(0,0,0,.035)}
.input-wrap:focus-within{border-color:var(--y);box-shadow:0 0 0 4px rgba(251,191,36,.15);transform:translateY(-1px)}.input-wrap span{font-size:1rem;flex:0 0 auto}.input-wrap input,.input-wrap textarea{width:100%;border:none;background:transparent;outline:none;font-family:var(--fb);font-weight:700;color:var(--tx);font-size:.95rem;padding:14px 0}.textarea-wrap{align-items:flex-start;padding-top:12px}.textarea-wrap textarea{min-height:130px;resize:vertical;padding-top:0}
.smart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 18px;font-size:.84rem;font-weight:800;color:var(--txd)}.auth-row a,.auth-switch a{color:var(--yd);font-weight:900;text-decoration:none}.auth-row a:hover,.auth-switch a:hover{text-decoration:underline}.auth-row input,.agree input{accent-color:var(--yd);margin-right:6px}.agree{display:flex;align-items:flex-start;gap:6px;font-size:.84rem;font-weight:800;color:var(--txd);margin:4px 0 18px;line-height:1.5}.auth-submit{width:100%;border:none;border-radius:50px;padding:15px 22px;background:linear-gradient(135deg,var(--y),var(--or));color:#fff;font-family:var(--fb);font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 8px 24px rgba(251,191,36,.38);transition:all var(--tr)}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 13px 34px rgba(251,191,36,.48)}.auth-switch{text-align:center;margin-top:20px;color:var(--txm);font-weight:800}

.contact-hero-section{padding-top:118px;background:radial-gradient(circle at 15% 10%,rgba(52,211,153,.16),transparent 28%),radial-gradient(circle at 85% 20%,rgba(251,191,36,.18),transparent 28%),var(--bg)}.contact-hero{text-align:center;max-width:760px;margin:0 auto 36px}.contact-hero h1{font-family:var(--fh);font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.12;margin-bottom:12px}.contact-hero p{color:var(--txd);font-weight:700;line-height:1.8}.contact-layout{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}.contact-panel,.contact-card,.contact-mini{background:rgba(255,255,255,.94);border:2.5px solid #f3f4f6;border-radius:28px;box-shadow:0 12px 45px rgba(0,0,0,.06)}.contact-form-panel{padding:34px}.panel-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.panel-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--grl),#fff);border:2.5px solid var(--gr);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex:0 0 auto}.panel-head h3{font-family:var(--fh);font-size:1.35rem;margin-bottom:4px}.panel-head p{color:var(--txd);font-size:.9rem;font-weight:700;line-height:1.6}.contact-side{display:flex;flex-direction:column;gap:16px}.primary-contact{padding:32px;background:linear-gradient(135deg,var(--tx),#312e81);color:#fff;border:none;overflow:hidden;position:relative}.primary-contact:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(251,191,36,.2);right:-60px;top:-60px}.primary-contact span{width:58px;height:58px;border-radius:18px;background:rgba(251,191,36,.22);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:18px}.primary-contact h3{font-family:var(--fh);font-size:1.45rem;margin-bottom:8px}.primary-contact p{color:#cbd5e1;font-weight:700;line-height:1.7;margin-bottom:16px}.primary-contact a{display:inline-flex;color:#fff;text-decoration:none;font-weight:900;background:linear-gradient(135deg,var(--y),var(--or));padding:12px 18px;border-radius:50px}.contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-mini{padding:20px;min-height:142px}.contact-mini span{font-size:1.55rem;display:block;margin-bottom:10px}.contact-mini b{display:block;font-size:.88rem;margin-bottom:5px}.contact-mini p,.contact-mini a{font-size:.84rem;color:var(--txd);font-weight:700;line-height:1.55;text-decoration:none;word-break:break-word}.contact-mini a:hover{color:var(--yd)}

@media(max-width:900px){.auth-shell,.auth-shell.reverse,.contact-layout{grid-template-columns:1fr}.auth-visual{min-height:auto}.contact-info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#fab{width:66px;height:66px;right:18px;bottom:18px}.auth-page{padding:98px 4% 50px}.modern-auth,.auth-visual,.contact-form-panel,.primary-contact{padding:26px;border-radius:26px}.auth-benefits,.smart-grid,.contact-info-grid{grid-template-columns:1fr}.auth-row{align-items:flex-start;flex-direction:column}.contact-hero-section{padding-top:98px}.contact-layout{gap:18px}}
#fab{display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent!important;border-radius:50%;}
#fab img{width:100%;height:100%;object-fit:contain!important;object-position:center center!important;border-radius:50%;transform:none!important;}
.ai-visual-card{position:relative;min-height:390px;width:100%;max-width:410px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.96),rgba(255,248,225,.72));border:3px solid rgba(251,191,36,.28);border-radius:34px;box-shadow:0 20px 55px rgba(251,191,36,.22);overflow:hidden;}
.ai-visual-card:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:linear-gradient(135deg,rgba(251,191,36,.18),rgba(251,146,60,.1));left:50%;top:50%;transform:translate(-50%,-50%);}
.ai-orbit{position:relative;width:235px;height:235px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff7d6,#fff);border:3px solid var(--yl);box-shadow:inset 0 0 0 14px rgba(0,224,239,.12),0 16px 44px rgba(251,191,36,.2);}
.ai-orbit img{width:168px;height:168px;object-fit:contain;display:block;}
.ai-chip{position:absolute;background:#fff;border:2px solid var(--yl);border-radius:999px;padding:9px 13px;font-size:.8rem;font-weight:900;color:var(--txd);box-shadow:0 10px 28px rgba(0,0,0,.07)}
.ai-chip.one{left:18px;top:38px}.ai-chip.two{right:18px;bottom:42px}.ai-chip.three{left:30px;bottom:34px}
.pager{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:30px;}
.pager button{min-width:40px;height:40px;border-radius:14px;border:2.5px solid var(--yl);background:#fff;color:var(--yd);font-family:var(--fb);font-weight:900;cursor:pointer;transition:all var(--tr);box-shadow:0 4px 16px rgba(251,191,36,.08)}
.pager button:hover,.pager button.active{background:linear-gradient(135deg,var(--y),var(--or));color:#fff;border-color:transparent;transform:translateY(-2px)}
.pager button:disabled{opacity:.45;cursor:not-allowed;transform:none;background:#fff;color:var(--txm);border-color:#f3f4f6}
@media(max-width:850px){.ai-visual-card{min-height:320px}.ai-chip{display:none}}
:root{
  --bg:#fff8ff;
  --bg2:#f7f3ff;
  --y:#ff2fd5;
  --yl:#ffe1fb;
  --yd:#d61bb6;
  --or:#7c3aed;
  --orl:#efe7ff;
  --pk:#ff4d5e;
  --pkl:#ffe4ea;
  --bl:#1f86d9;
  --bll:#dff1ff;
  --gr:#34d399;
  --grl:#d1fae5;
  --pu:#a855f7;
  --pul:#f3e8ff;
  --tx:#331459;
  --txd:#5b4f72;
  --txm:#9b93ab;
  --sh:0 8px 28px rgba(214,27,182,.14);
  --shl:0 18px 48px rgba(124,58,237,.18);
}
body{background:radial-gradient(circle at top left,rgba(255,47,213,.07),transparent 28%),radial-gradient(circle at top right,rgba(31,134,217,.08),transparent 24%),var(--bg)}
::-webkit-scrollbar-track{background:#f7f0ff}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--y),var(--or))}
nav{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:2px solid rgba(255,47,213,.12);box-shadow:0 8px 30px rgba(124,58,237,.08)}

.logo-img{width:54px;height:54px;object-fit:contain;display:block;filter:drop-shadow(0 8px 16px rgba(214,27,182,.18))}
.logo-text{display:flex;flex-direction:column;line-height:1}
.logo-text strong{font-family:var(--fh);font-size:1.05rem;color:var(--tx);font-weight:400}
.logo-text span{font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--bl);margin-top:5px}
.nav-links a:hover,.nav-links a.active{color:var(--yd);background:rgba(255,47,213,.09)}
.btn-o{border-color:rgba(255,47,213,.32);color:var(--yd);background:#fff}
.btn-o:hover{background:var(--yl)}
.btn-f,.hbtn-p,.cenroll,.bbtn,.csend,.chdr,.fbtn:hover,.fbtn.act,.pager button:hover,.pager button.active{background:linear-gradient(135deg,var(--y),var(--or))!important}
.btn-f:hover,.hbtn-p:hover,.ccard:hover,.wcard:hover,.tcard:hover{box-shadow:var(--shl)}
.burger{background:#fff0fd}
.burger span{background:var(--yd)}
.mnav{background:linear-gradient(180deg,#fff,#fff8ff)}
.hero{background:radial-gradient(circle at 50% 0%,rgba(255,47,213,.10),transparent 35%),linear-gradient(180deg,#fff8ff,#f9f5ff)}
.hbadge,.stag{background:var(--yl);border-color:rgba(255,47,213,.24);color:var(--yd)}
.hbadge .dot{background:var(--yd)}
.htitle .hl,.snum,.llgo span{background:linear-gradient(135deg,var(--y),var(--or),var(--bl));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hbtn-s{border-color:rgba(255,47,213,.28);color:var(--yd)}
.hbtn-s:hover{background:var(--yl)}
.hcard,.ssec,.aifeat,.af,.btag,.qr,.mx{border-color:rgba(255,47,213,.18)}
.ai-visual-card{background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.98),rgba(255,240,253,.88));border-color:rgba(255,47,213,.18);box-shadow:0 20px 55px rgba(124,58,237,.15)}
.ai-visual-card:before{background:linear-gradient(135deg,rgba(255,47,213,.18),rgba(124,58,237,.12))}
.ai-orbit{border-color:rgba(255,47,213,.18);box-shadow:inset 0 0 0 14px rgba(255,47,213,.10),0 16px 44px rgba(124,58,237,.14)}
footer{background:linear-gradient(135deg,#32114f,#43146b 55%,#1c4e9e)}
.footer-logo{display:flex;align-items:center;gap:14px;text-decoration:none;margin-bottom:14px}
.footer-logo img{width:70px;height:70px;object-fit:contain;display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.18))}
.footer-logo h3{margin:0!important;color:#fff!important;font-family:var(--fh);font-size:1.18rem}
.footer-logo span{display:block;font-size:.73rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#bfdbfe;margin-top:4px}
.fbrand p{max-width:300px;color:#e9def7}
.sbtn:hover{background:linear-gradient(135deg,var(--y),var(--or))}
.llgo{display:flex;align-items:center;gap:14px}
.llgo img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(124,58,237,.16))}
.llgo span{font-family:var(--fh);font-size:1.85rem;line-height:1.1}
.ldot{background:var(--y)}
.ldot:nth-child(2){background:var(--or)}
.ldot:nth-child(3){background:var(--bl)}
.toast{background:linear-gradient(135deg,var(--y),var(--or));box-shadow:0 10px 26px rgba(124,58,237,.25)}
.contact-panel,.contact-card,.contact-mini,.modern-auth,.auth-visual,.cform,.cicard{box-shadow:0 14px 42px rgba(80,32,140,.08)}
.contact-hero-section{background:radial-gradient(circle at 15% 10%,rgba(31,134,217,.12),transparent 28%),radial-gradient(circle at 85% 20%,rgba(255,47,213,.14),transparent 28%),var(--bg)}
.primary-contact{background:linear-gradient(135deg,#43146b,#1c4e9e)}
@media(max-width:700px){.logo-img{width:46px;height:46px}.logo-text strong{font-size:.92rem}.logo-text span{font-size:.64rem;letter-spacing:.13em}.llgo{flex-direction:column;gap:8px}.llgo span{text-align:center;font-size:1.5rem}}
@media(max-width:900px){
  .mnav{display:flex!important}
  .mnav a{font-size:1.25rem}
}
@media(max-width:900px){
  nav{padding:0 3.5%;gap:8px}
  .logo{min-width:0;flex:1 1 auto}
  .nav-acts{flex:0 0 auto;gap:6px}
  .nav-acts .btn{padding:8px 12px;border-radius:999px;font-size:.78rem;line-height:1}
  .nav-acts .btn-o{background:#fff;border-width:2px}
  .burger{width:42px;height:42px;flex:0 0 42px}
  .mnav-auth{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
  .mnav-auth a{font-family:var(--fb);font-size:.95rem!important;font-weight:900;padding:10px 15px;border-radius:999px;text-decoration:none}
  .mnav-login{background:#fff;border:2px solid rgba(255,47,213,.28);color:var(--yd)!important}
  .mnav-register{background:linear-gradient(135deg,var(--y),var(--or));color:#fff!important;box-shadow:0 8px 22px rgba(124,58,237,.18)}
}
@media(max-width:520px){
  nav{height:78px}
  .logo-img{width:42px!important;height:42px!important}
  .logo-text strong{font-size:.82rem!important}
  .logo-text span{font-size:.56rem!important;letter-spacing:.09em!important}
  .nav-acts{gap:5px}
  .nav-acts .btn{font-size:.68rem;padding:7px 8px}
  .burger{width:40px;height:40px;flex-basis:40px;border-radius:13px}
}
@media(max-width:390px){
  nav{padding:0 2.5%;gap:5px}
  .logo{gap:6px}
  .logo-img{width:38px!important;height:38px!important}
  .logo-text strong{font-size:.74rem!important}
  .logo-text span{font-size:.5rem!important}
  .nav-acts .btn{font-size:.62rem;padding:6px 7px}
  .burger{width:36px;height:36px;flex-basis:36px}
  .burger span{width:18px}
}

:root{
  --bg:#f6fbfc; --bg2:#e9fbfd;
  --y:#00e0ef; --yl:#d8fbff; --yd:#00b7c7;
  --pk:#00e0ef; --pkl:#e3fcff;
  --bl:#00a6c8; --bll:#d9f8fc;
  --gr:#00c787; --grl:#ddfff4;
  --pu:#0a6c78; --pul:#e1f7fa;
  --or:#ffc247; --orl:#fff5d8;
  --tx:#002930; --txd:#315b63; --txm:#779097;
  --wh:#ffffff;
  --sh:0 12px 34px rgba(0,41,48,.10);
  --shl:0 24px 70px rgba(0,224,239,.20);
  --r:24px; --rs:16px;
  --fh:"Manrope","Inter",sans-serif;
  --fb:"Inter","Segoe UI",sans-serif;
  --brand-dark:#002930; --brand-cyan:#00e0ef; --brand-green:#00c787;
}
body{background:linear-gradient(180deg,#f8feff 0%,#eefcff 45%,#f7fbfc 100%);font-family:var(--fb);color:var(--tx);letter-spacing:-.01em}
nav{height:78px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,41,48,.08);box-shadow:0 14px 40px rgba(0,41,48,.08)}
.logo{gap:12px;font-family:var(--fh);font-weight:900;color:var(--tx)}
.logo-img{width:132px!important;height:auto!important;object-fit:contain;display:block;filter:drop-shadow(0 10px 18px rgba(0,224,239,.14))}
.nav-links a{font-family:var(--fb);font-weight:800;color:#315b63;border:1px solid transparent}.nav-links a:hover,.nav-links a.active{color:#002930;background:rgba(0,224,239,.10);border-color:rgba(0,224,239,.22)}
.btn,.hbtn,.cenroll,.bbtn,.fbtn,.auth-submit,.auth-pdp-submit{font-family:var(--fb);font-weight:900;letter-spacing:-.01em}.btn-o{border-color:rgba(0,224,239,.55);color:#006f7a;background:#fff}.btn-o:hover{background:#e3fcff;border-color:#00e0ef}.btn-f,.hbtn-p,.cenroll,.bbtn,.auth-submit,.auth-pdp-submit{background:linear-gradient(135deg,#002930 0%,#006b75 48%,#00e0ef 100%)!important;color:#fff!important;box-shadow:0 14px 28px rgba(0,224,239,.22)!important}.btn-f:hover,.hbtn-p:hover,.cenroll:hover,.bbtn:hover,.auth-submit:hover,.auth-pdp-submit:hover{box-shadow:0 18px 44px rgba(0,224,239,.30)!important;transform:translateY(-3px)}
.burger{background:#e3fcff}.burger span{background:#002930}.mnav{background:linear-gradient(180deg,#ffffff,#effcff)}.mnav a{font-family:var(--fh);color:#002930}.mnav a:hover{color:#00a9b8}
.hero{background:radial-gradient(circle at 12% 12%,rgba(0,224,239,.18),transparent 28%),radial-gradient(circle at 84% 18%,rgba(0,199,135,.14),transparent 30%),linear-gradient(180deg,#f8feff,#eafffd 62%,#f7fbfc);padding-top:78px}.hb1{background:#00e0ef}.hb2{background:#00c787}.hb3{background:#002930}.hb4{background:#ffc247}.femoji{filter:drop-shadow(0 10px 18px rgba(0,41,48,.12))}.hbadge{background:#e3fcff;border-color:#00e0ef;color:#006f7a;box-shadow:0 12px 28px rgba(0,224,239,.13)}.hbadge .dot{background:#00e0ef}.htitle,.stitle,.wcard h3,.ctitle,.bname,.modal h2,.auth-visual h1,.modern-auth h2,.contact-hero h1,.panel-head h3,.primary-contact h3,.fbrand h3{font-family:var(--fh)!important;font-weight:900;letter-spacing:-.045em}.htitle .hl,.snum,.llgo{background:linear-gradient(135deg,#002930,#007985,#00e0ef)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.hsub,.ssub{color:#315b63}.hbtn-s{background:#fff;border-color:rgba(0,224,239,.55);color:#006f7a}.hbtn-s:hover{background:#e3fcff}.hcard,.wcard,.ccard,.bcard,.cform,.cicard,.tstcard,.contact-panel,.contact-card,.contact-mini,.modern-auth,.auth-pdp-card{border-color:rgba(0,41,48,.08)!important;box-shadow:0 14px 44px rgba(0,41,48,.08)!important}.hcard:hover,.wcard:hover,.ccard:hover,.bcard:hover,.tstcard:hover{border-color:rgba(0,224,239,.45)!important;box-shadow:0 24px 70px rgba(0,224,239,.18)!important}.stag{background:#e3fcff!important;border-color:#00e0ef!important;color:#006f7a!important}.wicon,.ciico,.panel-icon{box-shadow:0 12px 28px rgba(0,224,239,.13)!important}.cprice{color:#008f70!important}.ctag,.btag{background:#e3fcff!important;border-color:#00e0ef!important;color:#006f7a!important}.cfoot{border-top-color:rgba(0,41,48,.06)}.fg input:focus,.fg textarea:focus,.fg select:focus,.form-inp:focus,.input-wrap:focus-within,.auth-pdp-field input:focus{border-color:#00e0ef!important;box-shadow:0 0 0 4px rgba(0,224,239,.15)!important}.ssec{border-color:rgba(0,224,239,.25);background:linear-gradient(135deg,#ffffff,#f2fdff);box-shadow:0 20px 60px rgba(0,41,48,.08)}.primary-contact,.auth-pdp-info,.auth-visual{background:linear-gradient(135deg,#002930 0%,#004f59 58%,#008897 100%)!important}.primary-contact a{background:linear-gradient(135deg,#00e0ef,#00c787)!important;color:#002930!important}.govl{background:rgba(0,224,239,.20)}::-webkit-scrollbar-track{background:#e9fbfd}::-webkit-scrollbar-thumb{background:#00b7c7}.auth-pdp-row a,.auth-pdp-switch a,.auth-row a,.auth-switch a{color:#007985!important}.pdp-toast,.toast{background:#002930!important;color:#fff!important}.ct-en .cthumb,.ct-il .cthumb,.ct-ma .cthumb,.ct-it .cthumb,.ct-ro .cthumb,.ct-ar .cthumb,.ct-pr .cthumb,.ct-sp .cthumb{background:linear-gradient(135deg,#e3fcff,#dffaf1)!important}
@media(max-width:900px){.logo-img{width:112px!important}nav{height:72px}.hero{padding-top:72px}}
:root{
  --bg:#F5F8FA; --bg2:#F7FAFC; --wh:#FFFFFF;
  --brand-dark:#002930; --brand-dark-2:#07343B;
  --brand-cyan:#00C8D7; --brand-cyan-2:#00E0EF;
  --brand-green:#20C997; --brand-blue:#68A4FF;
  --tx:#092B32; --txd:#4E626A; --txm:#8A99A0;
  --y:var(--brand-cyan); --yl:#D9FAFD; --yd:#009EAA;
  --pk:var(--brand-blue); --pkl:#EAF2FF;
  --bl:var(--brand-cyan); --bll:#E5FBFD;
  --gr:var(--brand-green); --grl:#E6FBF4;
  --pu:var(--brand-blue); --pul:#EDF4FF;
  --or:var(--brand-green); --orl:#E8FBF5;
  --sh:0 10px 30px rgba(0,41,48,.08);
  --shl:0 18px 44px rgba(0,41,48,.13);
  --r:20px; --rs:14px;
  --fh:"Manrope","Inter",sans-serif; --fb:"Inter","Segoe UI",sans-serif;
  --nh:74px;
}
html,body{background:var(--bg);font-family:var(--fb);color:var(--tx);}
#loading,.sp-loading{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
body::before{content:none!important;}
::-webkit-scrollbar-track{background:#F5F8FA}::-webkit-scrollbar-thumb{background:var(--brand-cyan)}
nav{height:var(--nh);background:#fff;border-bottom:1px solid #E8EEF2;box-shadow:none;padding:0 28px;gap:22px;}
.logo{gap:10px;min-width:165px;font-family:var(--fh);}
.logo-img{width:122px!important;height:auto!important;object-fit:contain!important;display:block!important;}
.nav-links{gap:8px;flex:1;justify-content:center;}
.nav-links a{font-family:var(--fb);font-size:13px;font-weight:800;color:#4D5E65;padding:10px 12px;border-radius:14px;}
.nav-links a:hover,.nav-links a.active{background:transparent;color:var(--brand-cyan);}
.nav-acts{gap:10px;}
.nav-phone{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;background:#CFF8FC;border:1px solid #A6EEF5;color:#07343B;text-decoration:none;font-weight:900;letter-spacing:.02em;box-shadow:0 8px 20px rgba(0,200,215,.13);white-space:nowrap;}
.nav-phone span{width:24px;height:24px;border-radius:50%;background:rgba(0,41,48,.09);display:inline-flex;align-items:center;justify-content:center;font-size:13px;}
.btn{font-family:var(--fb);font-weight:900;border-radius:999px;padding:13px 22px;font-size:14px;}
.btn-o{background:#fff;border:1px solid #DDE6EA;color:#111827;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.btn-o:hover{background:#F6FAFB;color:var(--brand-dark)}
.btn-f{background:linear-gradient(135deg,#20D19C,#18C99B);box-shadow:0 12px 28px rgba(32,201,151,.22);color:#fff;}
.btn-f:hover{box-shadow:0 14px 34px rgba(32,201,151,.28);transform:translateY(-2px)}
.burger{background:#E9FBFD}.burger span{background:var(--brand-dark)}
.mnav{background:#fff}.mnav a{font-family:var(--fh);color:var(--tx)}.mnav a:hover{color:var(--brand-cyan)}
section{background:var(--bg);}
.hero{background:linear-gradient(180deg,#F7FAFC 0%,#EFF5F7 100%);min-height:calc(100vh - 0px);}
.hblob{opacity:.12}.hb1{background:var(--brand-cyan)}.hb2{background:var(--brand-blue)}.hb3{background:var(--brand-green)}.hb4{background:var(--brand-cyan)}
.femoji{display:none;}
.hbadge,.stag{background:#E6FBFD;border:1px solid #B9F1F6;color:#078D98;font-family:var(--fb);font-weight:900;letter-spacing:.03em;}
.htitle,.stitle,.wcard h3,.ctitle,.hcard .hn,.cprice{font-family:var(--fh);font-weight:900;color:var(--brand-dark);letter-spacing:-.035em;}
.htitle .hl,.stitle span,.hl{background:linear-gradient(90deg,var(--brand-cyan),var(--brand-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.htitle{font-size:clamp(2.3rem,5.3vw,4.4rem);line-height:1.05;}
.hsub,.ssub,.wcard p,.cdesc{font-family:var(--fb);color:#4C6168;font-weight:700;}
.hbtn{font-family:var(--fb);font-weight:900;border-radius:999px;}
.hbtn-p,.cenroll{background:linear-gradient(135deg,var(--brand-cyan),#08B5C0);box-shadow:0 14px 34px rgba(0,200,215,.25);color:#fff;}
.hbtn-s{background:#fff;border:1px solid #DCE7EA;color:var(--brand-dark);}
.hbtn-s:hover{background:#F3FCFD;border-color:#A9EEF4;color:#008C97;}
.hcard,.wcard,.ccard,.mcard,.team-card,.branch-card,.contact-card,.gallery-card,.auth-card{background:#fff;border:1px solid #E5ECEF;box-shadow:0 12px 34px rgba(0,41,48,.06);border-radius:22px;}
.hcard:hover,.wcard:hover,.ccard:hover,.mcard:hover,.team-card:hover,.branch-card:hover,.contact-card:hover,.gallery-card:hover{border-color:#B9F1F6;box-shadow:var(--shl);}
.stag.pk,.stag.bl,.stag.gr,.stag.pu,.stag.or{background:#E6FBFD;border-color:#B9F1F6;color:#078D98;}
.cthumb,.ct-en .cthumb,.ct-il .cthumb,.ct-ma .cthumb,.ct-it .cthumb,.ct-ro .cthumb,.ct-ar .cthumb,.ct-pr .cthumb,.ct-sp .cthumb{background:linear-gradient(135deg,#E6FBFD,#EDF4FF)!important;}
.cfoot{border-top:1px solid #EEF3F5}.cprice{color:var(--brand-green)}
input,select,textarea{font-family:var(--fb)!important;border-color:#DDE8EC!important;}
input:focus,select:focus,textarea:focus{border-color:var(--brand-cyan)!important;box-shadow:0 0 0 4px rgba(0,200,215,.10)!important;outline:none!important;}
.toast{background:#002930!important;color:#fff!important;border:1px solid rgba(0,200,215,.25)!important;}
@media(max-width:1100px){.nav-phone{display:none}.nav-links{gap:2px}.nav-links a{padding:8px 9px}}
@media(max-width:820px){nav{padding:0 18px}.nav-links{display:none}.burger{display:flex}.logo-img{width:112px!important}.btn-o,.btn-f{display:none}.nav-phone{display:none}}
body{background:linear-gradient(180deg,#f7fbfc,#eef6f8);color:var(--tx)}
nav{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,41,48,.08);box-shadow:0 10px 24px rgba(0,41,48,.05)}
.logo{gap:12px}.logo-img{width:56px;height:56px;object-fit:contain}.logo-text strong{display:block;font-family:var(--fh);font-size:1.05rem;font-weight:900;color:#002930;line-height:1}.logo-text span{display:block;font-size:.72rem;font-weight:800;color:#16c5d5;margin-top:4px;letter-spacing:.04em}
.nav-links a{color:#47656d}.nav-links a:hover,.nav-links a.active{color:#002930;background:#e9fbfd}
.btn-o{background:#fff;border:1.5px solid rgba(0,41,48,.14);color:#002930}.btn-o:hover{background:#f3fbfc;border-color:#16c5d5}
.btn-f,.hbtn-p,.cenroll,.bbtn{background:linear-gradient(135deg,#002930,#00a6b2 55%,#19cfdd);box-shadow:0 12px 24px rgba(0,41,48,.16)}
.btn-f:hover,.hbtn-p:hover,.cenroll:hover,.bbtn:hover{box-shadow:0 16px 30px rgba(0,41,48,.2)}
.hero{background:radial-gradient(circle at 10% 10%,rgba(25,207,221,.10),transparent 20%),radial-gradient(circle at 80% 10%,rgba(0,166,178,.10),transparent 24%),linear-gradient(180deg,#f7fbfc,#eef6f8)}
.hbadge,.stag,.btag{background:#e9fbfd;border-color:#c6f4f8;color:#007985}
.htitle .hl,.snum{background:linear-gradient(135deg,#002930,#00a6b2,#19cfdd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hsub,.ssub,.wcard p,.cdesc,.atext p,.baddr,.cicard p,.ttxt{color:#567078}
.hcard,.wcard,.ccard,.bcard,.cform,.cicard,.tstcard{border:1px solid rgba(0,41,48,.06);box-shadow:var(--sh)}
.hcard{border-color:rgba(25,207,221,.22)}
.wcard:hover,.ccard:hover,.bcard:hover,.tstcard:hover,.cicard:hover{border-color:#b4eef3;box-shadow:var(--shl)}
.ct-en .cthumb{background:linear-gradient(135deg,#dff9fc,#bff3f7)}
.ct-il .cthumb{background:linear-gradient(135deg,#e9fbfd,#cff7fa)}
.ct-ma .cthumb{background:linear-gradient(135deg,#edf8ff,#d6f0ff)}
.ct-it .cthumb{background:linear-gradient(135deg,#eef8fb,#def5f8)}
.ct-ro .cthumb{background:linear-gradient(135deg,#e8fbf4,#c9f5e2)}
.ctag{background:#eef7f8;color:#007985}
.cprice{color:#00a36d}
.ssec,.aisec{background:#fff;border:1px solid rgba(0,41,48,.06);box-shadow:var(--sh)}
footer{background:#002930;color:#dcecee}.footer-logo h3,.fcol h4{color:#fff}.footer-logo span,.fcol a,.fbot p{color:rgba(255,255,255,.76)}.sbtn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
#fab{background:linear-gradient(135deg,#002930,#00a6b2 55%,#19cfdd);box-shadow:0 16px 28px rgba(0,41,48,.18)}
#chatwin{border:1px solid rgba(0,41,48,.08);box-shadow:0 24px 70px rgba(0,41,48,.14)}
.chdr{background:linear-gradient(135deg,#002930,#00a6b2 55%,#19cfdd)}
.cmsgs{background:#f8fcfd}
#loading{display:none!important}
body{background:radial-gradient(circle at 8% 0%,rgba(0,224,239,.13),transparent 28%),radial-gradient(circle at 92% 8%,rgba(0,41,48,.08),transparent 30%),var(--bg)}
nav{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,224,239,.18);box-shadow:0 12px 34px rgba(0,41,48,.08)}
.logo img,.footer-logo img{filter:drop-shadow(0 8px 18px rgba(0,224,239,.18))}
.btn-f,.hbtn-p,.cenroll{background:var(--aqua-grad)!important;box-shadow:0 12px 28px rgba(0,224,239,.26)!important}
.btn-o,.hbtn-s{border-color:#00E0EF;color:#002930;background:rgba(255,255,255,.65)}
.btn-o:hover,.hbtn-s:hover{background:#d9fbfd}
.hero{background:linear-gradient(180deg,#f9feff 0%,#eefcfe 58%,#f4f8f9 100%)}
.hero::after{content:"";position:absolute;inset:auto 5% 5% 5%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,224,239,.35),transparent)}
.hbadge,.stag,.hcard,.ccard,.wcard,.tstcard,.aicard,.modal{border-color:rgba(0,224,239,.18)!important;box-shadow:var(--sh)}
.hbadge,.stag,.ctag,.fbtn.act{background:#d9fbfd!important;color:#002930!important;border-color:#00E0EF!important}
.htitle .hl,.stitle span{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ccard{position:relative;background:linear-gradient(180deg,#ffffff,#f9feff);border-color:rgba(0,224,239,.16)!important}
.ccard::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--brand-grad);opacity:.9}
.ccard:hover{border-color:#00E0EF!important;box-shadow:0 24px 60px rgba(0,41,48,.14)}
.cthumb{background:radial-gradient(circle at 40% 30%,rgba(0,224,239,.22),transparent 34%),linear-gradient(135deg,#002930,#00424d 54%,#00a6b2)!important;color:white}
.cthumb span{filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))}
.ctag{font-weight:900;letter-spacing:.09em}
.cprice{color:#002930!important;font-weight:900}
.fbar{background:rgba(255,255,255,.70);border:1px solid rgba(0,224,239,.15);backdrop-filter:blur(14px);border-radius:999px;padding:8px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.fbtn{border:1px solid transparent;background:white;color:#315b63;box-shadow:0 6px 18px rgba(0,41,48,.05)}
footer{background:linear-gradient(135deg,#002930,#003d46)!important;color:#fff;border-top:1px solid rgba(0,224,239,.20)}
footer a,footer p{color:rgba(255,255,255,.76)!important} footer h3,footer h4{color:#fff!important}
.sbtn{background:rgba(0,224,239,.12)!important;border:1px solid rgba(0,224,239,.20)!important;color:#fff!important}
#fab{box-shadow:0 18px 40px rgba(0,224,239,.32)!important}
.chdr,.csend{background:var(--brand-grad)!important}.cname{color:#fff!important}
.hero .hcontent{position:relative;z-index:3;animation:heroReveal .9s cubic-bezier(.2,.8,.2,1) both}
.hero:before{content:"";position:absolute;inset:8% 12%;background:radial-gradient(circle,rgba(0,224,239,.13),transparent 58%);filter:blur(10px);animation:heroAura 7s ease-in-out infinite alternate;pointer-events:none}
.hcard,.wcard,.ccard,.tstcard,.bcard{transform-style:preserve-3d;will-change:transform}
.hcard:hover,.wcard:hover,.ccard:hover,.tstcard:hover,.bcard:hover{transform:translateY(-10px) rotateX(2deg) rotateY(-2deg)}
.cthumb span,.wicon,.bpin{display:inline-block;animation:visualFloat 4s ease-in-out infinite}
.ccard:nth-child(2n) .cthumb span,.wcard:nth-child(2n) .wicon{animation-delay:-1.3s}
.ccard:nth-child(3n) .cthumb span,.wcard:nth-child(3n) .wicon{animation-delay:-2.4s}
.aos.show{animation:sectionPop .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes heroReveal{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes heroAura{from{transform:scale(.88) translateY(-8px)}to{transform:scale(1.12) translateY(16px)}}
@keyframes visualFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(3deg)}}
@keyframes sectionPop{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}
#fab.pdp-robot-fab{width:78px;height:82px;border-radius:25px;background:linear-gradient(145deg,#fff,#e6fbfd);border:2px solid rgba(0,224,239,.7);box-shadow:0 16px 38px rgba(0,41,48,.22),0 0 0 8px rgba(0,224,239,.10);overflow:visible;animation:robotHover 3.2s ease-in-out infinite;padding:0}
.pdp-robot-fab .robot-head{position:absolute;inset:13px 8px 8px;border-radius:21px;background:linear-gradient(145deg,#002930,#006c75);border:2px solid #00e0ef;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 -9px 18px rgba(0,0,0,.18)}
.pdp-robot-fab .robot-head img{width:53px;max-height:29px;object-fit:contain;filter:brightness(0) invert(1);margin-top:19px}
.pdp-robot-fab .robot-eye{position:absolute;top:13px;width:8px;height:8px;border-radius:50%;background:#00e0ef;box-shadow:0 0 10px #00e0ef;animation:robotBlink 4.5s infinite}
.pdp-robot-fab .robot-eye.left{left:20px}.pdp-robot-fab .robot-eye.right{right:20px}
.pdp-robot-fab .robot-antenna{position:absolute;top:-12px;left:50%;width:3px;height:17px;background:#002930;transform:translateX(-50%);border-radius:4px}
.pdp-robot-fab .robot-antenna i{position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:#00e0ef;transform:translateX(-50%);box-shadow:0 0 12px #00e0ef;animation:antennaPulse 1.5s infinite}
.pdp-robot-fab .robot-shadow{position:absolute;left:16px;right:16px;bottom:-12px;height:8px;border-radius:50%;background:rgba(0,41,48,.18);filter:blur(4px);animation:shadowPulse 3.2s ease-in-out infinite}
.robot-chat-avatar,.robot-msg-avatar{background:linear-gradient(145deg,#002930,#007985)!important;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.robot-chat-avatar img,.robot-msg-avatar img{width:76%;height:76%;object-fit:contain;filter:brightness(0) invert(1)}
@keyframes robotHover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes robotBlink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}
@keyframes antennaPulse{50%{transform:translateX(-50%) scale(1.35);opacity:.7}}
@keyframes shadowPulse{0%,100%{transform:scaleX(1);opacity:.25}50%{transform:scaleX(.72);opacity:.14}}
@media(max-width:600px){#fab.pdp-robot-fab{width:68px;height:72px}.pdp-robot-fab .robot-head img{width:46px}.pdp-robot-fab .robot-eye.left{left:17px}.pdp-robot-fab .robot-eye.right{right:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
#fab.pdp-robot-fab .robot-head img{width:53px!important;height:auto!important;max-height:29px!important;object-fit:contain!important;border-radius:0!important;filter:brightness(0) invert(1)!important;margin-top:19px!important}
#fab.pdp-robot-fab{
  width:78px !important;
  height:98px !important;
  right:22px !important;
  bottom:20px !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  border-radius:0 !important;
  animation:robotFloatEnhanced 3.8s ease-in-out infinite !important;
  transform-origin:center bottom;
}
.pdp-robot-fab .robot-antenna{
  position:absolute;
  top:3px;
  left:50%;
  width:4px;
  height:18px;
  background:linear-gradient(180deg,#083f45,#00b5c3);
  transform:translateX(-50%);
  border-radius:999px;
}
.pdp-robot-fab .robot-antenna i{
  position:absolute;
  left:50%;
  top:-7px;
  width:13px;
  height:13px;
  border-radius:50%;
  transform:translateX(-50%);
  background:radial-gradient(circle at 30% 30%,#c8ffff,#00e0ef 65%,#0096a3 100%);
  box-shadow:0 0 18px rgba(0,224,239,.85);
  animation:antennaPulseEnhanced 1.6s ease-in-out infinite;
}
.pdp-robot-fab .robot-logo-head{
  position:absolute;
  top:13px;
  left:50%;
  transform:translateX(-50%);
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.pdp-robot-fab .robot-head-ring{
  position:absolute;
  inset:-3px;
  border-radius:50%;
  background:linear-gradient(145deg,#ffffff,#eefeff);
  border:1.8px solid rgba(0,224,239,.72);
  box-shadow:0 10px 20px rgba(0,41,48,.14), 0 0 0 5px rgba(0,224,239,.08);
}
.pdp-robot-fab .robot-logo-head img{
  position:relative;
  width:43px !important;
  height:43px !important;
  max-height:none !important;
  object-fit:contain !important;
  filter:none !important;
  margin:0 !important;
  border-radius:0 !important;
  animation:logoTilt 3.8s ease-in-out infinite;
}
.pdp-robot-fab .robot-body{
  position:absolute;
  top:64px;
  left:50%;
  width:40px;
  height:22px;
  transform:translateX(-50%);
  border-radius:14px 14px 12px 12px;
  background:linear-gradient(165deg,#0a4f57 0%,#002930 62%,#011d21 100%);
  border:1.6px solid rgba(0,224,239,.76);
  box-shadow:0 7px 13px rgba(0,41,48,.15), inset 0 -3px 8px rgba(0,0,0,.12);
  z-index:1;
}
.pdp-robot-fab .robot-body::before,
.pdp-robot-fab .robot-body::after{
  content:"";
  position:absolute;
  top:7px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#85fbff;
  box-shadow:0 0 10px rgba(0,224,239,.85);
}
.pdp-robot-fab .robot-body::before{left:9px}
.pdp-robot-fab .robot-body::after{right:9px}
.pdp-robot-fab .robot-core{
  position:absolute;
  left:50%;
  top:5px;
  width:12px;
  height:12px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%,#ddffff,#00e0ef 60%,#007b86 100%);
  box-shadow:0 0 14px rgba(0,224,239,.75);
  animation:corePulse 2.2s ease-in-out infinite;
}
.pdp-robot-fab .robot-arm,
.pdp-robot-fab .robot-leg{
  position:absolute;
  background:linear-gradient(180deg,#0b5860,#00353b);
  border:2px solid rgba(0,224,239,.72);
}
.pdp-robot-fab .robot-arm{
  top:5px;
  width:7px;
  height:14px;
  border-radius:999px;
}
.pdp-robot-fab .robot-arm.left{left:-6px; transform:rotate(18deg); transform-origin:top center; animation:armWaveLeft 3.8s ease-in-out infinite}
.pdp-robot-fab .robot-arm.right{right:-6px; transform:rotate(-18deg); transform-origin:top center; animation:armWaveRight 3.8s ease-in-out infinite}
.pdp-robot-fab .robot-leg{
  bottom:-8px;
  width:6px;
  height:11px;
  border-radius:999px;
}
.pdp-robot-fab .robot-leg.left{left:10px}
.pdp-robot-fab .robot-leg.right{right:10px}
.pdp-robot-fab .robot-shadow{
  position:absolute;
  left:19px;
  right:19px;
  bottom:-4px;
  height:7px;
  border-radius:50%;
  background:rgba(0,41,48,.22);
  filter:blur(5px);
  animation:shadowPulseEnhanced 3.4s ease-in-out infinite;
}
#fab.pdp-robot-fab:hover{transform:translateY(-4px) scale(1.03) !important}
.robot-chat-avatar,.robot-msg-avatar{
  background:linear-gradient(145deg,#ffffff,#dbfcff) !important;
  border:1px solid rgba(0,224,239,.55) !important;
  box-shadow:0 6px 14px rgba(0,41,48,.10);
  overflow:hidden;
}
.robot-chat-avatar img,.robot-msg-avatar img{
  width:70% !important;
  height:70% !important;
  object-fit:contain !important;
  filter:none !important;
}
@keyframes robotFloatEnhanced{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@keyframes shadowPulseEnhanced{
  0%,100%{transform:scaleX(.96); opacity:.14}
  50%{transform:scaleX(1.04); opacity:.22}
}
@keyframes logoTilt{
  0%,100%{transform:rotate(0deg)}
  25%{transform:rotate(-4deg)}
  75%{transform:rotate(4deg)}
}
@keyframes corePulse{
  0%,100%{transform:translateX(-50%) scale(1)}
  50%{transform:translateX(-50%) scale(1.08)}
}
@keyframes antennaPulseEnhanced{
  0%,100%{opacity:1; transform:translateX(-50%) scale(1)}
  50%{opacity:.72; transform:translateX(-50%) scale(1.12)}
}
@keyframes armWaveLeft{
  0%,100%{transform:rotate(18deg)}
  50%{transform:rotate(26deg)}
}
@keyframes armWaveRight{
  0%,100%{transform:rotate(-18deg)}
  50%{transform:rotate(-26deg)}
}
@media(max-width:600px){
  #fab.pdp-robot-fab{width:68px !important;height:86px !important;right:16px !important;bottom:16px !important}
  .pdp-robot-fab .robot-logo-head{width:48px;height:48px;top:14px}
  .pdp-robot-fab .robot-logo-head img{width:38px !important;height:38px !important}
  .pdp-robot-fab .robot-body{top:56px;width:35px;height:20px}
  .pdp-robot-fab .robot-arm{height:13px;width:6px}
  .pdp-robot-fab .robot-leg{height:9px;width:5px}
}
:root{
  --brand-font:"Baloo 2","Arial Rounded MT Bold",system-ui,sans-serif;
  --fh:var(--brand-font)!important;
  --fb:var(--brand-font)!important;
}
html body,html body *{font-family:var(--brand-font)!important}
nav .logo{min-width:205px;flex-shrink:0}
nav .logo-img{width:176px!important;height:auto!important;max-height:62px;object-fit:contain!important;filter:none!important}
.logo-text{display:none!important}
.hero{
  min-height:100vh!important;
  padding:calc(var(--nh) + 48px) 4.5% 72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.hero-shell{
  width:min(1480px,100%);
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);
  gap:clamp(36px,5vw,78px);
  align-items:center;
  position:relative;
  z-index:4;
}
.hero .hcontent{max-width:860px!important;text-align:left!important}
.hero .htitle{font-size:clamp(2.75rem,4.75vw,5.15rem)!important;line-height:1.01!important;margin-bottom:24px!important;letter-spacing:-.055em!important}
.hero .hsub{max-width:720px!important;margin:0 0 32px!important;font-size:clamp(1rem,1.25vw,1.2rem)!important;line-height:1.7!important}
.hero .hctas{justify-content:flex-start!important;margin-bottom:38px!important}
.hero .hcards{justify-content:flex-start!important;gap:12px!important}
.hero .hcard{min-width:150px!important;padding:15px 18px!important;border-radius:18px!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(12px)}
.hero .hn{font-size:1.35rem!important}

.hero-lead-card{
  width:100%;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(0,41,48,.08);
  border-radius:32px;
  padding:clamp(28px,3vw,46px);
  box-shadow:0 30px 80px rgba(0,41,48,.14),0 0 0 1px rgba(0,224,239,.06);
  position:relative;
  overflow:hidden;
  animation:heroFormReveal .9s .18s cubic-bezier(.2,.8,.2,1) both;
}
.hero-lead-card::before{
  content:"";
  position:absolute;
  width:210px;height:210px;
  right:-95px;top:-110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,224,239,.25),rgba(0,224,239,0) 70%);
  pointer-events:none;
}
.hero-lead-kicker{
  display:inline-flex;
  align-items:center;
  padding:6px 13px;
  border-radius:999px;
  background:#dffbfe;
  color:#007c87;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-bottom:13px;
}
.hero-lead-card h2{
  color:#002930;
  font-size:clamp(2rem,2.65vw,3.1rem);
  line-height:1.02;
  letter-spacing:-.045em;
  margin:0 0 13px;
  position:relative;
}
.hero-lead-card>p{
  color:#4c6168;
  font-size:1rem;
  line-height:1.58;
  font-weight:500;
  margin:0 0 24px;
  position:relative;
}
.hero-lead-form{display:flex;flex-direction:column;gap:8px;position:relative}
.hero-lead-form label{color:#315b63;font-size:.78rem;font-weight:800;margin-top:5px}
.hero-lead-form>input,.hero-phone-field{
  width:100%;
  min-height:56px;
  border:1.5px solid #e2eaed;
  border-radius:18px;
  background:#fff;
  box-shadow:0 5px 16px rgba(0,41,48,.035);
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
.hero-lead-form>input{
  padding:0 18px;
  color:#002930;
  font-size:1rem;
  font-weight:600;
  outline:none;
}
.hero-lead-form>input:focus,.hero-phone-field:focus-within{
  border-color:#00c8d7;
  box-shadow:0 0 0 4px rgba(0,200,215,.13),0 8px 22px rgba(0,41,48,.06);
  transform:translateY(-1px);
}
.hero-phone-field{display:flex;align-items:center;padding:0 14px;gap:10px}
.hero-phone-flag{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto}
.hero-phone-flag-img{display:block;width:28px;height:20px;border-radius:4px;box-shadow:0 1px 3px rgba(0,41,48,.16)}
.hero-phone-field strong{font-size:.95rem;color:#002930;white-space:nowrap}
.hero-phone-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#002930;font-size:1rem;font-weight:600;padding:15px 0}
.hero-lead-form input::placeholder{color:#9aa8ad;font-weight:500}
.hero-lead-error{min-height:18px;color:#b42318;font-size:.76rem;font-weight:700;padding-left:3px}
.hero-lead-submit{
  width:100%;
  min-height:56px;
  border:0;
  border-radius:18px;
  cursor:pointer;
  color:#111827;
  background:linear-gradient(135deg,#ffc62f,#ffb91f);
  box-shadow:0 14px 30px rgba(255,185,31,.28);
  font-size:1rem;
  font-weight:800;
  transition:transform .2s,box-shadow .2s,filter .2s;
}
.hero-lead-submit:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(255,185,31,.36);filter:saturate(1.06)}
.hero-lead-submit:active{transform:translateY(0)}
@keyframes heroFormReveal{from{opacity:0;transform:translateX(28px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:1240px){
  nav{padding-left:18px!important;padding-right:18px!important;gap:12px!important}
  nav .logo{min-width:170px}
  nav .logo-img{width:150px!important}
  .nav-links{gap:2px!important}
  .nav-links a{padding:8px 8px!important;font-size:12px!important}
}
@media(max-width:1080px){
  .hero{padding-top:calc(var(--nh) + 38px)!important}
  .hero-shell{grid-template-columns:1fr;max-width:850px;gap:38px}
  .hero .hcontent{text-align:center!important;margin:0 auto}
  .hero .hsub{margin-left:auto!important;margin-right:auto!important}
  .hero .hctas,.hero .hcards{justify-content:center!important}
  .hero-lead-card{max-width:700px;margin:0 auto}
}
@media(max-width:820px){
  nav .logo{min-width:140px!important}
  nav .logo-img{width:138px!important}
}
@media(max-width:600px){
  .hero{padding:calc(var(--nh) + 26px) 18px 52px!important}
  .hero-shell{gap:28px}
  .hero .hcontent{text-align:left!important}
  .hero .htitle{font-size:clamp(2.25rem,12vw,3.35rem)!important;line-height:1.02!important}
  .hero .hsub{margin-left:0!important;margin-right:0!important}
  .hero .hctas{align-items:stretch!important;justify-content:flex-start!important}
  .hero .hbtn{width:100%;text-align:center;justify-content:center}
  .hero .hcards{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%}
  .hero .hcard{min-width:0!important;width:100%!important}
  .hero-lead-card{border-radius:24px;padding:25px 20px}
  .hero-lead-card h2{font-size:2.1rem}
}
nav .logo{min-width:182px!important}
nav .logo-img{width:148px!important;max-height:54px!important}

.hero{
  min-height:calc(100vh - 6px)!important;
  padding:calc(var(--nh) + 26px) 4.5% 42px!important;
}
.hero-shell{
  width:min(1420px,100%);
  gap:clamp(28px,3.8vw,56px);
  align-items:center;
}
.hero .hcontent{max-width:800px!important}
.hero .htitle{
  font-size:clamp(2.5rem,4.25vw,4.55rem)!important;
  line-height:.98!important;
  margin-bottom:18px!important;
}
.hero .hsub{
  max-width:670px!important;
  margin:0 0 24px!important;
  font-size:clamp(.96rem,1.1vw,1.08rem)!important;
  line-height:1.58!important;
}
.hero .hctas{margin-bottom:28px!important;gap:12px!important}
.hero .hbtn{padding:14px 30px!important}
.hero .hcards{gap:10px!important}
.hero .hcard{min-width:142px!important;padding:13px 16px!important}
.hero .hcard .hi{font-size:1.55rem!important}
.hero .hn{font-size:1.22rem!important}
.hero .hl2{font-size:.7rem!important}

.hero-lead-card{
  max-width:500px;
  padding:28px 26px!important;
  border-radius:28px!important;
}
.hero-lead-kicker{margin-bottom:10px!important}
.hero-lead-card h2{
  font-size:clamp(1.7rem,2.1vw,2.6rem)!important;
  line-height:1.02!important;
  margin-bottom:10px!important;
}
.hero-lead-card>p{
  font-size:.95rem!important;
  line-height:1.5!important;
  margin-bottom:18px!important;
}
.hero-lead-form label{font-size:.75rem!important}
.hero-lead-form>input,.hero-phone-field,.hero-lead-submit{min-height:52px!important}
.hero-phone-field input{padding:12px 0!important}

@media(max-width:1240px){
  nav .logo{min-width:170px!important}
  nav .logo-img{width:142px!important;max-height:52px!important}
  .hero{padding:calc(var(--nh) + 20px) 4% 36px!important}
  .hero .htitle{font-size:clamp(2.35rem,4.7vw,4rem)!important}
  .hero-lead-card{max-width:470px;padding:25px 22px!important}
}
@media(max-width:1080px){
  .hero{min-height:auto!important;padding-top:calc(var(--nh) + 28px)!important;padding-bottom:40px!important}
  .hero-shell{gap:30px!important}
  .hero .hcontent{max-width:760px!important}
  .hero .hsub{margin-left:auto!important;margin-right:auto!important}
  .hero-lead-card{max-width:680px!important}
}
@media(max-width:820px){
  nav .logo{min-width:136px!important}
  nav .logo-img{width:130px!important;max-height:48px!important}
}
@media(max-width:600px){
  .hero{padding:calc(var(--nh) + 22px) 18px 46px!important}
  .hero .htitle{font-size:clamp(2.05rem,10.8vw,3.05rem)!important}
  .hero .hsub{font-size:.94rem!important;line-height:1.55!important;margin-bottom:22px!important}
  .hero .hctas{margin-bottom:22px!important}
  .hero .hcards{gap:10px!important}
  .hero .hcard{padding:12px 14px!important}
  .hero-lead-card{padding:22px 18px!important;border-radius:22px!important}
  .hero-lead-card h2{font-size:1.85rem!important}
}
.hero-rocket-inline{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;margin-left:10px;vertical-align:middle;transform-origin:center;animation:heroRocketBob 3.4s ease-in-out infinite}
.hero-rocket-inline img,.femoji-rocket img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 14px 22px rgba(0,41,48,.22))}
.femoji-rocket{display:flex !important;align-items:center;justify-content:center;width:74px;height:74px;animation:none !important}
.femoji-rocket img{animation:heroRocketOrbit 4.2s ease-in-out infinite}
@keyframes heroRocketBob{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) translateX(3px) rotate(4deg)}}
@keyframes heroRocketOrbit{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-10px) translateX(5px) rotate(-4deg)}}

.course-foot-clean{justify-content:flex-end !important}
.course-foot-clean .cprice,.course-foot-clean .cmeta,.ccard .cmeta,.ccard .cprice{display:none !important}
.course-logo{position:relative;width:112px;height:112px;border-radius:30px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 18px 34px rgba(0,0,0,.18)}
.scratch-logo{background:linear-gradient(145deg,#fff7e4,#ffd98a);padding:18px}
.scratch-logo .piece{position:absolute;width:30px;height:30px;border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,.10)}
.scratch-logo .piece::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:inherit;top:-4px;left:10px}
.scratch-logo .piece::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:inherit;left:-4px;top:10px}
.scratch-logo .p1{top:20px;left:20px;background:#ff9f3f}
.scratch-logo .p2{top:20px;right:20px;background:#ffb14d}
.scratch-logo .p3{bottom:20px;left:20px;background:#ffc95f}
.scratch-logo .p4{bottom:20px;right:20px;background:#ff8a00}
.python-logo{background:linear-gradient(145deg,#0d2041,#142c5f)}
.python-logo .snake-top,.python-logo .snake-bottom{position:absolute;width:46px;height:34px;border-radius:15px;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.python-logo .snake-top{top:22px;left:28px;background:linear-gradient(135deg,#ffd663,#ffb703);border-bottom-left-radius:8px;border-top-right-radius:16px}
.python-logo .snake-bottom{bottom:22px;right:28px;background:linear-gradient(135deg,#69d0ff,#2b89ff);border-top-right-radius:8px;border-bottom-left-radius:16px}
.python-logo .snake-top::after,.python-logo .snake-bottom::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:inherit}
.python-logo .snake-top::after{right:-4px;top:10px}.python-logo .snake-bottom::after{left:-4px;top:10px}
.python-logo .dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;z-index:2;box-shadow:0 0 0 3px rgba(255,255,255,.14)}
.python-logo .d1{top:34px;right:42px}.python-logo .d2{bottom:34px;left:42px}
.frontend-logo{background:linear-gradient(145deg,#002930,#005a66)}
.frontend-logo .front-window{position:relative;width:74px;height:56px;border-radius:16px;background:linear-gradient(180deg,#ecfeff,#d3fbff);box-shadow:0 10px 20px rgba(0,0,0,.18);padding-top:16px;text-align:center}
.frontend-logo .front-window .dot{position:absolute;top:8px;width:8px;height:8px;border-radius:50%}
.frontend-logo .front-window .red{left:10px;background:#ff6b6b}.frontend-logo .front-window .yellow{left:22px;background:#ffd166}.frontend-logo .front-window .green{left:34px;background:#06d6a0}
.frontend-logo .front-window b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.6rem;font-weight:900;color:#005a66;letter-spacing:-.08em}
.robot-logo{background:linear-gradient(145deg,#dbfff5,#93f3d7)}
.robot-logo .antenna{position:absolute;top:16px;left:50%;width:4px;height:18px;background:#0b7f6b;transform:translateX(-50%);border-radius:3px}
.robot-logo .antenna::after{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:#00e0ef;box-shadow:0 0 14px rgba(0,224,239,.8)}
.robot-logo .bot-head{position:relative;width:60px;height:48px;border-radius:18px;background:linear-gradient(145deg,#ffffff,#d7fffa);border:3px solid rgba(11,127,107,.20);box-shadow:0 10px 18px rgba(0,41,48,.10)}
.robot-logo .eye{position:absolute;top:15px;width:10px;height:10px;border-radius:50%;background:#0b7f6b;box-shadow:0 0 0 4px rgba(11,127,107,.08)}
.robot-logo .e1{left:14px}.robot-logo .e2{right:14px}
.robot-logo .mouth{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:24px;height:6px;border-radius:999px;background:#0b7f6b}
.robot-logo .gear{position:absolute;right:16px;bottom:18px;width:18px;height:18px;border-radius:50%;border:4px solid #00b48a;box-sizing:border-box;background:#fff;box-shadow:0 0 0 4px rgba(0,180,138,.14)}
.robot-logo .gear::before,.robot-logo .gear::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:22px;background:#00b48a;transform:translate(-50%,-50%);border-radius:4px}
.robot-logo .gear::after{transform:translate(-50%,-50%) rotate(90deg)}

#teachers .tcard{padding:34px 22px 28px}
#teachers .tphoto-wrap{width:158px;height:158px;margin:0 auto 18px}
#teachers .tphoto{width:158px;height:158px;border-radius:30px;border:4px solid #fff;box-shadow:0 20px 36px rgba(0,41,48,.16);background:linear-gradient(145deg,#f8feff,#e2fbff)}
#teachers .tphoto img{border-radius:26px;object-fit:cover;object-position:center top}
#teachers .tring,#teachers .tstars{display:none !important}
#teachers .tstats{justify-content:center;gap:10px;flex-wrap:wrap}
#teachers .tstats span{background:#f5fcfe;border:1px solid #d7eef3;padding:8px 14px;border-radius:999px;font-size:.78rem;font-weight:800;color:var(--txd)}
#teachers .tbio{min-height:74px}

.contact-hero-section{padding-top:104px !important;padding-bottom:20px !important}
.contact-hero{max-width:700px !important;margin:0 auto 24px !important}
.contact-hero p{max-width:640px;margin:0 auto}
.contact-layout{max-width:1060px !important;grid-template-columns:1.02fr .98fr !important;gap:20px !important;align-items:stretch !important}
.contact-panel,.contact-card,.contact-mini{border-radius:24px !important}
.contact-form-panel{padding:26px !important;display:flex;flex-direction:column;justify-content:center}
.panel-head{margin-bottom:18px !important}
.contact-side{height:100%;gap:14px !important}
.primary-contact{padding:24px !important;min-height:170px;display:flex;flex-direction:column;justify-content:center}
.primary-contact h3{margin-bottom:6px !important}
.primary-contact p{margin-bottom:14px !important;line-height:1.55 !important}
.contact-info-grid{gap:12px !important}
.contact-mini{padding:18px !important;min-height:96px !important;display:flex;flex-direction:column;justify-content:center}
.contact-mini span{margin-bottom:8px !important}
.contact-info-grid--compact{grid-template-columns:1fr 1fr}

.pdp-robot-fab .robot-arm{top:3px;width:8px;height:18px}

.pdp-robot-fab .robot-arm.left{left:-8px;animation:none !important;transform:rotate(18deg) !important;opacity:.95}
.pdp-robot-fab .robot-arm.right{right:-8px;animation:robotArmWaveHello 10s ease-in-out infinite !important;transform-origin:top center;transform:rotate(-10deg) !important}
.pdp-robot-fab .robot-body{animation:robotBodyWave 10s ease-in-out infinite}
.pdp-robot-fab .robot-logo-head{animation:robotHeadWave 10s ease-in-out infinite}
.pdp-robot-fab .robot-shadow{animation:robotShadowWave 10s ease-in-out infinite}
@keyframes robotArmWaveHello{0%,70%,100%{transform:rotate(-10deg) translateY(0)}74%{transform:rotate(-92deg) translateY(-1px)}78%{transform:rotate(-26deg) translateY(0)}82%{transform:rotate(-98deg) translateY(-1px)}86%{transform:rotate(-26deg) translateY(0)}90%{transform:rotate(-84deg) translateY(-1px)}94%{transform:rotate(-10deg) translateY(0)}}
@keyframes robotBodyWave{0%,70%,100%{transform:translateX(-50%) rotate(0deg)}76%{transform:translateX(-50%) rotate(5deg)}84%{transform:translateX(-50%) rotate(-2deg)}92%{transform:translateX(-50%) rotate(3deg)}}
@keyframes robotHeadWave{0%,70%,100%{transform:translateX(-50%) rotate(0deg)}76%{transform:translateX(-50%) rotate(8deg)}84%{transform:translateX(-50%) rotate(-3deg)}92%{transform:translateX(-50%) rotate(5deg)}}
@keyframes robotShadowWave{0%,70%,100%{transform:scaleX(1);opacity:1}76%{transform:scaleX(.9);opacity:.9}84%{transform:scaleX(.94);opacity:.92}92%{transform:scaleX(.88);opacity:.88}}

@media(max-width:768px){.hero-rocket-inline{width:58px;height:58px;margin-left:6px}.femoji-rocket{width:58px;height:58px}.contact-layout{grid-template-columns:1fr !important}.contact-info-grid--compact{grid-template-columns:1fr}.contact-form-panel,.primary-contact{padding:22px !important}#teachers .tphoto-wrap,#teachers .tphoto{width:138px;height:138px}}
#home .wgrid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1360px;margin-left:auto;margin-right:auto;gap:18px}
#home .wgrid .wcard{height:100%}
@media(max-width:1100px){#home .wgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#home .wgrid{grid-template-columns:1fr}}
#home .cgrid .ccard,
#courses .cgrid .ccard{background:#fff !important;border-radius:28px !important;overflow:hidden;box-shadow:0 16px 40px rgba(0,41,48,.10) !important}
#home .cgrid .ccard::before,
#courses .cgrid .ccard::before{display:none !important}
#home .cgrid .cthumb,
#courses .cgrid .cthumb{height:235px !important;padding:0 !important;display:block !important;overflow:hidden;background:transparent !important}
.course-logo-image-wrap{position:relative;width:100%;height:100%;border-radius:0;background:#eaf9fd;display:block;padding:0;box-shadow:none !important;overflow:hidden}
.course-logo-image-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(0,41,48,.06) 100%);pointer-events:none}
.course-logo-image{width:100%;height:100%;display:block;object-fit:cover;border-radius:0}
.ct-en .course-logo-image-wrap{background:linear-gradient(135deg,#2fa0e3,#53b7ea)}
.ct-il .course-logo-image-wrap{background:#ffffff}
.ct-ma .course-logo-image-wrap{background:#ffffff}
.ct-ro .course-logo-image-wrap{background:#ffffff}
.ct-il .course-logo-image,.ct-ma .course-logo-image{object-fit:contain;padding:24px}
.ct-ro .course-logo-image{object-fit:contain;padding:26px}
.ct-il .course-logo-image-wrap,.ct-ma .course-logo-image-wrap,.ct-ro .course-logo-image-wrap{box-shadow:inset 0 0 0 1px rgba(0,41,48,.05) !important}
.ct-en .course-logo-image{object-position:center center}
.ct-ro .course-logo-image{object-position:center center}
#home .cgrid .cbody,
#courses .cgrid .cbody{padding:22px 24px 18px !important}
#home .cgrid .ctitle,
#courses .cgrid .ctitle{font-size:1.2rem !important;margin-bottom:10px !important}
#home .cgrid .ctag,
#courses .cgrid .ctag{margin-bottom:12px !important;display:inline-flex}
#home .cgrid .cdesc,
#courses .cgrid .cdesc{font-size:.92rem !important;line-height:1.65 !important;min-height:96px;margin-bottom:0 !important}
#home .cgrid .cfoot,
#courses .cgrid .cfoot{padding:16px 24px 18px !important;border-top:1px solid #edf4f6 !important}
#home .cgrid .cenroll,
#courses .cgrid .cenroll{padding:12px 28px !important;border-radius:999px !important}
@media(max-width:768px){
  #home .cgrid .cthumb,#courses .cgrid .cthumb{height:210px !important}
  .ct-il .course-logo-image,.ct-ma .course-logo-image{padding:18px}
  #home .cgrid .cdesc,#courses .cgrid .cdesc{min-height:auto}
}

#teachers .tgrid{gap:18px}
#teachers .tcard{padding:20px 18px 16px !important}
#teachers .tphoto-wrap{width:160px;height:160px;margin:0 auto 12px}
#teachers .tphoto{width:160px;height:160px;border-radius:28px;border:5px solid #fff;box-shadow:0 16px 30px rgba(0,41,48,.14),0 0 0 5px rgba(0,224,239,.08);background:linear-gradient(145deg,#f8feff,#e2fbff)}
#teachers .tphoto img{border-radius:22px;object-fit:cover;object-position:center top;transition:transform .35s ease}
#teachers .tcard:hover .tphoto img{transform:scale(1.05)}
#teachers .tname{margin-bottom:4px}
#teachers .tsubj{margin-bottom:8px}
#teachers .tbio{min-height:54px;line-height:1.5;margin-bottom:10px}
#teachers .tstats{gap:8px}
#teachers .tstats span{padding:7px 12px;font-size:.76rem}
#teachers .tview{margin-top:8px}

.contact-hero-section{padding-top:92px !important;padding-bottom:8px !important}
.contact-hero{max-width:680px !important;margin:0 auto 16px !important}
.contact-hero h1{margin-bottom:8px !important}
.contact-hero p{max-width:620px;margin:0 auto;line-height:1.55 !important}
.contact-layout{max-width:980px !important;grid-template-columns:1.02fr .98fr !important;gap:14px !important;align-items:stretch !important}
.contact-panel,.contact-card,.contact-mini{border-radius:22px !important}
.contact-form-panel{padding:20px !important;display:flex;flex-direction:column;justify-content:center}
.panel-head{margin-bottom:12px !important}
.panel-icon{width:48px !important;height:48px !important}
.panel-head h3{font-size:1.16rem !important}
.panel-head p{font-size:.84rem !important;line-height:1.45 !important}
.contact-side{height:100%;gap:10px !important}
.primary-contact{padding:18px !important;min-height:132px;display:flex;flex-direction:column;justify-content:center}
.primary-contact span{width:46px !important;height:46px !important;margin-bottom:10px !important}
.primary-contact h3{font-size:1.16rem !important;margin-bottom:4px !important}
.primary-contact p{margin-bottom:10px !important;line-height:1.45 !important;font-size:.86rem !important}
.primary-contact a{padding:10px 15px !important}
.contact-info-grid{gap:10px !important}
.contact-mini{padding:12px !important;min-height:74px !important;display:flex;flex-direction:column;justify-content:center}
.contact-mini span{margin-bottom:4px !important;font-size:1.25rem !important}
.contact-mini b{font-size:.82rem !important;margin-bottom:2px !important}
.contact-mini p,.contact-mini a{font-size:.78rem !important;line-height:1.4 !important}

@media(max-width:768px){
  #teachers .tphoto-wrap,#teachers .tphoto{width:142px;height:142px}
  .contact-layout{grid-template-columns:1fr !important}
  .contact-info-grid--compact{grid-template-columns:1fr}
  .contact-form-panel,.primary-contact{padding:18px !important}
}
#teachers .tgrid{gap:24px !important}
#teachers .tcard{
  padding:0 !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:#fff !important;
  box-shadow:0 16px 40px rgba(0,41,48,.10) !important;
}
#teachers .tcard:hover{transform:translateY(-8px) !important}
#teachers .tphoto-wrap{
  width:100% !important;
  height:280px !important;
  margin:0 !important;
  position:relative;
}
#teachers .tphoto{
  width:100% !important;
  height:100% !important;
  border:none !important;
  border-radius:28px 28px 0 0 !important;
  box-shadow:none !important;
  background:linear-gradient(135deg,#eaf9fd,#f5fdff) !important;
}
#teachers .tphoto img{
  width:100% !important;
  height:100% !important;
  border-radius:28px 28px 0 0 !important;
  object-fit:cover !important;
  object-position:center 12% !important;
  display:block;
}
#teachers .tring{display:none !important}
#teachers .tname,
#teachers .tsubj,
#teachers .tbio,
#teachers .tstats,
#teachers .tview{margin-left:22px !important;margin-right:22px !important}
#teachers .tname{margin-top:18px !important;margin-bottom:6px !important;font-size:1.28rem !important}
#teachers .tsubj{margin-bottom:10px !important;font-size:.88rem !important;font-weight:800 !important}
#teachers .tbio{min-height:96px !important;line-height:1.6 !important;margin-bottom:12px !important}
#teachers .tstats{gap:8px !important;justify-content:flex-start !important;flex-wrap:wrap !important;margin-bottom:12px !important}
#teachers .tstats span{padding:7px 12px !important;font-size:.76rem !important}
#teachers .tview{
  margin-top:0 !important;
  margin-bottom:22px !important;
  padding-top:14px;
  border-top:1px solid #edf4f6;
  color:#00a9b5;
  font-weight:900;
}
@media(max-width:768px){
  #teachers .tphoto-wrap{height:250px !important}
  #teachers .tname,#teachers .tsubj,#teachers .tbio,#teachers .tstats,#teachers .tview{margin-left:18px !important;margin-right:18px !important}
}
#teachers .tgrid{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:16px !important;
  max-width:1240px;
  margin-left:auto;
  margin-right:auto;
}
#teachers .tcard{
  flex:0 1 285px !important;
  width:285px !important;
  max-width:285px !important;
  min-height:0 !important;
  padding:0 !important;
  border-radius:24px !important;
}
#teachers .tphoto-wrap{
  height:270px !important;
}
#teachers .tphoto,
#teachers .tphoto img{
  border-radius:24px 24px 0 0 !important;
}
#teachers .tname,
#teachers .tsubj,
#teachers .tbio,
#teachers .tstats,
#teachers .tview{
  margin-left:14px !important;
  margin-right:14px !important;
}
#teachers .tname{
  margin-top:9px !important;
  margin-bottom:2px !important;
  font-size:1.08rem !important;
}
#teachers .tsubj{
  margin-bottom:4px !important;
  font-size:.73rem !important;
}
#teachers .tbio{
  min-height:44px !important;
  margin-bottom:6px !important;
  font-size:.78rem !important;
  line-height:1.4 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#teachers .tstats{
  margin-bottom:5px !important;
  gap:5px !important;
}
#teachers .tstats span{
  padding:5px 8px !important;
  font-size:.65rem !important;
}
#teachers .tview{
  margin-bottom:8px !important;
  padding-top:7px !important;
  font-size:.74rem !important;
}
@media(max-width:680px){
  #teachers .tgrid{gap:16px !important}
  #teachers .tcard{flex-basis:min(100%,300px) !important;width:min(100%,300px) !important;max-width:300px !important}
  #teachers .tphoto-wrap{height:250px !important}
}
#contact .contact-layout{align-items:start !important}
#contact .contact-form-panel{
  align-self:start !important;
  padding:16px 18px !important;
}
#contact .contact-form-panel .panel-head{
  margin-bottom:10px !important;
  gap:10px !important;
}
#contact .contact-form-panel .panel-icon{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  font-size:1.2rem !important;
}
#contact .contact-form-panel .panel-head h3{
  font-size:1.08rem !important;
  margin-bottom:2px !important;
}
#contact .contact-form-panel .panel-head p{
  font-size:.78rem !important;
  line-height:1.35 !important;
}
#contact .contact-form-panel .smart-field{
  margin-bottom:9px !important;
}
#contact .contact-form-panel .smart-field label{
  font-size:.76rem !important;
  margin-bottom:5px !important;
}
#contact .contact-form-panel .input-wrap{
  border-radius:14px !important;
  padding:0 11px !important;
  gap:8px !important;
}
#contact .contact-form-panel .input-wrap input,
#contact .contact-form-panel .input-wrap textarea{
  font-size:.86rem !important;
  padding:10px 0 !important;
}
#contact .contact-form-panel .textarea-wrap{
  padding-top:9px !important;
}
#contact .contact-form-panel .textarea-wrap textarea{
  min-height:72px !important;
  padding-top:0 !important;
}
#contact .contact-form-panel .auth-submit{
  padding:11px 18px !important;
  font-size:.9rem !important;
}
@media(max-width:600px){
  #contact .contact-form-panel{padding:16px !important}
  #contact .contact-form-panel .textarea-wrap textarea{min-height:82px !important}
}
.footer-logo.footer-brand-lockup{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  width:auto!important;
  margin:0 0 18px!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.footer-brand-lockup .footer-logo-mark{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  padding:0!important;
  border:1px solid rgba(0,224,239,.34)!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,rgba(0,224,239,.20),rgba(255,255,255,.07))!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.footer-brand-lockup .footer-logo-mark img{
  display:block!important;
  width:36px!important;
  height:36px!important;
  max-height:none!important;
  padding:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  background:transparent!important;
  filter:drop-shadow(0 7px 14px rgba(0,224,239,.22))!important;
  box-shadow:none!important;
}
.footer-brand-lockup .footer-logo-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  color:#fff!important;
  line-height:1!important;
}
.footer-brand-lockup .footer-logo-copy strong{
  color:#fff!important;
  font-size:1.28rem!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
}
.footer-brand-lockup .footer-logo-copy small{
  display:block!important;
  margin-top:6px!important;
  color:rgba(255,255,255,.66)!important;
  font-size:.65rem!important;
  font-weight:700!important;
  letter-spacing:.10em!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.footer-brand-lockup:hover .footer-logo-mark{
  border-color:rgba(0,224,239,.58)!important;
  background:linear-gradient(145deg,rgba(0,224,239,.28),rgba(255,255,255,.10))!important;
  transform:translateY(-2px)!important;
}
@media(max-width:600px){
  .footer-logo.footer-brand-lockup{gap:10px!important}
  .footer-brand-lockup .footer-logo-mark{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:15px!important}
  .footer-brand-lockup .footer-logo-mark img{width:32px!important;height:32px!important}
  .footer-brand-lockup .footer-logo-copy strong{font-size:1.14rem!important}
  .footer-brand-lockup .footer-logo-copy small{font-size:.58rem!important;letter-spacing:.08em!important}
}
.footer-logo.footer-brand-lockup{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  margin:0 0 18px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.footer-logo.footer-brand-lockup .footer-wordmark{
  display:block!important;
  width:176px!important;
  height:auto!important;
  max-height:none!important;
  padding:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  background:transparent!important;
  filter:drop-shadow(0 9px 18px rgba(0,224,239,.18))!important;
  box-shadow:none!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.footer-logo.footer-brand-lockup:hover .footer-wordmark{
  transform:translateY(-2px)!important;
  filter:drop-shadow(0 12px 24px rgba(0,224,239,.28))!important;
}
@media(max-width:600px){
  .footer-logo.footer-brand-lockup .footer-wordmark{width:158px!important}
}
.pdp-robot-fab .robot-arm{top:3px !important;width:8px !important;height:18px !important}
.pdp-robot-fab .robot-arm::after{content:"";position:absolute;left:50%;top:-5px;transform:translateX(-50%);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e7ffff,#7ef8ff 65%,#00a9b5);box-shadow:0 0 12px rgba(0,224,239,.45)}
.pdp-robot-fab .robot-arm.left{left:-8px !important;animation:none !important;transform:rotate(18deg) !important;opacity:.95}
.pdp-robot-fab .robot-arm.right{right:-8px !important;transform-origin:top center !important;transform:rotate(-10deg) !important;animation:robotArmWaveHelloV2 10s cubic-bezier(.55,.08,.35,1) infinite !important}
.pdp-robot-fab .robot-body{animation:robotBodyWaveV2 10s ease-in-out infinite !important}
.pdp-robot-fab .robot-logo-head{animation:robotHeadWaveV2 10s ease-in-out infinite !important}
.pdp-robot-fab .robot-shadow{animation:robotShadowWaveV2 10s ease-in-out infinite !important}
@keyframes robotArmWaveHelloV2{
  0%,68%,100%{transform:rotate(-10deg) translateY(0)}
  72%{transform:rotate(-95deg) translateY(-2px)}
  76%{transform:rotate(-28deg) translateY(0)}
  80%{transform:rotate(-102deg) translateY(-2px)}
  84%{transform:rotate(-26deg) translateY(0)}
  88%{transform:rotate(-92deg) translateY(-1px)}
  92%{transform:rotate(-16deg) translateY(0)}
}
@keyframes robotBodyWaveV2{
  0%,68%,100%{transform:translateX(-50%) rotate(0deg)}
  74%{transform:translateX(-50%) rotate(5deg) translateY(-1px)}
  82%{transform:translateX(-50%) rotate(-3deg) translateY(0)}
  90%{transform:translateX(-50%) rotate(3deg) translateY(-1px)}
}
@keyframes robotHeadWaveV2{
  0%,68%,100%{transform:translateX(-50%) rotate(0deg)}
  74%{transform:translateX(-50%) rotate(8deg)}
  82%{transform:translateX(-50%) rotate(-4deg)}
  90%{transform:translateX(-50%) rotate(5deg)}
}
@keyframes robotShadowWaveV2{
  0%,68%,100%{transform:scaleX(1);opacity:1}
  74%{transform:scaleX(.9);opacity:.92}
  82%{transform:scaleX(.95);opacity:.9}
  90%{transform:scaleX(.88);opacity:.86}
}
#home .wgrid .wcard .wicon{display:flex !important;margin:0 auto 18px !important;align-self:center !important}
html{scroll-behavior:smooth}
.home-content-section{padding:88px 5%;scroll-margin-top:78px}
.home-courses-section{padding-top:72px}
.home-mentors-section,.home-portfolio-section{position:relative;isolation:isolate;overflow:hidden}
.home-mentors-section{background:linear-gradient(180deg,#f4fdff 0%,#fff 100%)}
.home-portfolio-section{background:radial-gradient(circle at 10% 15%,rgba(0,224,239,.14),transparent 28%),radial-gradient(circle at 92% 84%,rgba(0,199,135,.12),transparent 28%),linear-gradient(145deg,#fbfeff,#effcff)}
.home-mentors-section::before,.home-portfolio-section::before{content:"";position:absolute;z-index:-1;width:360px;height:360px;border-radius:50%;filter:blur(4px);pointer-events:none;animation:showcaseFloat 8s ease-in-out infinite alternate}
.home-mentors-section::before{right:-170px;top:40px;background:radial-gradient(circle,rgba(0,224,239,.18),transparent 68%)}
.home-portfolio-section::before{left:-180px;bottom:-80px;background:radial-gradient(circle,rgba(0,199,135,.16),transparent 68%);animation-delay:-3s}
@keyframes showcaseFloat{from{transform:translate3d(0,-8px,0) scale(.96)}to{transform:translate3d(-18px,18px,0) scale(1.06)}}

.showcase-carousel{--slide-size:300px;--showcase-accent:#00c7d4;--showcase-edge:#f7feff;max-width:1240px;margin:0 auto;position:relative}
.mentor-carousel{--slide-size:300px;--showcase-accent:#00bfa6}
.portfolio-carousel{--slide-size:350px;--showcase-accent:#00a9b8;--showcase-edge:#f3fcfd}
.showcase-viewport{position:relative;min-width:0}
.showcase-track{box-sizing:border-box;display:grid !important;grid-template-columns:none !important;grid-auto-flow:column !important;grid-auto-columns:var(--slide-size) !important;justify-content:flex-start !important;align-items:stretch !important;flex-wrap:nowrap !important;gap:24px !important;max-width:none !important;width:100% !important;margin:0 !important;padding:30px max(72px,calc((100% - var(--slide-size))/2)) 42px !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory;scroll-padding-inline:max(72px,calc((100% - var(--slide-size))/2));scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y;perspective:1200px}
.showcase-track::-webkit-scrollbar{display:none;width:0;height:0}
.showcase-track>*{scroll-snap-align:center;scroll-snap-stop:always;opacity:.46;filter:saturate(.72) blur(.15px);transform:translateY(14px) scale(.91);transform-origin:center center;transition:transform .6s cubic-bezier(.2,.75,.2,1),opacity .48s ease,filter .48s ease,box-shadow .48s ease,border-color .48s ease}
.showcase-track>*.is-near{opacity:.78;filter:saturate(.9);transform:translateY(7px) scale(.955)}
.showcase-track>*.is-active{opacity:1;filter:none;transform:translateY(0) scale(1);z-index:2}
.showcase-fade{position:absolute;z-index:4;top:18px;bottom:26px;width:84px;pointer-events:none;transition:opacity .25s ease}
.showcase-fade-left{left:0;background:linear-gradient(90deg,var(--showcase-edge) 8%,rgba(247,254,255,0))}
.showcase-fade-right{right:0;background:linear-gradient(270deg,var(--showcase-edge) 8%,rgba(247,254,255,0))}
.showcase-arrow{position:absolute;z-index:7;top:50%;width:54px;height:54px;border:1px solid rgba(255,255,255,.76);border-radius:18px;background:rgba(0,41,48,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 16px 38px rgba(0,41,48,.22),inset 0 1px 0 rgba(255,255,255,.16);transform:translateY(-50%);transition:transform .25s ease,background .25s ease,box-shadow .25s ease,opacity .25s ease}
.showcase-arrow span{display:block;font:700 2.1rem/1 Arial,sans-serif;transform:translateY(-1px)}

.showcase-arrow:hover:not(:disabled){background:linear-gradient(145deg,#002930,#008d98);transform:translateY(-50%) scale(1.07);box-shadow:0 20px 42px rgba(0,41,48,.28),0 0 0 5px rgba(0,224,239,.12)}
.showcase-arrow:active:not(:disabled){transform:translateY(-50%) scale(.96)}
.showcase-arrow:disabled{opacity:.22;cursor:not-allowed;box-shadow:none}
.showcase-status{min-height:38px;margin-top:-6px;display:flex;align-items:center;justify-content:center;gap:22px}
.showcase-dots{display:flex;align-items:center;justify-content:center;gap:8px;min-height:20px}
.showcase-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#bddfe3;cursor:pointer;transition:width .35s cubic-bezier(.2,.75,.2,1),transform .25s ease,background .25s ease,box-shadow .25s ease}
.showcase-dot:hover{transform:scale(1.25);background:#63cbd3}
.showcase-dot.is-active{width:32px;background:linear-gradient(90deg,var(--showcase-accent),#00e0ef);box-shadow:0 5px 14px rgba(0,169,184,.26)}
.showcase-counter{display:flex;align-items:center;gap:9px;color:#769198;font-size:.73rem;font-weight:900;letter-spacing:.08em}
.showcase-counter span:first-child{color:#002930;font-size:.9rem}
.showcase-counter i{display:block;width:36px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--showcase-accent),#ccebee)}
.showcase-carousel.is-single .showcase-arrow,.showcase-carousel.is-single .showcase-status{display:none}

#teachers .showcase-track.tgrid{display:grid !important;grid-template-columns:none !important;grid-auto-flow:column !important;grid-auto-columns:var(--slide-size) !important;justify-content:flex-start !important;align-items:stretch !important;flex-wrap:nowrap !important;gap:24px !important;max-width:none !important;width:100% !important;margin:0 !important}
#teachers .showcase-track .tcard{box-sizing:border-box;width:100% !important;max-width:none !important;min-height:482px !important;height:100%;padding:0 !important;overflow:hidden !important;border:1px solid rgba(0,41,48,.075) !important;border-radius:28px !important;background:rgba(255,255,255,.96) !important;box-shadow:0 15px 36px rgba(0,41,48,.085) !important;cursor:default !important}
#teachers .showcase-track .tcard.is-active{border-color:rgba(0,199,172,.34) !important;box-shadow:0 30px 72px rgba(0,41,48,.18),0 0 0 5px rgba(0,224,239,.075) !important}
#teachers .showcase-track .tcard:hover{transform:translateY(3px) scale(.93) !important}
#teachers .showcase-track .tcard.is-near:hover{transform:translateY(1px) scale(.965) !important}
#teachers .showcase-track .tcard.is-active:hover{transform:translateY(-5px) scale(1.012) !important}
#teachers .showcase-track .tphoto-wrap{width:100% !important;height:272px !important;margin:0 !important;overflow:hidden !important}
#teachers .showcase-track .tphoto,#teachers .showcase-track .tphoto img{width:100% !important;height:100% !important;border:0 !important;border-radius:27px 27px 0 0 !important;box-shadow:none !important}
#teachers .showcase-track .tphoto{position:relative;background:linear-gradient(145deg,#e9fbfe,#f7ffff) !important}
#teachers .showcase-track .tphoto::after{content:"";position:absolute;inset:auto 0 0;height:72px;background:linear-gradient(transparent,rgba(0,41,48,.14));pointer-events:none}
#teachers .showcase-track .tphoto img{object-fit:cover !important;object-position:center 12% !important;transition:transform .75s cubic-bezier(.2,.75,.2,1)}
#teachers .showcase-track .tcard.is-active .tphoto img{transform:scale(1.045)}
#teachers .showcase-track .tname,#teachers .showcase-track .tsubj,#teachers .showcase-track .tbio,#teachers .showcase-track .tstats{margin-left:18px !important;margin-right:18px !important;text-align:left !important}
#teachers .showcase-track .tname{margin-top:15px !important;margin-bottom:3px !important;font-size:1.14rem !important;color:#002930 !important}
#teachers .showcase-track .tsubj{margin-bottom:7px !important;font-size:.77rem !important;font-weight:900 !important}
#teachers .showcase-track .tbio{min-height:44px !important;margin-bottom:9px !important;font-size:.79rem !important;line-height:1.48 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#527079 !important}
#teachers .showcase-track .tstats{justify-content:flex-start !important;gap:6px !important;flex-wrap:wrap !important;margin-bottom:15px !important;padding-bottom:0 !important}
#teachers .showcase-track .tstats span{padding:6px 9px !important;border:1px solid #dceff2 !important;border-radius:999px !important;background:#f4fcfd !important;color:#315b63 !important;font-size:.66rem !important;font-weight:850 !important}
#teachers .showcase-track .tstats span{display:inline-flex !important;align-items:center !important;gap:6px !important}
#teachers .showcase-track .tstats .badge-icon{width:16px !important;height:16px !important;object-fit:contain !important;display:block !important;flex:0 0 16px !important}

.portfolio-grid{display:grid !important;grid-template-columns:none !important;align-items:stretch !important}
.portfolio-card{box-sizing:border-box;width:100%;height:100%;min-height:464px;overflow:hidden;background:rgba(255,255,255,.97);border:1px solid rgba(0,41,48,.075);border-radius:28px;box-shadow:0 15px 36px rgba(0,41,48,.085);transition:transform .6s cubic-bezier(.2,.75,.2,1),opacity .48s ease,filter .48s ease,box-shadow .48s ease,border-color .48s ease}
.portfolio-card.is-active{border-color:rgba(0,169,184,.34);box-shadow:0 30px 72px rgba(0,41,48,.18),0 0 0 5px rgba(0,224,239,.075)}
.portfolio-card.is-active:hover{transform:translateY(-5px) scale(1.012)}
.portfolio-image-link{display:block;color:inherit;text-decoration:none;background:#002930}
.portfolio-browser-bar{height:42px;padding:0 15px;display:flex;align-items:center;gap:7px;background:#002930;color:#fff}
.portfolio-browser-bar>span{width:9px;height:9px;border-radius:50%;background:#00e0ef}.portfolio-browser-bar>span:nth-child(2){background:#ffc247}.portfolio-browser-bar>span:nth-child(3){background:#00c787}
.portfolio-browser-bar small{min-width:0;margin-left:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.68);font-size:.72rem;font-weight:800}
.portfolio-image-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#dffbfe,#dff8ec)}
.portfolio-image-wrap img{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:cover;transition:transform .75s cubic-bezier(.2,.75,.2,1)}
.portfolio-card.is-active .portfolio-image-wrap img,.portfolio-card:hover .portfolio-image-wrap img{transform:scale(1.055)}
.portfolio-image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#007985;background:linear-gradient(135deg,#e3fcff,#e6fff6)}
.portfolio-image-fallback b{font-family:var(--fh);font-size:2.1rem;color:#002930}.portfolio-image-fallback span{font-size:.78rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.portfolio-body{padding:20px 21px 22px;text-align:left}
.portfolio-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#007985;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
.portfolio-meta span:first-child{padding:6px 9px;border-radius:999px;background:#e8fbfd}
.portfolio-body h3{font-family:var(--fh);font-size:1.22rem;letter-spacing:-.025em;color:#002930;margin-bottom:6px}
.portfolio-body p{min-height:43px;color:#527079;font-size:.8rem;font-weight:650;line-height:1.52;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.portfolio-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#002930,#007985);color:#fff;text-decoration:none;font-size:.78rem;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}
.portfolio-open:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,41,48,.2)}
.portfolio-empty{grid-column:auto;padding:36px;border:2px dashed #bdebf0;border-radius:24px;background:#fff;text-align:center;color:#47656d;font-weight:800}

@media(max-width:900px){.home-content-section{padding:72px 5%}.showcase-carousel{--slide-size:292px}.portfolio-carousel{--slide-size:330px}}
@media(max-width:680px){.home-content-section{padding:58px 18px;scroll-margin-top:72px}.showcase-carousel,.portfolio-carousel{--slide-size:min(82vw,310px)}.showcase-track{gap:16px !important;padding:22px max(42px,calc((100% - var(--slide-size))/2)) 34px !important;scroll-padding-inline:max(42px,calc((100% - var(--slide-size))/2))}.showcase-fade{width:46px;top:14px;bottom:20px}.showcase-arrow{width:44px;height:44px;border-radius:15px}.showcase-arrow span{font-size:1.75rem}.showcase-arrow-prev{left:1px}.showcase-arrow-next{right:1px}#teachers .showcase-track .tcard{min-height:456px !important}#teachers .showcase-track .tphoto-wrap{height:250px !important}.portfolio-card{min-height:438px}.portfolio-body{padding:18px}}
@media(prefers-reduced-motion:reduce){.home-mentors-section::before,.home-portfolio-section::before{animation:none}.showcase-track{scroll-behavior:auto}.showcase-track>*,.showcase-arrow,.showcase-dot,.portfolio-image-wrap img,#teachers .showcase-track .tphoto img{transition-duration:.01ms !important}}
.home-mentors-section,.home-portfolio-section{position:relative;overflow:hidden}

.showcase-viewport{position:relative;overflow:hidden;padding:18px 72px 20px;touch-action:pan-y}
.showcase-viewport.is-dragging{cursor:grabbing}
.showcase-track{display:flex !important;align-items:stretch !important;gap:24px !important;grid-auto-flow:unset !important;grid-auto-columns:unset !important;grid-template-columns:none !important;overflow:visible !important;padding:16px 4px 26px !important;margin:0 !important;width:auto !important;transform:translate3d(0,0,0);transition:transform .72s cubic-bezier(.22,1,.36,1);will-change:transform;scroll-behavior:auto !important;scroll-snap-type:none !important;scroll-padding-inline:0 !important;perspective:none !important}
.showcase-track::-webkit-scrollbar{display:none !important}
.showcase-track>*{flex:0 0 var(--card-width,calc((100% - 48px)/3));width:var(--card-width,calc((100% - 48px)/3));max-width:none !important;scroll-snap-align:none !important;scroll-snap-stop:normal !important;opacity:1 !important;filter:none !important;transform:none !important;transition:transform .58s cubic-bezier(.22,1,.36,1),opacity .42s ease,filter .42s ease,box-shadow .42s ease,border-color .42s ease}

.showcase-arrow{position:absolute;z-index:8;top:50%;width:58px;height:58px;border:0;border-radius:18px;background:rgba(76,104,108,.92);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 18px 40px rgba(0,41,48,.18);transform:translateY(-50%);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}

.showcase-arrow-prev{left:12px}.showcase-arrow-next{right:12px}
.showcase-arrow:hover:not(:disabled){background:linear-gradient(135deg,#53767a,#00b9c8);transform:translateY(-50%) scale(1.06);box-shadow:0 22px 44px rgba(0,41,48,.24)}
.showcase-arrow:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}
.showcase-status{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}
.showcase-dots{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.showcase-dot{width:10px;height:10px;border:0;border-radius:999px;padding:0;background:#c6d8db;cursor:pointer;transition:width .28s ease,background .28s ease,transform .28s ease,box-shadow .28s ease}
.showcase-dot:hover{transform:translateY(-1px);background:#8ec7cd}
.showcase-dot.is-active{width:34px;background:linear-gradient(135deg,#34d7e4,#14b8a6);box-shadow:0 10px 24px rgba(0,199,212,.3)}
.showcase-counter{display:inline-flex;align-items:center;gap:12px;font-family:var(--fh);font-weight:900;color:#45656b;font-size:1rem}
.showcase-counter i{display:block;width:38px;height:3px;border-radius:999px;background:linear-gradient(90deg,#8fe7ef,#a7cbc8)}
#teachers .showcase-track{padding-top:26px !important}
#teachers .tcard{min-height:472px !important;border:1px solid rgba(0,41,48,.08) !important;box-shadow:0 18px 42px rgba(0,41,48,.08) !important;opacity:.38 !important;filter:grayscale(.08) saturate(.8) !important;transform:scale(.93) translateY(22px) !important}
#teachers .tcard.is-visible{opacity:.88 !important;filter:none !important;transform:scale(.975) translateY(8px) !important}
#teachers .tcard.is-featured{opacity:1 !important;transform:scale(1.03) translateY(-6px) !important;border-color:rgba(0,224,239,.4) !important;box-shadow:0 28px 60px rgba(0,41,48,.16),0 0 0 6px rgba(0,224,239,.08) !important}
#teachers .tcard.is-featured .tphoto img{transform:scale(1.04)}
#teachers .tphoto-wrap{height:268px !important}
#teachers .tname{font-size:1.8rem !important}
#teachers .tbio{min-height:82px}

#portfolio{padding-top:42px}
.portfolio-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;max-width:1240px;margin:0 auto 4px}
.portfolio-section-copy .stag{margin-bottom:16px}
.portfolio-section-copy .stitle{font-size:clamp(2.25rem,4vw,4rem);line-height:.98;margin:0;color:#032b32}
.portfolio-view-all{display:inline-flex;align-items:center;justify-content:center;min-width:168px;padding:20px 28px;border-radius:999px;background:linear-gradient(135deg,#14cddd,#08b7d1);color:#002930;text-decoration:none;font-weight:900;box-shadow:0 18px 36px rgba(0,201,218,.22);transition:transform .25s ease,box-shadow .25s ease}
.portfolio-view-all:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(0,201,218,.28)}
.portfolio-carousel .showcase-viewport{padding-top:10px}

.portfolio-card{min-height:100%;background:#fff;border:1px solid rgba(0,41,48,.08);border-radius:28px;overflow:hidden;box-shadow:0 16px 34px rgba(0,41,48,.08)}
.portfolio-card.is-visible{transform:translateY(0) !important}
.portfolio-card.is-featured{box-shadow:0 28px 56px rgba(0,41,48,.14);transform:translateY(-6px) !important;border-color:rgba(0,199,212,.18)}
.portfolio-cover{display:block;padding:16px 16px 0;color:inherit;text-decoration:none}
.portfolio-cover-frame{height:198px;border-radius:22px;background:linear-gradient(135deg,#fff7cc,#efe2ff);overflow:hidden;position:relative;border:1px solid rgba(0,41,48,.06)}
.portfolio-cover-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.portfolio-card:hover .portfolio-cover-frame img{transform:scale(1.04)}
.portfolio-image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:linear-gradient(135deg,#fecf33,#f97316 42%,#9333ea 100%);color:#fff}
.portfolio-image-fallback span{font-size:.82rem;font-weight:800;opacity:.9;text-transform:uppercase;letter-spacing:.08em}
.portfolio-image-fallback strong{font-family:var(--fh);font-size:1.55rem;line-height:1.05;max-width:80%}
.portfolio-body{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px 18px 24px}
.portfolio-title{margin:0;font-family:var(--fh);font-size:1.9rem;line-height:1.02;color:#022d34}
.portfolio-student{display:flex;align-items:center;gap:10px;color:#51656b;font-weight:800;font-size:1.02rem}
.portfolio-student-badge{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#eef4f6;font-size:.88rem}
.portfolio-open{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border-radius:999px;background:linear-gradient(135deg,#18cddc,#0db7d2);color:#002930;text-decoration:none;font-family:var(--fh);font-size:1.18rem;font-weight:900;box-shadow:0 14px 28px rgba(12,189,209,.22);transition:transform .25s ease,box-shadow .25s ease}

.portfolio-empty{padding:36px;border-radius:24px;background:#fff;border:1px dashed rgba(0,41,48,.18);font-weight:800;color:#53767a}
@media (max-width:1040px){
  .showcase-viewport{padding-inline:58px}
  #teachers .tcard{min-height:454px !important}
  .portfolio-section-head{align-items:center}
}
@media (max-width:680px){
  .showcase-viewport{padding:12px 44px 18px}
  .showcase-arrow{width:46px;height:46px;border-radius:15px}
  .showcase-arrow span{font-size:1.65rem}
  .showcase-arrow-prev{left:2px}.showcase-arrow-next{right:2px}
  .showcase-status{gap:12px;flex-direction:column}
  #teachers .tcard,#teachers .tcard.is-visible,#teachers .tcard.is-featured{opacity:1 !important;filter:none !important;transform:none !important}
  #teachers .tcard{min-height:446px !important}
  #teachers .tphoto-wrap{height:244px !important}
  .portfolio-section-head{flex-direction:column;align-items:flex-start;gap:18px}
  .portfolio-view-all{padding:16px 24px;min-width:auto}
  .portfolio-cover-frame{height:190px}
  .portfolio-title{font-size:1.65rem}
  .portfolio-open{padding:14px 24px;font-size:1.05rem}
}
@media (prefers-reduced-motion:reduce){
  .showcase-track,.showcase-track>*,.showcase-arrow,.showcase-dot,.portfolio-view-all,.portfolio-open,.portfolio-cover-frame img{transition-duration:.01ms !important}
}
.showcase-status{display:none !important}
.showcase-carousel{max-width:1240px;margin:0 auto;position:relative}
.showcase-viewport{position:relative;overflow:hidden;padding:18px 22px 24px}
.showcase-track{display:flex !important;gap:24px !important;align-items:stretch !important;overflow:visible !important;padding:12px 0 18px !important;margin:0 !important;width:max-content !important;max-width:none !important;transform:translate3d(0,0,0);transition:transform .68s cubic-bezier(.22,1,.36,1);scroll-snap-type:none !important;scroll-behavior:auto !important;grid-auto-flow:unset !important;grid-auto-columns:unset !important;grid-template-columns:none !important}
.showcase-track>*{flex:0 0 auto;max-width:none !important;min-width:0;opacity:1 !important;filter:none !important;transform:none !important;scroll-snap-align:none !important;scroll-snap-stop:normal !important;transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease}
.showcase-fade{display:none !important}
.showcase-arrow{position:absolute;z-index:9;top:50%;width:54px;height:54px;border:0;border-radius:18px;background:#69878b;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 16px 34px rgba(0,41,48,.18);transform:translateY(-50%);transition:transform .25s ease,background .25s ease,opacity .25s ease,box-shadow .25s ease}
.showcase-arrow span{display:block;font:700 2rem/1 Arial,sans-serif}
.showcase-arrow-prev{left:0}.showcase-arrow-next{right:0}
.showcase-arrow:hover:not(:disabled){background:linear-gradient(135deg,#56777a,#11bfd1);transform:translateY(-50%) scale(1.05);box-shadow:0 20px 40px rgba(0,41,48,.24)}
.showcase-arrow:disabled{opacity:.32;cursor:not-allowed;box-shadow:none}
.showcase-carousel.is-static .showcase-arrow{display:none}
#teachers .showcase-viewport,.portfolio-carousel .showcase-viewport{padding-inline:44px}
#teachers .tcard{opacity:1 !important;filter:none !important;transform:none !important;border:1px solid rgba(0,41,48,.08) !important;box-shadow:0 14px 34px rgba(0,41,48,.07) !important;min-height:470px !important}
#teachers .tcard.is-featured{transform:translateY(-6px) scale(1.015) !important;border-color:rgba(0,224,239,.34) !important;box-shadow:0 24px 56px rgba(0,41,48,.14),0 0 0 5px rgba(0,224,239,.07) !important}
#teachers .tphoto-wrap{height:260px !important}
#teachers .tbio{min-height:78px}
#teachers .tstats{margin-top:auto}
.home-portfolio-section{position:relative}
.portfolio-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1240px;margin:0 auto 8px}
.portfolio-section-copy .stitle{margin:0;color:#022c33;font-size:clamp(2.1rem,4vw,3.7rem);line-height:1}
.portfolio-view-all{display:inline-flex;align-items:center;justify-content:center;padding:18px 28px;border-radius:999px;background:linear-gradient(135deg,#18d1df,#0eb8d3);box-shadow:0 16px 34px rgba(0,201,218,.22);text-decoration:none;color:#032b32;font-weight:900;transition:transform .25s ease,box-shadow .25s ease}
.portfolio-view-all:hover{transform:translateY(-2px);box-shadow:0 20px 38px rgba(0,201,218,.28)}
.portfolio-grid{display:flex !important}
.portfolio-card{display:flex;flex-direction:column;min-height:100%;background:#fff;border-radius:30px;border:1px solid rgba(0,41,48,.08);overflow:hidden;box-shadow:0 16px 36px rgba(0,41,48,.08)}
.portfolio-card.is-featured{transform:translateY(-6px);border-color:rgba(0,224,239,.3);box-shadow:0 26px 58px rgba(0,41,48,.14),0 0 0 5px rgba(0,224,239,.07)}
.portfolio-media{display:block;padding:16px 16px 0;text-decoration:none;color:inherit}
.portfolio-media-frame{position:relative;height:200px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#f9fbfc,#eef5f6);border:1px solid rgba(0,41,48,.06)}
.portfolio-media-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.portfolio-card:hover .portfolio-media-frame img{transform:scale(1.035)}
.portfolio-image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:linear-gradient(135deg,#ffcb38,#f97316 46%,#7c3aed 100%);color:#fff}
.portfolio-image-fallback span{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.92}
.portfolio-image-fallback strong{font-family:var(--fh);font-size:1.5rem;line-height:1.05;max-width:80%}
.portfolio-body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 18px 22px;height:100%}
.portfolio-title{margin:0;font-family:var(--fh);font-size:1.75rem;line-height:1.05;color:#062c34}
.portfolio-student{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:800;color:#536a70}
.portfolio-student-badge{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#edf3f4;font-size:.9rem}
.portfolio-desc{margin:0;color:#6a8388;line-height:1.6;min-height:74px;font-weight:700}
.portfolio-meta-row{display:flex;flex-wrap:wrap;gap:10px}
.portfolio-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#f2f7f8;border:1px solid rgba(0,41,48,.08);color:#4c6870;font-size:.9rem;font-weight:800}
.portfolio-open{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;padding:15px 28px;border-radius:999px;background:linear-gradient(135deg,#18cedd,#0db7d2);box-shadow:0 14px 28px rgba(12,189,209,.22);text-decoration:none;color:#032b32;font-family:var(--fh);font-size:1.08rem;font-weight:900;transition:transform .25s ease,box-shadow .25s ease}
.portfolio-open:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(12,189,209,.28)}
.portfolio-empty{padding:34px;border-radius:24px;border:1px dashed rgba(0,41,48,.2);background:#fff;color:#53767a;font-weight:800}
@media(max-width:1179px){
  #teachers .showcase-viewport,.portfolio-carousel .showcase-viewport{padding-inline:38px}
}
@media(max-width:759px){
  .showcase-arrow{width:46px;height:46px;border-radius:15px}
  .showcase-arrow span{font-size:1.65rem}
  #teachers .showcase-viewport,.portfolio-carousel .showcase-viewport{padding-inline:24px}
  #teachers .tcard{min-height:452px !important}
  #teachers .tphoto-wrap{height:242px !important}
  .portfolio-section-head{flex-direction:column;align-items:flex-start}
  .portfolio-view-all{padding:15px 22px}
  .portfolio-media-frame{height:188px}
  .portfolio-title{font-size:1.55rem}
  .portfolio-desc{min-height:auto}
}
#teachers .showcase-track,.portfolio-carousel .showcase-track{justify-content:flex-start}
#teachers .showcase-viewport,.portfolio-carousel .showcase-viewport{padding-inline:72px}
#teachers .tcard{
  display:flex;
  flex-direction:column;
  padding:16px 16px 20px !important;
  min-height:418px !important;
  border-radius:30px !important;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(0,41,48,.08) !important;
  box-shadow:0 16px 36px rgba(0,41,48,.08) !important;
}
#teachers .tcard.is-featured{
  transform:translateY(-6px) !important;
  border-color:rgba(0,224,239,.30) !important;
  box-shadow:0 26px 58px rgba(0,41,48,.14),0 0 0 5px rgba(0,224,239,.07) !important;
}
#teachers .tphoto-wrap{
  height:196px !important;
  margin:0 0 16px !important;
  border-radius:24px !important;
  overflow:hidden;
  background:linear-gradient(135deg,#f9fbfc,#eef5f6);
  border:1px solid rgba(0,41,48,.06);
}
#teachers .tphoto{height:100%}
#teachers .tphoto img{width:100%;height:100%;object-fit:cover;display:block}
#teachers .tname{margin:0 0 8px !important;font-size:1.6rem !important;line-height:1.05;color:#062c34}
#teachers .tsubj{
  margin:0 0 10px !important;
  font-size:.95rem !important;
  font-weight:900 !important;
  text-transform:uppercase;
  letter-spacing:.08em;
}
#teachers .tbio{
  margin:0 0 14px !important;
  min-height:72px !important;
  color:#6a8388 !important;
  line-height:1.6 !important;
  font-weight:700 !important;
}
#teachers .tstats{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
#teachers .tstats span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background:#f2f7f8;
  border:1px solid rgba(0,41,48,.08);
  color:#4c6870;
  font-size:.9rem;
  font-weight:800;
}
.portfolio-carousel .showcase-track{gap:20px !important}
.portfolio-card{
  border-radius:26px !important;
  box-shadow:0 14px 30px rgba(0,41,48,.08) !important;
}
.portfolio-card.is-featured{transform:translateY(-4px) !important}
.portfolio-media{padding:14px 14px 0 !important}
.portfolio-media-frame{height:176px !important;border-radius:20px !important}
.portfolio-body{padding:18px 16px 18px !important;gap:10px !important}
.portfolio-title{font-size:1.55rem !important}
.portfolio-student{font-size:.95rem !important}
.portfolio-desc{font-size:.95rem !important;line-height:1.55 !important;min-height:64px !important}
.portfolio-chip{padding:7px 12px !important;font-size:.84rem !important}
.portfolio-open{padding:13px 24px !important;font-size:1rem !important}
@media(max-width:1179px){
  #teachers .showcase-viewport,.portfolio-carousel .showcase-viewport{padding-inline:56px}
}
@media(max-width:759px){
  #teachers .showcase-viewport,.portfolio-carousel .showcase-viewport{padding-inline:28px}
  #teachers .tcard{min-height:402px !important}
  #teachers .tphoto-wrap{height:182px !important}
  .portfolio-media-frame{height:166px !important}
  .portfolio-title{font-size:1.45rem !important}
  .portfolio-desc{min-height:auto !important}
}
.showcase-carousel{max-width:1240px;margin-inline:auto}
.showcase-viewport{position:relative;overflow:hidden;padding:20px 72px 28px}
.showcase-track{display:flex !important;align-items:stretch !important;justify-content:flex-start !important;width:max-content !important;max-width:none !important;margin:0 !important;padding:10px 0 16px !important;overflow:visible !important;transform:translate3d(0,0,0);transition:transform .62s cubic-bezier(.22,1,.36,1);will-change:transform}
#teachers .showcase-track{gap:28px !important}
.portfolio-carousel .showcase-track{gap:22px !important}
.showcase-track>*{flex-shrink:0;box-sizing:border-box;max-width:none !important;opacity:1 !important;filter:none !important;scroll-snap-align:none !important}
.showcase-arrow{top:50%;width:50px;height:50px;border-radius:16px;background:#627f83;box-shadow:0 14px 30px rgba(0,41,48,.18)}
.showcase-arrow-prev{left:8px}.showcase-arrow-next{right:8px}
.showcase-arrow:disabled{opacity:.26}
#teachers .tcard{
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  min-height:424px !important;
  padding:14px 14px 18px !important;
  border-radius:26px !important;
  background:#fff !important;
  border:1px solid rgba(0,41,48,.09) !important;
  box-shadow:0 14px 32px rgba(0,41,48,.075) !important;
  overflow:hidden !important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease !important;
}
#teachers .tcard.is-featured,#teachers .tcard:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(0,191,166,.28) !important;
  box-shadow:0 22px 46px rgba(0,41,48,.13),0 0 0 4px rgba(0,224,239,.055) !important;
}
#teachers .tphoto-wrap{
  flex:0 0 auto;
  height:192px !important;
  margin:0 0 18px !important;
  border-radius:20px !important;
  overflow:hidden !important;
  background:#edf6f6 !important;
  border:1px solid rgba(0,41,48,.065) !important;
}
#teachers .tphoto,#teachers .tphoto img{width:100% !important;height:100% !important}
#teachers .tphoto img{display:block;object-fit:cover;object-position:center top;transform:none !important}
#teachers .tname{margin:0 2px 7px !important;font-size:1.48rem !important;line-height:1.12 !important;color:#062c34 !important}
#teachers .tsubj{margin:0 2px 11px !important;font-size:.84rem !important;line-height:1.35 !important;letter-spacing:.07em !important}
#teachers .tbio{margin:0 2px 16px !important;min-height:70px !important;font-size:.94rem !important;line-height:1.52 !important;color:#667f84 !important;font-weight:700 !important}
#teachers .tstats{display:flex !important;gap:8px !important;flex-wrap:wrap !important;margin-top:auto !important;padding-top:2px !important}
#teachers .tstats span{padding:7px 10px !important;border-radius:999px !important;font-size:.78rem !important;line-height:1.2 !important;background:#f2f7f8 !important;border:1px solid rgba(0,41,48,.075) !important;color:#4c6870 !important;white-space:nowrap}
.portfolio-card{
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  min-height:382px !important;
  border-radius:22px !important;
  background:#fff !important;
  border:1px solid rgba(0,41,48,.085) !important;
  box-shadow:0 12px 27px rgba(0,41,48,.075) !important;
  overflow:hidden !important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease !important;
}
.portfolio-card.is-featured,.portfolio-card:hover{transform:translateY(-4px) !important;border-color:rgba(0,169,184,.25) !important;box-shadow:0 20px 40px rgba(0,41,48,.12) !important}
.portfolio-media{padding:11px 11px 0 !important}
.portfolio-media-frame{height:auto !important;aspect-ratio:16/9;border-radius:16px !important;background:#edf5f6 !important}
.portfolio-media-frame img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}
.portfolio-body{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:8px !important;height:100% !important;padding:14px 13px 15px !important}
.portfolio-title{font-size:1.32rem !important;line-height:1.08 !important;letter-spacing:-.01em}
.portfolio-student{gap:7px !important;font-size:.82rem !important;line-height:1.3 !important;color:#587176 !important}
.portfolio-student-badge{width:23px !important;height:23px !important;font-size:.72rem !important}
.portfolio-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:1px 0 2px !important;min-height:60px !important;font-size:.82rem !important;line-height:1.48 !important;color:#6b8388 !important;font-weight:650 !important}
.portfolio-meta-row{gap:6px !important;margin-top:1px}
.portfolio-chip{padding:6px 9px !important;border-radius:999px !important;font-size:.72rem !important;line-height:1.1 !important;white-space:nowrap}
.portfolio-open{gap:7px;margin-top:auto !important;padding:10px 17px !important;border-radius:999px !important;font-size:.88rem !important;box-shadow:0 10px 20px rgba(12,189,209,.18) !important}
.portfolio-open:hover{transform:translateY(-1px) !important}

@media(max-width:1179px){
  .showcase-viewport{padding-inline:56px}
  #teachers .showcase-track{gap:24px !important}
  .portfolio-carousel .showcase-track{gap:20px !important}
  #teachers .tcard{min-height:416px !important}
  .portfolio-card{min-height:388px !important}
}
@media(max-width:759px){
  .showcase-viewport{padding:14px 28px 22px}
  #teachers .showcase-track,.portfolio-carousel .showcase-track{gap:16px !important}
  .showcase-arrow{width:42px;height:42px;border-radius:14px}
  .showcase-arrow-prev{left:2px}.showcase-arrow-next{right:2px}
  #teachers .tcard{min-height:398px !important;padding:12px 12px 16px !important}
  #teachers .tphoto-wrap{height:178px !important;margin-bottom:15px !important}
  #teachers .tname{font-size:1.35rem !important}
  #teachers .tbio{min-height:auto !important}
  .portfolio-card{min-height:366px !important}
  .portfolio-title{font-size:1.28rem !important}
  .portfolio-desc{min-height:auto !important;-webkit-line-clamp:3}
}
@media(prefers-reduced-motion:reduce){.showcase-track,#teachers .tcard,.portfolio-card{transition-duration:.01ms !important}}
.showcase-viewport{--edge-cover:72px;--edge-bg:#f7feff}
.portfolio-carousel .showcase-viewport{--edge-bg:#f3fcfd}
.showcase-viewport::before,.showcase-viewport::after{
  content:"";
  position:absolute;
  z-index:5;
  top:0;
  bottom:0;
  width:var(--edge-cover);
  pointer-events:none;
}
.showcase-viewport::before{left:0;background:linear-gradient(90deg,var(--edge-bg) 0%,var(--edge-bg) 62%,rgba(255,255,255,0) 100%)}
.showcase-viewport::after{right:0;background:linear-gradient(270deg,var(--edge-bg) 0%,var(--edge-bg) 62%,rgba(255,255,255,0) 100%)}
#teachers .showcase-track.tgrid,
.portfolio-carousel .showcase-track.portfolio-grid{
  display:flex !important;
  grid-template-columns:none !important;
  grid-auto-flow:unset !important;
  grid-auto-columns:unset !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  width:max-content !important;
  max-width:none !important;
  overflow:visible !important;
}
#teachers .showcase-track.tgrid{gap:28px !important}
.portfolio-carousel .showcase-track.portfolio-grid{gap:22px !important}
#teachers .showcase-track .tcard{min-height:424px !important}
#teachers .showcase-track .tcard.is-visible{transform:none !important;opacity:1 !important;filter:none !important}
#teachers .showcase-track .tcard.is-featured{transform:translateY(-5px) !important}
#teachers .showcase-track .tphoto-wrap{height:192px !important}
#teachers .showcase-track .tphoto img{transform:none !important}
@media(max-width:1179px){
  .showcase-viewport{--edge-cover:56px}
  #teachers .showcase-track.tgrid{gap:24px !important}
  .portfolio-carousel .showcase-track.portfolio-grid{gap:20px !important}
  #teachers .showcase-track .tcard{min-height:416px !important}
}
@media(max-width:759px){
  .showcase-viewport{--edge-cover:28px}
  #teachers .showcase-track.tgrid,.portfolio-carousel .showcase-track.portfolio-grid{gap:16px !important}
  #teachers .showcase-track .tcard{min-height:398px !important}
  #teachers .showcase-track .tphoto-wrap{height:178px !important}
}
#teachers .showcase-track .tname{
  margin:0 2px 7px !important;
  font-size:1.48rem !important;
  line-height:1.12 !important;
  color:#062c34 !important;
  text-align:left !important;
}
#teachers .showcase-track .tsubj{
  margin:0 2px 11px !important;
  font-size:.84rem !important;
  line-height:1.35 !important;
  letter-spacing:.07em !important;
  text-align:left !important;
}
#teachers .showcase-track .tbio{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  overflow:hidden !important;
  margin:0 2px 16px !important;
  min-height:64px !important;
  font-size:.9rem !important;
  line-height:1.5 !important;
  color:#667f84 !important;
  font-weight:700 !important;
  text-align:left !important;
}
#teachers .showcase-track .tstats{
  display:flex !important;
  justify-content:flex-start !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin:0 2px !important;
  padding:2px 0 0 !important;
}
#teachers .showcase-track .tstats span{
  padding:7px 10px !important;
  border-radius:999px !important;
  font-size:.75rem !important;
  line-height:1.2 !important;
  background:#f2f7f8 !important;
  border:1px solid rgba(0,41,48,.075) !important;
  color:#4c6870 !important;
  white-space:nowrap !important;
}
@media(max-width:759px){
  #teachers .showcase-track .tname{font-size:1.35rem !important}
  #teachers .showcase-track .tbio{min-height:61px !important;font-size:.86rem !important}
}
#teachers .showcase-track .tcard{
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  min-height:418px !important;
  padding:16px 16px 20px !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid rgba(0,41,48,.08) !important;
  box-shadow:0 16px 36px rgba(0,41,48,.08) !important;
  text-align:left !important;
}
#teachers .showcase-track .tcard.is-visible{
  transform:none !important;
  opacity:1 !important;
  filter:none !important;
}
#teachers .showcase-track .tcard.is-featured,
#teachers .showcase-track .tcard:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(0,224,239,.30) !important;
  box-shadow:0 26px 58px rgba(0,41,48,.14),0 0 0 5px rgba(0,224,239,.07) !important;
}
#teachers .showcase-track .tphoto-wrap{
  flex:0 0 auto !important;
  width:100% !important;
  height:285px !important;
  margin:0 0 16px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#f9fbfc,#eef5f6) !important;
  border:1px solid rgba(0,41,48,.06) !important;
}
#teachers .showcase-track .tphoto,
#teachers .showcase-track .tphoto img{
  width:100% !important;
  height:100% !important;
  border-radius:23px !important;
}
#teachers .showcase-track .tphoto{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
#teachers .showcase-track .tphoto img{
  display:block !important;
  object-fit:cover !important;
  object-position:center top !important;
  transform:none !important;
}
#teachers .showcase-track .tname{
  margin:0 0 8px !important;
  font-size:1.6rem !important;
  line-height:1.05 !important;
  color:#062c34 !important;
  text-align:left !important;
}
#teachers .showcase-track .tsubj{
  margin:0 0 10px !important;
  font-size:.95rem !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  text-align:left !important;
}
#teachers .showcase-track .tbio{
  display:block !important;
  overflow:visible !important;
  margin:0 0 14px !important;
  min-height:72px !important;
  font-size:.845rem !important;
  line-height:1.6 !important;
  color:#6a8388 !important;
  font-weight:700 !important;
  text-align:left !important;
}
#teachers .showcase-track .tstats{
  display:flex !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:auto 0 0 !important;
  padding:0 !important;
}
#teachers .showcase-track .tstats span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:#f2f7f8 !important;
  border:1px solid rgba(0,41,48,.08) !important;
  color:#4c6870 !important;
  font-size:.78rem !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
@media(max-width:1179px){
  #teachers .showcase-track .tcard{min-height:410px !important}
}
@media(max-width:759px){
  #teachers .showcase-track .tcard{
    min-height:394px !important;
    padding:14px 14px 18px !important;
    border-radius:26px !important;
  }
  #teachers .showcase-track .tphoto-wrap{
    height:250px !important;
    margin-bottom:14px !important;
    border-radius:21px !important;
  }
  #teachers .showcase-track .tphoto,
  #teachers .showcase-track .tphoto img{border-radius:20px !important}
  #teachers .showcase-track .tname{font-size:1.42rem !important}
  #teachers .showcase-track .tsubj{font-size:.84rem !important;margin-bottom:8px !important}
  #teachers .showcase-track .tbio{min-height:auto !important;font-size:.82rem !important;margin-bottom:12px !important}
  #teachers .showcase-track .tstats{gap:7px !important}
  #teachers .showcase-track .tstats span{padding:7px 10px !important;font-size:.72rem !important}
}
.home-branches-section{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 14%,rgba(0,224,239,.12),transparent 30%),radial-gradient(circle at 88% 12%,rgba(0,199,135,.10),transparent 28%),linear-gradient(180deg,#f8feff,#ffffff)}
.home-branches-section::before{content:"";position:absolute;inset:42px auto auto 5%;width:140px;height:140px;border-radius:50%;background:#e3fcff;filter:blur(2px);opacity:.72;z-index:0}
.home-branches-section::after{content:"";position:absolute;right:6%;bottom:52px;width:210px;height:210px;border-radius:50%;background:#fff4d6;filter:blur(3px);opacity:.68;z-index:0}
.home-branches-section>*{position:relative;z-index:1}.branch-section-head{align-items:center}.branch-call-link{min-width:156px}.branch-carousel{max-width:1240px}.branch-carousel .showcase-viewport{padding-top:18px}.branch-track{display:flex!important}.branch-card{padding:0!important;overflow:hidden;border-radius:30px!important;background:#fff!important;border:1px solid rgba(0,41,48,.08)!important;box-shadow:0 18px 46px rgba(0,41,48,.09)!important;min-height:474px;display:flex!important;flex-direction:column;transform:translateY(0);transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease!important}.branch-card:hover{transform:translateY(-8px)!important;border-color:rgba(0,224,239,.48)!important;box-shadow:0 30px 72px rgba(0,41,48,.14)!important}.branch-media{height:208px;margin:0;position:relative;display:block;overflow:hidden;background:#e9fbfd;text-decoration:none}.branch-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.branch-card:hover .branch-media img{transform:scale(1.055)}.branch-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,41,48,0) 48%,rgba(0,41,48,.26));pointer-events:none}.branch-map-badge{position:absolute;left:16px;top:16px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#006f7a;font-size:.73rem;font-weight:900;box-shadow:0 10px 24px rgba(0,41,48,.12);backdrop-filter:blur(10px)}.branch-pin{position:absolute;right:18px;bottom:14px;z-index:2;width:48px;height:48px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.92);font-size:1.55rem;box-shadow:0 12px 28px rgba(0,41,48,.16);animation:bnc 2.2s infinite}.branch-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}.branch-kicker{color:#007985;font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em;margin-bottom:8px}.branch-card .bname{font-size:1.28rem;line-height:1.15;margin-bottom:8px;color:#002930}.branch-card .baddr{font-size:.89rem;line-height:1.55;margin-bottom:16px;min-height:44px}.branch-card .btags{margin-top:auto;margin-bottom:18px}.branch-card .btag{background:#e9fbfd!important;border-color:#bdeff5!important;color:#007985!important;padding:6px 10px}.branch-route{display:flex!important;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-height:46px;font-size:.93rem!important;border-radius:999px!important}.branch-route:hover{color:#fff}.branch-carousel.is-static .showcase-arrow{display:none}
@media(max-width:900px){.branch-section-head{align-items:flex-start;flex-direction:column}.branch-card{min-height:456px}.branch-media{height:196px}}
@media(max-width:680px){.branch-card{min-height:438px}.branch-media{height:188px}.branch-card .bname{font-size:1.16rem}.branch-call-link{width:100%}}

/* V46 — Mentor rasmlarida PDP Junior logosi tepasidagi bo'sh joyni kamaytirish
   Kartadagi rasm biroz pastroq nuqtadan ko'rsatiladi, shunda tepada ortiqcha shift ko'rinmaydi
   va mentor tanasi ko'proq ko'rinadi. */
#teachers .showcase-track .tphoto img,
#teachers .tphoto img{
  object-fit: cover !important;
  object-position: center 16% !important;
}

/* === PDP ecosystem about page additions === */
.ecosystem-hero-grid{align-items:center}
.eco-intro-visual{background:radial-gradient(circle at 18% 18%,rgba(0,224,239,.28),transparent 28%),radial-gradient(circle at 82% 22%,rgba(34,197,94,.18),transparent 26%),linear-gradient(145deg,#f4feff,#dffaf8 62%,#ecfffb);border-color:rgba(0,224,239,.28)}
.eco-intro-visual .abadge{backdrop-filter:blur(12px);background:rgba(255,255,255,.92);border-color:rgba(0,224,239,.18)}
.eco-mini-orbit{position:absolute;border-radius:50%;border:1.5px dashed rgba(0,121,133,.18);inset:48px;animation:ecoSpinPlain 18s linear infinite}
.eco-mini-orbit-b{inset:92px;animation-direction:reverse;animation-duration:24s}
.eco-mini-center{position:relative;z-index:2;width:220px;height:220px;border-radius:50%;background:linear-gradient(145deg,#002930,#006b76 58%,#00b6c5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:22px;box-shadow:0 24px 60px rgba(0,41,48,.22),0 0 0 10px rgba(255,255,255,.42)}
.eco-mini-logo{width:64px;height:64px;border-radius:22px;background:linear-gradient(145deg,#00e0ef,#00c787);display:flex;align-items:center;justify-content:center;color:#002930;font-family:var(--fh);font-weight:900;font-size:1.05rem;letter-spacing:.04em;margin-bottom:12px;box-shadow:0 16px 34px rgba(0,224,239,.26)}
.eco-mini-center strong{font-family:var(--fh);font-size:1.6rem;line-height:1;margin-bottom:8px}
.eco-mini-center span{font-size:.8rem;line-height:1.55;font-weight:700;color:rgba(255,255,255,.88)}
.eco-mini-chip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.9);border:1.5px solid rgba(0,224,239,.16);box-shadow:0 14px 32px rgba(0,41,48,.12);color:#044954;font-size:.82rem;font-weight:900;backdrop-filter:blur(10px);animation:ecoFloat 5.2s ease-in-out infinite}
.eco-mini-chip.chip-university{top:42px;left:30px}
.eco-mini-chip.chip-academy{top:74px;right:24px;animation-delay:.8s}
.eco-mini-chip.chip-school{bottom:108px;left:28px;animation-delay:1.5s}
.eco-mini-chip.chip-junior{bottom:116px;right:28px;animation-delay:2.2s}

.ecosystem-section{padding-top:20px}
.ecosystem-head{max-width:920px;margin:0 auto 32px;text-align:center}
.ecosystem-subtext{margin:12px auto 0;max-width:760px;color:var(--txd);font-size:.97rem;line-height:1.8;font-weight:600}
.eco-cards{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.eco-card{position:relative;background:linear-gradient(180deg,#fff,#f8feff);border:1px solid rgba(0,41,48,.08);border-radius:28px;padding:26px 24px 24px;box-shadow:0 16px 42px rgba(0,41,48,.08);display:flex;flex-direction:column;min-height:100%;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
.eco-card:hover{transform:translateY(-7px);border-color:rgba(0,224,239,.35);box-shadow:0 26px 68px rgba(0,41,48,.14)}
.eco-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;border-radius:28px 28px 0 0;background:linear-gradient(90deg,#00e0ef,#00c787,#ffc247)}
.eco-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;font-size:1.75rem;background:linear-gradient(145deg,#e3fcff,#e7fbf2);border:1.5px solid rgba(0,224,239,.16);box-shadow:0 14px 30px rgba(0,224,239,.12);margin-bottom:14px}
.eco-site-link{display:inline-flex;align-items:center;gap:8px;background:#ecfeff;color:#007985;border:1px solid #bdeff5;border-radius:999px;padding:6px 10px;font-size:.71rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px;width:max-content}
.eco-card h3{font-family:var(--fh);font-size:1.35rem;line-height:1.08;color:#002930;margin-bottom:10px}
.eco-card p{color:var(--txd);font-size:.9rem;line-height:1.7;font-weight:600;margin-bottom:14px}
.eco-points{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:8px}
.eco-points li{display:flex;align-items:flex-start;gap:10px;color:#234b52;font-size:.84rem;font-weight:700;line-height:1.5}
.eco-points li::before{content:"✦";color:#00a3b2;font-size:.8rem;margin-top:2px}
.eco-link{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;text-decoration:none;border-radius:999px;background:linear-gradient(135deg,#00e0ef,#00c787);color:#002930;font-size:.92rem;font-weight:900;box-shadow:0 16px 34px rgba(0,224,239,.18);transition:transform .28s ease,box-shadow .28s ease}
.eco-link:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(0,224,239,.24)}

.ecosystem-visual-panel{max-width:1240px;margin:28px auto 0;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:stretch}
.ecosystem-copy,.eco-orbit-scene{background:linear-gradient(180deg,#fff,#f7feff);border:1px solid rgba(0,41,48,.08);border-radius:32px;box-shadow:0 18px 48px rgba(0,41,48,.08)}
.ecosystem-copy{padding:30px}
.ecosystem-copy h3{font-family:var(--fh);font-size:clamp(1.5rem,2vw,2rem);line-height:1.1;color:#002930;margin-bottom:12px}
.ecosystem-copy p{color:var(--txd);font-size:.93rem;line-height:1.75;font-weight:600}
.eco-flow-list{display:grid;gap:14px;margin-top:22px}
.eco-flow-item{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:flex-start;padding:14px;border-radius:20px;background:#fbfeff;border:1px solid rgba(0,224,239,.14)}
.eco-flow-item span{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#00e0ef,#00c787);color:#002930;display:grid;place-items:center;font-weight:900;font-family:var(--fh);font-size:1rem;box-shadow:0 12px 28px rgba(0,224,239,.18)}
.eco-flow-item strong{display:block;color:#002930;font-size:.98rem;margin-bottom:4px}
.eco-flow-item p{margin:0;font-size:.84rem;line-height:1.6}

.eco-orbit-scene{position:relative;overflow:hidden;min-height:560px;padding:24px;background:radial-gradient(circle at 50% 50%,rgba(0,224,239,.08),transparent 42%),linear-gradient(180deg,#f6feff,#ecfffb 72%,#f8fffe)}
.eco-scene-glow{position:absolute;border-radius:50%;filter:blur(18px);opacity:.7}
.eco-scene-glow-a{width:180px;height:180px;left:6%;top:12%;background:rgba(0,224,239,.18)}
.eco-scene-glow-b{width:210px;height:210px;right:8%;bottom:10%;background:rgba(34,197,94,.16)}
.eco-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1.5px dashed rgba(0,121,133,.18)}
.eco-ring-1{width:320px;height:320px;animation:ecoSpin 24s linear infinite}
.eco-ring-2{width:430px;height:430px;animation:ecoSpin 34s linear infinite reverse}
.eco-ring-3{width:520px;height:520px;border-style:solid;border-color:rgba(0,224,239,.09);animation:ecoPulseRing 4.8s ease-in-out infinite}
.eco-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;background:linear-gradient(145deg,#002930,#005560 56%,#00a8b8);box-shadow:0 24px 58px rgba(0,41,48,.24),0 0 0 12px rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:24px;z-index:4;animation:ecoHubFloat 4.6s ease-in-out infinite}
.eco-hub-top{font-family:var(--fh);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.14);padding:7px 14px;border-radius:999px;margin-bottom:10px}
.eco-hub strong{font-family:var(--fh);font-size:1.65rem;line-height:1.05;margin-bottom:8px}
.eco-hub small{font-size:.82rem;line-height:1.5;color:rgba(255,255,255,.88);font-weight:700}
.eco-node{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:150px;min-height:126px;padding:16px 14px;border-radius:24px;background:rgba(255,255,255,.88);border:1px solid rgba(0,224,239,.18);box-shadow:0 20px 40px rgba(0,41,48,.12);backdrop-filter:blur(12px)}
.eco-node span{font-size:1.9rem;line-height:1;margin-bottom:8px}
.eco-node b{font-size:1rem;color:#002930;font-family:var(--fh);margin-bottom:4px}
.eco-node small{font-size:.77rem;color:#456b72;font-weight:700;line-height:1.45}
.eco-node-top{left:50%;top:48px;transform:translateX(-50%);animation:ecoNodeFloatTop 5s ease-in-out infinite}
.eco-node-right{right:52px;top:50%;transform:translateY(-50%);animation:ecoNodeFloatRight 5s ease-in-out .9s infinite}
.eco-node-bottom{left:50%;bottom:44px;transform:translateX(-50%);animation:ecoNodeFloatBottom 5s ease-in-out 1.7s infinite}
.eco-node-left{left:52px;top:50%;transform:translateY(-50%);animation:ecoNodeFloatLeft 5s ease-in-out 2.4s infinite}
.eco-pulse{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,224,239,.22);z-index:1}
.eco-pulse-a{width:250px;height:250px;animation:ecoPulse 4.2s ease-out infinite}
.eco-pulse-b{width:250px;height:250px;animation:ecoPulse 4.2s ease-out 1.4s infinite}
.eco-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:linear-gradient(145deg,#00e0ef,#00c787);box-shadow:0 8px 20px rgba(0,224,239,.25);z-index:3}
.eco-dot-a{left:21%;top:24%;animation:ecoSpark 6.4s ease-in-out infinite}
.eco-dot-b{right:20%;top:28%;animation:ecoSpark 5.8s ease-in-out 1s infinite}
.eco-dot-c{left:24%;bottom:21%;animation:ecoSpark 6s ease-in-out 1.5s infinite}
.eco-dot-d{right:22%;bottom:24%;animation:ecoSpark 6.6s ease-in-out .7s infinite}

@keyframes ecoSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes ecoPulse{0%{opacity:.12;transform:translate(-50%,-50%) scale(.86)}70%{opacity:.2}100%{opacity:0;transform:translate(-50%,-50%) scale(2)}}
@keyframes ecoPulseRing{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.03)}}
@keyframes ecoHubFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}
@keyframes ecoNodeFloatTop{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-9px)}}
@keyframes ecoNodeFloatBottom{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-9px)}}
@keyframes ecoNodeFloatRight{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-8px)}}
@keyframes ecoNodeFloatLeft{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(8px)}}
@keyframes ecoSpinPlain{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ecoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ecoSpark{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:1}}

@media(max-width:1180px){
  .eco-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecosystem-visual-panel{grid-template-columns:1fr}
}
@media(max-width:900px){
  .eco-intro-visual{height:480px}
  .eco-orbit-scene{min-height:520px}
  .eco-node{width:132px;min-height:118px;padding:14px 10px}
  .eco-node-top{top:38px}.eco-node-right{right:28px}.eco-node-left{left:28px}.eco-node-bottom{bottom:34px}
}
@media(max-width:680px){
  .eco-cards{grid-template-columns:1fr}
  .eco-intro-visual{height:520px;font-size:initial}
  .eco-mini-center{width:190px;height:190px;padding:20px}
  .eco-mini-chip{font-size:.76rem;padding:10px 12px}
  .eco-mini-chip.chip-university{left:18px;top:28px}
  .eco-mini-chip.chip-academy{right:14px;top:60px}
  .eco-mini-chip.chip-school{left:14px;bottom:114px}
  .eco-mini-chip.chip-junior{right:14px;bottom:118px}
  .ecosystem-copy{padding:24px}
  .eco-orbit-scene{min-height:640px}
  .eco-ring-1{width:250px;height:250px}
  .eco-ring-2{width:330px;height:330px}
  .eco-ring-3{width:410px;height:410px}
  .eco-hub{width:148px;height:148px;padding:18px}
  .eco-hub strong{font-size:1.35rem}
  .eco-node{width:128px;min-height:110px}
  .eco-node-top{top:28px}
  .eco-node-right{right:10px;top:50%}
  .eco-node-left{left:10px;top:50%}
  .eco-node-bottom{bottom:26px}
}


/* === About page visual refresh === */
.about-showcase-wrap{display:flex;flex-direction:column;gap:30px}
.about-hero-refresh{gap:42px;align-items:center}
.about-visual-refresh{min-height:450px}
.about-copy-refresh .stitle{max-width:640px}
.about-lead{margin-top:16px;color:var(--txd);font-size:.98rem;line-height:1.9;font-weight:600;max-width:640px}
.about-quick-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.about-highlight-card{background:linear-gradient(180deg,#fff,#f7feff);border:1px solid rgba(0,224,239,.16);border-radius:20px;padding:16px 16px 18px;box-shadow:0 14px 34px rgba(0,41,48,.06)}
.about-highlight-card strong{display:block;font-size:.96rem;color:#002930;margin-bottom:8px}
.about-highlight-card span{display:block;color:#466870;font-size:.83rem;line-height:1.65;font-weight:600}
.about-mini-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.about-mini-stat{background:#fff;border:1px solid rgba(0,41,48,.08);border-radius:999px;padding:10px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 26px rgba(0,41,48,.05)}
.about-mini-stat b{font-family:var(--fh);font-size:1rem;color:#007985}
.about-mini-stat span{font-size:.82rem;color:#456b72;font-weight:700}
.link-previews-head{text-align:center;max-width:920px;margin:8px auto 0}
.link-preview-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.link-preview-card{background:linear-gradient(180deg,#fff,#f7feff);border:1px solid rgba(0,41,48,.08);border-radius:30px;overflow:hidden;box-shadow:0 18px 46px rgba(0,41,48,.09);display:flex;flex-direction:column;transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease}
.link-preview-card:hover{transform:translateY(-8px);border-color:rgba(0,224,239,.34);box-shadow:0 28px 70px rgba(0,41,48,.14)}
.preview-image-link{position:relative;display:block;aspect-ratio:1.35/1;background:linear-gradient(135deg,#effdff,#ecfffb);overflow:hidden}
.preview-image-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .42s ease}
.preview-image-link::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,41,48,0) 42%,rgba(0,41,48,.62));opacity:.95}
.preview-image-link:hover img{transform:scale(1.045)}
.preview-hover{position:absolute;left:18px;bottom:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:#002930;font-size:.84rem;font-weight:900;box-shadow:0 10px 24px rgba(0,41,48,.16)}
.preview-copy{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px}
.preview-topline{font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#007985}
.preview-copy h3{font-family:var(--fh);font-size:1.28rem;line-height:1.12;color:#002930}
.preview-copy p{color:var(--txd);font-size:.88rem;line-height:1.7;font-weight:600}
.preview-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.preview-tags span{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#e9fbfd;border:1px solid #bdeff5;color:#007985;font-size:.76rem;font-weight:800}
.junior-value-strip{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.junior-value-card{background:#fff;border:1px solid rgba(0,224,239,.14);border-radius:26px;padding:20px;box-shadow:0 14px 40px rgba(0,41,48,.07);display:flex;align-items:flex-start;gap:14px}
.junior-value-card>span{width:52px;height:52px;border-radius:18px;background:linear-gradient(145deg,#00e0ef,#00c787);display:grid;place-items:center;font-size:1.35rem;flex-shrink:0;box-shadow:0 14px 30px rgba(0,224,239,.18)}
.junior-value-card strong{display:block;font-size:.96rem;color:#002930;margin-bottom:6px}
.junior-value-card p{margin:0;color:#486a71;font-size:.84rem;line-height:1.65;font-weight:600}
.ecosystem-visual-only{padding-top:8px}
.ecosystem-visual-head{text-align:center;margin-bottom:20px}
.eco-orbit-scene-wide{max-width:1240px;margin:0 auto;min-height:620px;border-radius:36px}
@media(max-width:1180px){
  .link-preview-grid{grid-template-columns:1fr 1fr}
  .about-quick-highlights,.junior-value-strip{grid-template-columns:1fr}
}
@media(max-width:900px){
  .link-preview-grid{grid-template-columns:1fr}
  .about-hero-refresh{gap:28px}
  .about-visual-refresh{min-height:500px}
}
@media(max-width:680px){
  .about-quick-highlights{grid-template-columns:1fr}
  .about-mini-stats{flex-direction:column;align-items:stretch}
  .about-mini-stat{border-radius:18px}
  .preview-copy{padding:18px}
  .junior-value-card{padding:18px}
  .eco-orbit-scene-wide{min-height:640px}
}


/* === Ecosystem logo integration === */
.eco-brand-logo{display:block;max-width:100%;height:auto;object-fit:contain;image-rendering:auto;-webkit-user-drag:none;filter:drop-shadow(0 8px 18px rgba(0,41,48,.10))}
.eco-hub-logo{width:320px;height:164px;border-radius:34px;background:rgba(255,255,255,.94);box-shadow:0 24px 58px rgba(0,41,48,.18),0 0 0 10px rgba(255,255,255,.54);padding:18px 22px;gap:10px}
.ecosystem-logo{width:260px}
.eco-hub-logo small{font-size:.78rem;color:#5a7980;font-weight:800;line-height:1.45}
.eco-logo-node{width:228px;min-height:126px;padding:16px 16px 14px;background:rgba(255,255,255,.96);border:1px solid rgba(0,224,239,.20);box-shadow:0 20px 40px rgba(0,41,48,.12)}
.eco-logo-node small{margin-top:8px;font-size:.76rem;color:#56747b;font-weight:800}
.university-logo{width:188px}
.academy-logo{width:192px}
.eco-text-node{background:rgba(255,255,255,.9)}
.eco-node-left.eco-text-node,.eco-node-bottom.eco-text-node{width:154px;min-height:126px}
.eco-node-left.eco-text-node b,.eco-node-bottom.eco-text-node b{font-size:.98rem}
.eco-node-left.eco-text-node small,.eco-node-bottom.eco-text-node small{font-size:.76rem}
.eco-node-top.eco-logo-node{top:44px}
.eco-node-right.eco-logo-node{right:36px}
@media(max-width:900px){
  .eco-hub-logo{width:270px;height:148px;padding:16px 18px}
  .ecosystem-logo{width:220px}
  .eco-logo-node{width:186px;min-height:114px;padding:14px 12px}
  .university-logo{width:152px}
  .academy-logo{width:156px}
  .eco-node-right.eco-logo-node{right:16px}
}
@media(max-width:680px){
  .eco-hub-logo{width:230px;height:130px;padding:14px 16px;border-radius:28px}
  .ecosystem-logo{width:184px}
  .eco-logo-node{width:156px;min-height:102px;padding:12px 10px}
  .university-logo{width:132px}
  .academy-logo{width:136px}
}


/* === Ecosystem full logo nodes + transparent logos === */
.eco-brand-logo{background:transparent!important;mix-blend-mode:normal}
.eco-hub-logo{width:340px;height:168px;padding:18px 24px}
.ecosystem-logo{width:286px;max-height:90px}
.eco-logo-node{width:228px;min-height:132px;padding:16px 16px 14px;gap:2px}
.eco-node-school{width:228px;min-height:138px}
.eco-node-junior{width:220px;min-height:126px}
.university-logo{width:186px;max-height:66px}
.academy-logo{width:188px;max-height:66px}
.school-logo{width:194px;max-height:68px}
.junior-logo{width:172px;max-height:58px}
.eco-node-school small,.eco-node-junior small,.eco-node-university small,.eco-node-academy small{margin-top:10px}
.eco-node-left.eco-logo-node{left:26px;top:50%;transform:translateY(-50%);animation:ecoNodeFloatLeft 5s ease-in-out 2.4s infinite}
.eco-node-bottom.eco-logo-node{left:50%;bottom:36px;transform:translateX(-50%);animation:ecoNodeFloatBottom 5s ease-in-out 1.7s infinite}
@media(max-width:900px){
  .eco-hub-logo{width:284px;height:150px;padding:16px 18px}
  .ecosystem-logo{width:230px;max-height:72px}
  .eco-logo-node{width:188px;min-height:116px;padding:14px 12px}
  .eco-node-school{width:190px;min-height:120px}
  .eco-node-junior{width:180px;min-height:110px}
  .university-logo{width:150px;max-height:54px}
  .academy-logo{width:154px;max-height:54px}
  .school-logo{width:160px;max-height:56px}
  .junior-logo{width:140px;max-height:48px}
}
@media(max-width:680px){
  .eco-hub-logo{width:236px;height:128px;padding:14px 16px}
  .ecosystem-logo{width:188px;max-height:58px}
  .eco-logo-node{width:154px;min-height:98px;padding:12px 10px}
  .eco-node-school{width:156px;min-height:102px}
  .eco-node-junior{width:150px;min-height:96px}
  .university-logo{width:124px;max-height:46px}
  .academy-logo{width:128px;max-height:46px}
  .school-logo{width:132px;max-height:48px}
  .junior-logo{width:116px;max-height:40px}
  .eco-node-school small,.eco-node-junior small,.eco-node-university small,.eco-node-academy small{margin-top:8px;font-size:.72rem}
}