:root{
  --pwa-top:54px;
  --pwa-right:150px;
  --pwa-left:auto;
  --pwa-z:1000;
  --pwa-violet:#7c3aed;
  --pwa-violet-d:#6d28d9;
  --pwa-cyan:#06b6d4;
  --pwa-ink:#1e1b4b;
  --pwa-muted:#6d6a8a;
  --pwa-shadow:0 6px 3px rgba(80,40,160,.35);
}
.idt-pwa-btn{
 
  position:fixed;
  top:var(--pwa-top);
  right:var(--pwa-right);
  left:var(--pwa-left);
  z-index:var(--pwa-z);
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:none;
  cursor:pointer;
  font-family:'Poppins',system-ui,-apple-system,sans-serif;
  font-weight:80;
  font-size:13px;
  color:#fff;
  padding:1px 1px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--pwa-violet) 0%,var(--pwa-violet-d) 60%,var(--pwa-cyan) 160%);
  box-shadow:var(--pwa-shadow);
  animation:idtPwaIn .5s cubic-bezier(.22,.9,.35,1) both;
  transition:transform .2s ease,box-shadow .2s ease,opacity .3s ease;
  -webkit-tap-highlight-color:transparent;
}
.idt-pwa-btn:hover{transform:translateY(-3px);box-shadow:0 22px 46px rgba(80,40,160,.45)}
.idt-pwa-btn:active{transform:scale(.96)}
.idt-pwa-btn i{font-size:16px}
.idt-pwa-btn.idt-pwa-hide{opacity:0;pointer-events:none;transform:translateY(-14px)}
@keyframes idtPwaIn{from{opacity:0;transform:translateY(-18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
.idt-pwa-back{
  position:fixed;inset:0;z-index:calc(var(--pwa-z) + 1);
  background:rgba(15,12,41,.62);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:all .3s ease;
}
.idt-pwa-back.open{opacity:1;visibility:visible}
.idt-pwa-modal{
  width:100%;max-width:420px;background:#fff;border-radius:24px;
  box-shadow:0 34px 80px rgba(15,12,41,.4);overflow:hidden;
  transform:translateY(20px) scale(.97);transition:all .3s ease;
  font-family:'Poppins',system-ui,-apple-system,sans-serif;color:var(--pwa-ink);
}
.idt-pwa-back.open .idt-pwa-modal{transform:translateY(0) scale(1)}
.idt-pwa-modal-head{
  display:flex;align-items:center;gap:12px;padding:18px 20px;
  background:linear-gradient(135deg,rgba(124,58,237,.09),rgba(6,182,212,.09));
  border-bottom:1px solid rgba(124,58,237,.12);
}
.idt-pwa-modal-head img{width:48px;height:48px;border-radius:50%;background:#fff;padding:5px;object-fit:contain;box-shadow:0 8px 20px rgba(124,58,237,.25)}
.idt-pwa-modal-head b{font-size:15px;font-weight:900;display:block}
.idt-pwa-modal-head small{font-size:11px;color:var(--pwa-muted);font-weight:700}
.idt-pwa-modal-body{padding:18px 20px}
.idt-pwa-step{
  display:flex;gap:11px;align-items:flex-start;
  background:#f8f7ff;border:1.5px solid rgba(124,58,237,.15);
  border-radius:14px;padding:12px 14px;margin-bottom:10px;
}
.idt-pwa-step i{width:34px;height:34px;border-radius:10px;background:rgba(124,58,237,.1);color:var(--pwa-violet-d);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.idt-pwa-step b{font-size:12.5px;font-weight:800;display:block}
.idt-pwa-step span{font-size:11.5px;color:var(--pwa-muted);line-height:1.55;display:block;margin-top:2px}
.idt-pwa-modal-foot{padding:0 20px 20px}
.idt-pwa-modal-foot button{
  width:100%;border:none;cursor:pointer;font-family:inherit;
  font-weight:800;font-size:13.5px;padding:14px;border-radius:14px;
  background:linear-gradient(135deg,var(--pwa-violet),var(--pwa-violet-d));
  color:#fff;box-shadow:0 12px 26px rgba(109,40,217,.3);
}
@media(max-width:640px){.idt-pwa-btn{font-size:12px;padding:11px 15px;top:var(--pwa-top)}}
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --violet:#7c3aed;
  --violet-d:#6d28d9;
  --violet-l:#a78bfa;
  --cyan:#06b6d4;
  --cyan-l:#22d3ee;
  --amber:#f59e0b;
  --amber-d:#d97706;
  --rose:#f43f5e;
  --green:#10b981;
  --ink:#1e1b4b;
  --muted:#6d6a8a;
  --line:rgba(124,58,237,.14);
  --radius:22px;
  --shadow:0 22px 55px rgba(80,40,160,.14);
}
html{scroll-behavior:smooth}
body{
  font-family:'Poppins',system-ui,-apple-system,sans-serif;
  color:var(--ink);
  background:#ffffff;
  overflow-x:hidden;
  position:relative;
}
::selection{background:rgba(124,58,237,.22)}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font-family:inherit}
.hidden{display:none !important}
.container{width:min(1200px,92%);margin:0 auto}
.section{padding:84px 0;position:relative;overflow:hidden}
.section-head{text-align:center;max-width:760px;margin:0 auto 46px;padding:0 8px}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--violet);background:rgba(124,58,237,.08);
  border:1px solid rgba(124,58,237,.18);
  padding:8px 18px;border-radius:99px;margin-bottom:16px;
}
.section-head h2{font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.18;margin-bottom:12px}
.section-head h2 span{
  background:linear-gradient(120deg,var(--violet),var(--cyan),var(--amber));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.section-head p{color:var(--muted);font-size:15px;line-height:1.7}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:14.5px;
  padding:14px 26px;border-radius:14px;color:inherit;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
  white-space:nowrap;
}
.btn:active{transform:scale(.97)}
.btn-primary{
  background:linear-gradient(135deg,var(--violet) 0%,var(--violet-d) 55%,var(--cyan) 140%);
  color:#fff;box-shadow:0 14px 30px rgba(109,40,217,.35);
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(109,40,217,.45)}
.btn-ghost{
  background:#fff;border:1.5px solid var(--line);color:var(--ink);
  box-shadow:0 8px 22px rgba(80,40,160,.08);
}
.btn-ghost:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(80,40,160,.16)}
.btn-green{
  background:linear-gradient(135deg,#10b981,#059669);color:#fff;
  box-shadow:0 14px 30px rgba(16,185,129,.35);
}
.btn-green:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(16,185,129,.45)}
.btn-lg{padding:17px 34px;font-size:15.5px;border-radius:16px}
.btn-block{width:100%}
.wm{
  position:absolute;pointer-events:none;opacity:.08;z-index:0;
  object-fit:contain;filter:grayscale(.2);
}
.wm-a{top:0;right:-8%;width:520px;transform:rotate(8deg)}
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:14px 4%;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(124,58,237,.10);
  transition:box-shadow .3s ease;
}
.topbar.scrolled{box-shadow:0 10px 34px rgba(30,27,75,.10)}
.brand{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}
.brand img{
  width:44px;height:44px;object-fit:contain;background:#fff;border-radius:50%;
  padding:5px;box-shadow:0 8px 22px rgba(124,58,237,.25);
}
.brand h1{font-size:17px;font-weight:900;line-height:1.1;letter-spacing:.3px}
.brand p{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:1.2px;text-transform:uppercase}
.nav-links{
  display:flex;align-items:center;gap:4px;flex-wrap:nowrap;
}
.nav-links a{
  font-size:12.5px;font-weight:600;color:#3d3a6b;
  padding:6px 10px;border-radius:8px;transition:all .22s ease;
  white-space:nowrap;
}
.nav-links a:hover{color:var(--violet);background:rgba(124,58,237,.08)}
.nav-cta{padding:9px 16px;border-radius:10px;font-size:12.5px;white-space:nowrap;flex-shrink:0}
.burger{
  display:none;width:42px;height:42px;border-radius:10px;border:1.5px solid var(--line);
  background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;
}
.burger span{display:block;width:18px;height:2.2px;border-radius:3px;background:var(--ink);transition:all .3s ease}
.burger.open span:nth-child(1){transform:translateY(6.2px) rotate(45deg);background:var(--violet)}
.burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger.open span:nth-child(3){transform:translateY(-6.2px) rotate(-45deg);background:var(--violet)}
.span-menu{
  position:fixed;inset:0;z-index:2000;
  background:linear-gradient(150deg,#0f0a2e 0%,#2a1468 45%,#0e7490 100%);
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  padding:75px 20px 30px 20px;gap:6px;
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease;
}
.span-menu.open{opacity:1;visibility:visible}
.span-menu::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.4px);
  background-size:30px 30px;pointer-events:none;
}
@keyframes spinSlow{to{transform:rotate(360deg)}}
.span-close{
  position:absolute;top:22px;right:4%;width:50px;height:50px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);
  color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all .25s ease;z-index:3;
}
.span-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}
.span-menu h2{
  color:#fff;font-size:26px;font-weight:90;letter-spacing:4px;text-transform:uppercase;margin-bottom:4px;
  background:linear-gradient(90deg,#fff,#a78bfa,#22d3ee,#fbbf24,#fff);background-size:220% auto;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:shine 4s linear infinite;transform:translateY(-22px);opacity:0;transition:all .5s ease .14s;z-index:3;
}
.span-menu.open h2{transform:translateY(0);opacity:1}
@keyframes shine{to{background-position:220% center}}
.span-menu small{color:#9aa3d6;letter-spacing:5px;text-transform:uppercase;font-size:10.5px;margin-bottom:26px;transform:translateY(-18px);opacity:0;transition:all .5s ease .2s;z-index:3}
.span-menu.open small{transform:translateY(0);opacity:1}
.span-links{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3;width:100%;max-width:340px}
.span-links a{
  color:#e6e4ff;font-size:17px;font-weight:700;letter-spacing:1px;
  padding:1px 3px;border-radius:14px;width:100%;text-align:center;
  transform:translateY(20px);opacity:0;transition:all .45s ease;
  display:flex;align-items:center;justify-content:center;gap:12px;
}
.span-menu.open .span-links a{transform:translateY(0);opacity:1}
.span-links a i{font-size:15px;color:#a78bfa;width:22px}
.span-links a:hover{background:rgba(255,255,255,.1);color:#fff}
.span-links a:nth-child(1){transition-delay:.24s}
.span-links a:nth-child(2){transition-delay:.30s}
.span-links a:nth-child(3){transition-delay:.36s}
.span-links a:nth-child(4){transition-delay:.42s}
.span-links a:nth-child(5){transition-delay:.48s}
.span-links a:nth-child(6){transition-delay:.54s}
.span-links a:nth-child(7){transition-delay:.60s}
.span-social{display:flex;gap:14px;margin-top:26px;z-index:3;transform:translateY(18px);opacity:0;transition:all .5s ease .66s}
.span-menu.open .span-social{transform:translateY(0);opacity:1}
.span-social a{
  width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.16);color:#fff;font-size:16px;
  display:flex;align-items:center;justify-content:center;transition:all .25s ease;
}
.span-social a:hover{background:var(--violet);transform:translateY(-4px)}
.hero{position:relative;padding:150px 0 90px;overflow:hidden}
.hero::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(800px 480px at 8% 0%,rgba(167,139,250,.30),transparent 62%),
    radial-gradient(720px 460px at 96% 8%,rgba(34,211,238,.22),transparent 58%),
    radial-gradient(760px 520px at 50% 112%,rgba(251,191,36,.16),transparent 60%);
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:0;
  background-image:radial-gradient(rgba(124,58,237,.08) 1.2px,transparent 1.2px);
  background-size:26px 26px;pointer-events:none;
}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.hero-badge{
  display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;
  color:var(--violet-d);background:#fff;border:1px solid rgba(124,58,237,.2);
  padding:1px 18px;border-radius:99px;box-shadow:0 8px 24px rgba(80,40,160,.1);margin-bottom:20px;
  animation:fadeUp .7s ease both;
}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(16,185,129,.2);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(16,185,129,.18)}50%{box-shadow:0 0 0 8px rgba(16,185,129,.05)}}
.hero h1{
  font-size:clamp(32px,5.2vw,58px);font-weight:900;line-height:1.12;letter-spacing:-.5px;
  margin-bottom:18px;animation:fadeUp .7s ease .08s both;
}
.hero h1 .grad{
  background:linear-gradient(120deg,var(--violet) 0%,var(--cyan) 50%,var(--amber) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero p.lead{
  color:var(--muted);font-size:16px;line-height:1.75;max-width:520px;margin-bottom:28px;
  animation:fadeUp .7s ease .16s both;
}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px;animation:fadeUp .7s ease .24s both}
.hero-stats{display:flex;gap:34px;flex-wrap:wrap;animation:fadeUp .7s ease .32s both}
.hero-stat b{display:block;font-size:24px;font-weight:900;color:var(--ink)}
.hero-stat b i{font-size:17px;color:var(--violet);margin-right:5px}
.hero-stat span{font-size:12px;color:var(--muted);font-weight:600}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
.hero-visual{position:relative;animation:floatIn 1s ease both}
@keyframes floatIn{from{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
.float-card{
  position:absolute;  backdrop-filter:blur(8px);
  border:1px solid rgba(124,58,237,.14);border-radius:16px;
  padding:12px 16px;display:flex;align-items:center;gap:10px;
  box-shadow:0 18px 44px rgba(30,27,75,.18);animation:floaty 4.5s ease-in-out infinite;
}
.float-card i{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff}
.float-card b{font-size:13px;display:block;line-height:1.2}
.float-card small{font-size:11px;color:var(--muted)}
.fc1{top:0%;left:-2px}
.fc1 i{background:linear-gradient(135deg,var(--violet),var(--cyan))}
.fc2{bottom:16%;right:-22px;animation-delay:1.2s}
.fc2 i{background:linear-gradient(135deg,#f59e0b,#f97316)}
.fc3{bottom:-5%;left:12%;animation-delay:2.2s}
.fc3 i{background:linear-gradient(135deg,#10b981,#059669)}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes blob{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-30px) scale(1.15)}}
.how{position:relative}
.how .wm{opacity:.07}
.programs{position:relative}
.program-section{padding:64px 0;position:relative;overflow:hidden}
.ps-1{background:linear-gradient(160deg,#f6f3ff 0%,#ffffff 55%,#eefbff 100%)}
.ps-2{background:linear-gradient(160deg,#f0fdf4 0%,#ffffff 55%,#fefce8 100%)}
.ps-3{background:linear-gradient(160deg,#fff7ed 0%,#ffffff 55%,#fdf2f8 100%)}
.ps-4{background:linear-gradient(160deg,#f0f9ff 0%,#ffffff 55%,#eef2ff 100%)}
.program-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap;position:relative;z-index:2}
.program-head .left{max-width:560px}
.program-head h3{font-size:clamp(20px,3vw,28px);font-weight:900;margin-bottom:6px;display:flex;align-items:center;gap:10px}
.program-head h3 .p-ico{
  width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:17px;flex-shrink:0;
}
.pi-1{background:linear-gradient(135deg,var(--violet),var(--cyan))}
.pi-2{background:linear-gradient(135deg,#10b981,#059669)}
.pi-3{background:linear-gradient(135deg,#f59e0b,#f97316)}
.pi-4{background:linear-gradient(135deg,#f43f5e,#e11d48)}
.program-head p{color:var(--muted);font-size:13.5px;line-height:1.6}
.program-count{
  font-size:13px;font-weight:800;color:var(--violet-d);background:#fff;
  border:1px solid rgba(124,58,237,.18);padding:9px 17px;border-radius:99px;
  box-shadow:0 6px 18px rgba(80,40,160,.1);white-space:nowrap;
}
.h-scroll-wrap{position:relative;z-index:2}
.h-row{
  display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:8px 4px 22px;cursor:grab;
  scrollbar-width:none;-ms-overflow-style:none;
}
.h-row::-webkit-scrollbar{display:none}
.h-row.dragging{cursor:grabbing;scroll-snap-type:none}
.h-row.dragging .course-card{pointer-events:none}
.scroll-arrows{display:flex;gap:9px}
.scroll-btn{
  width:42px;height:42px;border-radius:13px;border:1.5px solid var(--line);background:#fff;
  color:var(--violet-d);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all .22s ease;box-shadow:0 6px 16px rgba(80,40,160,.08);
}
.scroll-btn:hover{background:var(--violet);color:#fff;border-color:var(--violet);transform:translateY(-2px)}
.course-card{
  flex:0 0 290px;scroll-snap-align:start;position:relative;
  background:#fff;border-radius:22px;border:1px solid var(--line);
  box-shadow:0 16px 40px rgba(30,27,75,.10);
  overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;
  display:flex;flex-direction:column;animation:cardIn .5s ease both;
}
@keyframes cardIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.course-card:hover{transform:translateY(-9px);box-shadow:0 30px 60px rgba(80,40,160,.2)}
.course-card .c-img{position:relative;overflow:hidden;aspect-ratio:16/10}
.course-card .c-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.course-card:hover .c-img img{transform:scale(1.09)}
.course-card .c-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(15,10,46,.55))}
.course-card .c-badge{
  position:absolute;top:12px;left:12px;z-index:2;font-size:10.5px;font-weight:700;
  background:rgba(255,255,255,.92);backdrop-filter:blur(6px);color:var(--violet-d);
  padding:6px 12px;border-radius:99px;display:inline-flex;align-items:center;gap:6px;
}
.course-card .c-num{
  position:absolute;bottom:10px;right:12px;z-index:2;font-size:11px;font-weight:800;color:#fff;
  background:rgba(124,58,237,.85);padding:5px 11px;border-radius:99px;letter-spacing:.5px;
}
.c-body{padding:18px;display:flex;flex-direction:column;flex:1}
.c-body h4{font-size:15.5px;font-weight:800;line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41px}
.c-body .c-desc{
  font-size:12.5px;color:var(--muted);line-height:1.6;margin-bottom:13px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:59px;
}
.c-price{
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px;
  padding:10px 13px;background:linear-gradient(120deg,rgba(124,58,237,.07),rgba(6,182,212,.07));
  border-radius:13px;
}
.c-price b{font-size:17px;font-weight:900;color:var(--violet-d);display:flex;align-items:center;gap:6px}
.c-price b i{font-size:14px}
.c-price span{font-size:10.5px;font-weight:700;color:#059669;background:rgba(16,185,129,.12);padding:4px 9px;border-radius:99px}
.c-actions{display:flex;gap:9px;margin-top:auto}
.c-actions .btn{flex:1;padding:11px 10px;font-size:12.5px;border-radius:12px}
.btn-view{background:rgba(124,58,237,.1);color:var(--violet-d);border:1px solid rgba(124,58,237,.16)}
.btn-view:hover{background:rgba(124,58,237,.18)}
.btn-start{background:linear-gradient(135deg,var(--violet),var(--violet-d));color:#fff}
.btn-start:hover{box-shadow:0 10px 24px rgba(109,40,217,.4)}
.empty-row{
  width:100%;padding:46px 20px;text-align:center;background:#fff;
  border:2px dashed rgba(124,58,237,.22);border-radius:22px;
}
.empty-row i{font-size:34px;color:var(--violet-l);margin-bottom:12px}
.empty-row p{color:var(--muted);font-size:14px;font-weight:600}
.empty-row small{display:block;color:#a5a2c4;font-size:12px;margin-top:5px}
.certs{position:relative}
.certs .wm{opacity:.07}
.referral{
  position:relative;
  background:linear-gradient(140deg,#1e1b4b 0%,#312e81 40%,#701a75 100%);
  border-radius:34px;margin:20px auto;max-width:min(1240px,94%);
  padding:70px 44px;overflow:hidden;color:#fff;
}
.referral::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.4px);
  background-size:28px 28px;pointer-events:none;
}
.referral::after{
  content:"";position:absolute;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(251,191,36,.25),transparent 65%);
  top:-180px;right:-140px;filter:blur(30px);
}
.jamb{position:relative;overflow:hidden}
.jamb::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(700px 420px at 0% 20%,rgba(244,63,94,.14),transparent 60%),
    radial-gradient(700px 420px at 100% 80%,rgba(245,158,11,.16),transparent 60%);
}
.jamb-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.jamb-visual{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.jamb-img{border-radius:22px;overflow:hidden;box-shadow:0 24px 55px rgba(30,27,75,.18);position:relative}
.jamb-img:first-child{transform:rotate(-3deg)}
.jamb-img:last-child{transform:rotate(3deg);margin-top:26px}
.jamb-img img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .5s ease}
.jamb-img:hover img{transform:scale(1.06)}
.jamb-info h2{font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.18;margin-bottom:14px}
.jamb-info h2 span{color:var(--rose)}
.jamb-info p{color:var(--muted);font-size:14.5px;line-height:1.75;margin-bottom:20px}
.jamb-points{list-style:none;display:grid;gap:12px;margin-bottom:26px}
.jamb-points li{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;font-weight:600}
.jamb-points li i{color:var(--green);margin-top:2px}
.jamb-price{
  display:inline-flex;align-items:center;gap:10px;background:#fff;
  border:1.5px solid rgba(244,63,94,.2);border-radius:16px;padding:13px 22px;margin-bottom:24px;
  box-shadow:0 10px 26px rgba(244,63,94,.12);
}
.jamb-price b{font-size:24px;font-weight:900;color:var(--rose)}
.jamb-price span{font-size:12px;color:var(--muted);font-weight:600;line-height:1.35}
.partner{position:relative}
.partner .wm{opacity:.07}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-d1{transition-delay:.08s}
.reveal-d2{transition-delay:.16s}
.reveal-d3{transition-delay:.24s}
.course-modal{
  position:fixed;inset:0;z-index:5000;
  background:rgba(15,10,46,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  display:flex;align-items:center;justify-content:center;padding:18px;
  opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;
}
.course-modal.open{opacity:1;visibility:visible}
.modal-card{
  width:100%;max-width:760px;max-height:92vh;overflow-y:auto;
  background:#fff;border-radius:28px;box-shadow:0 44px 100px rgba(0,0,0,.4);
  transform:translateY(30px) scale(.97);transition:transform .4s ease;
  position:relative;
}
.course-modal.open .modal-card{transform:translateY(0) scale(1)}
.modal-card::-webkit-scrollbar{width:6px}
.modal-card::-webkit-scrollbar-thumb{background:rgba(124,58,237,.3);border-radius:6px}
.m-close{
  position:sticky;top:14px;margin-left:auto;margin-right:14px;z-index:20;display:block;
  width:46px;height:46px;border-radius:50%;border:none;background:#fff;color:var(--ink);
  font-size:17px;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.25);
  transition:all .25s ease;
}
.m-close:hover{background:var(--rose);color:#fff;transform:rotate(90deg)}
.m-hero{position:relative;margin-top:-60px;height:280px;overflow:hidden}
.m-hero img{width:100%;height:100%;object-fit:cover}
.m-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#fff 100%)}
.m-hero .m-cat{
  position:absolute;top:16px;left:18px;z-index:2;font-size:11px;font-weight:700;
  background:rgba(124,58,237,.92);color:#fff;padding:7px 14px;border-radius:99px;
  display:inline-flex;align-items:center;gap:7px;
}
.m-hero .m-num{
  position:absolute;bottom:64px;right:18px;z-index:2;font-size:11px;font-weight:800;
  background:rgba(255,255,255,.92);color:var(--violet-d);padding:6px 13px;border-radius:99px;
}
.m-body{padding:0 28px 28px;margin-top:-52px;position:relative;z-index:2}
.m-body h2{font-size:clamp(21px,3.4vw,28px);font-weight:900;line-height:1.25;margin-bottom:12px}
.m-info{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:20px;white-space:pre-line}
.m-price{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  background:linear-gradient(120deg,rgba(124,58,237,.08),rgba(6,182,212,.08));
  border:1px solid rgba(124,58,237,.14);border-radius:18px;padding:16px 20px;margin-bottom:20px;
}
.m-price .mp-l b{font-size:22px;font-weight:900;color:var(--violet-d);display:flex;align-items:center;gap:7px}
.m-price .mp-l span{font-size:11.5px;color:var(--muted);font-weight:600;display:block;margin-top:2px}
@keyframes spin{to{transform:rotate(360deg)}}
.m-start{width:100%;padding:16px;font-size:15.5px;border-radius:16px}
.toast-wrap{
  position:fixed;top:20px;right:20px;z-index:90000;display:flex;flex-direction:column;gap:10px;
  max-width:min(92vw,380px);
}
.toast{
  display:flex;align-items:flex-start;gap:11px;
  background:rgba(255,255,255,.96);backdrop-filter:blur(12px);
  border:1px solid rgba(124,58,237,.14);border-radius:14px;padding:13px 15px;
  box-shadow:0 14px 34px rgba(30,27,75,.16);font-size:13.5px;font-weight:500;color:var(--ink);
  animation:toastIn .35s ease both;
}
.toast.out{animation:toastOut .3s ease both}
@keyframes toastIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
@keyframes toastOut{to{opacity:0;transform:translateX(40px)}}
.toast > i{font-size:17px;margin-top:1px}
.toast.success > i{color:var(--green)}
.toast.error > i{color:var(--rose)}
.toast.info > i{color:var(--violet)}
.toast b{display:block;font-size:13px;margin-bottom:1px}
.toast p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}
.ref-banner{
  position:fixed;bottom:18px;left:50%;transform:translateX(-50%) translateY(120px);
  z-index:4000;background:#fff;border:1.5px solid rgba(245,158,11,.35);
  border-radius:16px;padding:13px 18px;display:flex;align-items:center;gap:13px;
  box-shadow:0 20px 50px rgba(30,27,75,.2);transition:transform .5s ease;
  max-width:min(92vw,480px);
}
.ref-banner.show{transform:translateX(-50%) translateY(0)}
.ref-banner i{color:var(--amber);font-size:19px}
.ref-banner b{font-size:13px;display:block}
.ref-banner small{font-size:11.5px;color:var(--muted)}
.ref-banner .rb-x{border:none;background:rgba(239,68,68,.1);color:var(--rose);width:28px;height:28px;border-radius:9px;cursor:pointer;font-size:12px;flex-shrink:0}
.whatsapp-float{
  position:fixed;bottom:22px;right:22px;z-index:3000;width:58px;height:58px;border-radius:50%;
  background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-size:26px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 16px 38px rgba(18,140,126,.4);transition:transform .25s ease;
}
.whatsapp-float:hover{transform:scale(1.1) rotate(8deg)}
.whatsapp-float::after{
  content:"";position:absolute;inset:-5px;border-radius:50%;
  border:2px solid rgba(37,211,102,.4);animation:waPulse 2s infinite;
}
@keyframes waPulse{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.4);opacity:0}}
@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:56px}
.hero{text-align:center;padding-top:130px}
.hero p.lead{margin-left:auto;margin-right:auto}
.hero-cta,.hero-stats{justify-content:center}
.hero-visual{max-width:560px;margin:0 auto;width:100%}
.jamb-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.nav-links,.nav-cta{display:none}
.burger{display:flex}
.section{padding:62px 0}
.program-section{padding:46px 0}
.course-card{flex-basis:250px}
.fc1{left:-6px}
.fc2{right:-4px}
.footer-grid{grid-template-columns:1fr;gap:30px}
.referral{padding:50px 22px}
.float-card{padding:9px 12px}
.float-card b{font-size:11.5px}
.float-card i{width:32px;height:32px;font-size:13px}}
@media(max-width:480px){.hero-stats{gap:20px}
.hero-stat b{font-size:20px}
.jamb-visual{grid-template-columns:1fr 1fr;gap:12px}
.m-body{padding:0 18px 22px}
.m-hero{height:220px}}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:url('https://i.imgur.com/CQgjfNJ.png') center/cover no-repeat fixed;opacity:.09;pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:url('https://i.imgur.com/oyqM5oF.png') center/contain no-repeat fixed;opacity:.10;pointer-events:none}
::selection{background:rgba(124,58,237,.22)}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font-family:inherit}
input,select,textarea{font-family:inherit}
textarea{resize:vertical}
.hidden{display:none !important}
.b2{width:380px;height:380px;right:-120px;top:30%;background:rgba(6,182,212,.32);animation-delay:3s}
@keyframes blobFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-40px) scale(1.15)}}
.hero{
  position: relative;
}
.hero-badge-wrap{
  position: relative;
  z-index: 2;
  margin-top: 1px;
  margin-bottom: 2px;
}
.hero-badge{
  display: inline-flex;
  align-items: center;
  gap: 0px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--violet-d);
  background: #fff;
  border: 1px solid rgba(124,58,237,.2);
  padding: 6px 18px;
  border-radius: 99px;
  box-shadow: 0 8px 24px rgba(80,40,160,.1);
  animation: badgeGlow 2.5s ease-in-out infinite, fadeUp .7s ease both;
}
.hero-badge .dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 4px rgba(16,185,129,.2);
  animation: pulse 2s infinite;
}
@keyframes badgeGlow {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 8px 24px rgba(80,40,160,.1);
  }
  50% {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 12px 30px rgba(124,58,237,.25);
  }
}
.hero-img-fade{
  position: relative;
  display: inline-block;
}
.hero-img-fade img{
  display: block;
  width: 100%;
  height: auto;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
  transition: transform 0.5s ease, filter 0.5s ease;
}
.hero-img-fade:hover img{
  transform: translateY(-8px) scale(1.01);
  filter: brightness(1.05);
}
html{
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
html.ready{
    opacity: 1;
  }
.cert-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.cc2{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px rgba(30,27,75,.1);border:1px solid rgba(124,58,237,.1);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.cc2:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(30,27,75,.16)}
.cc2-info{padding:24px 22px;display:flex;flex-direction:column;gap:12px;flex:1}
.cc2-top{display:flex;align-items:center;gap:13px}
.cc2-ico{width:52px;height:52px;border-radius:15px;color:#fff;font-size:21px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cc2-course .cc2-ico{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 10px 22px rgba(124,58,237,.32)}
.cc2-diploma .cc2-ico{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 22px rgba(245,158,11,.32)}
.cc2-top h3{font-size:17px;font-weight:900;line-height:1.25;color:#1e1b4b}
.cc2-top small{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;margin-top:3px}
.cc2-course .cc2-top small{color:#7c3aed}
.cc2-diploma .cc2-top small{color:#d97706}
.cc2-badges{display:flex;gap:8px;flex-wrap:wrap}
.cc2-badge{font-size:10.5px;font-weight:800;padding:5px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}
.cc2-badge i{font-size:10px}
.cc2-course .cc2-badge{background:rgba(124,58,237,.1);color:#6d28d9}
.cc2-diploma .cc2-badge{background:rgba(245,158,11,.12);color:#b45309}
.cc2-info>p{font-size:13px;color:#55527a;line-height:1.75;margin:0}
.cc2-list{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:8px}
.cc2-list li{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:#3d3a6b;font-weight:600;line-height:1.55}
.cc2-list li i{width:18px;height:18px;border-radius:50%;background:rgba(16,185,129,.14);color:#047857;font-size:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.cc2-outcome{margin-top:auto;background:linear-gradient(135deg,rgba(124,58,237,.06),rgba(6,182,212,.07));border:1.5px dashed rgba(124,58,237,.25);border-radius:14px;padding:12px 14px;font-size:12px;color:#1e1b4b;font-weight:700;display:flex;align-items:flex-start;gap:9px;line-height:1.6}
.cc2-outcome i{color:#7c3aed;margin-top:2px}
@media(max-width:768px){.cert-grid2{grid-template-columns:1fr}}
@keyframes cardAurora {
  0%, 100% { transform: translateY(0) rotate(-1deg); box-shadow: 0 8px 26px rgba(109, 40, 217, 0.45), 0 0 0 0 rgba(167, 139, 250, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.25); }
  50% { transform: translateY(-10px) rotate(1.2deg); box-shadow: 0 18px 38px rgba(109, 40, 217, 0.55), 0 0 22px 4px rgba(167, 139, 250, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25); }
}
@keyframes cardOrbit {
  to { transform: rotate(360deg); }
}
@keyframes cardShine {
  0% { left: -80%; }
  45%, 100% { left: 130%; }
}
@keyframes cardIn {
  from { opacity: 0; transform: translateY(24px) scale(.6) rotate(-6deg); filter: blur(6px); }
  to { opacity: 1; filter: blur(0); }
}
@keyframes techPulse {

  0%,100% {
    opacity: .55;
    transform: translate(-50%, -50%) scale(.95);
  }

  50% {
    opacity: .9;
    transform: translate(-50%, -50%) scale(1.05);
  }

}
@keyframes imageFloat {

  0%,100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-7px);
  }

}
@keyframes floatingIcon {

  0%,100% {
    transform: translateY(0) rotate(0);
  }

  50% {
    transform: translateY(-10px) rotate(4deg);
  }

}
[hidden]{display:none !important}
.idt-desk .vp-play{width:84px;height:84px;font-size:28px}
.pr-sec{position:relative;padding:70px 0 54px;background:linear-gradient(160deg,#070826 0%,#171055 52%,#06323d 100%);color:#fff;overflow:hidden;margin-top:34px}
.pr-sec::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(34,211,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 40%,#000 25%,transparent 75%)}
.pr-sec::after{content:"\f19d";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:-30px;bottom:-60px;font-size:300px;color:rgba(255,255,255,.035);transform:rotate(-12deg);pointer-events:none}
.pr-grid{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:center}
.pr-text .eyebrow{background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.3);color:#67e8f9}
.pr-text h2{font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.18;margin:4px 0 14px}
.pr-text h2 span{background:linear-gradient(90deg,#22d3ee,#a78bfa,#fbbf24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pr-text p{color:#b8b5dd;font-size:14.5px;line-height:1.8;margin-bottom:20px}
.pr-tech{display:flex;flex-wrap:wrap;gap:9px}
.pr-tech span{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;padding:8px 14px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#e6e4ff}
.pr-tech span i{color:#22d3ee}
.pr-device{position:relative;border-radius:18px;padding:2px;background:conic-gradient(from var(--a,0deg),#22d3ee,#7c3aed,#fbbf24,#22d3ee);animation:prSpin 7s linear infinite}
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes prSpin{to{--a:360deg}}
.pr-chrome{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#0d0c2e;border-radius:16px 16px 0 0;font-size:11.5px;color:#8b93c7;font-weight:600}
.pr-chrome i{width:10px;height:10px;border-radius:50%;background:#f43f5e}
.pr-chrome i:nth-child(2){background:#f59e0b}
.pr-chrome i:nth-child(3){background:#10b981}
.pr-chrome span{margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-screen{background:#05060f;border-radius:0 0 16px 16px;overflow:hidden}
.pr-glow{position:absolute;inset:-30px;z-index:-1;background:radial-gradient(circle,rgba(124,58,237,.45),transparent 65%);filter:blur(30px)}
.idt-mob .pr-sec{padding:46px 0 38px}
.idt-mob .pr-grid{grid-template-columns:1fr;gap:26px}
.idt-mob .pr-chrome{display:none}
.idt-mob .pr-device{border-radius:26px;padding:3px}
.idt-mob .pr-screen{border-radius:24px}
.idt-mob .pr-text{text-align:center}
.idt-mob .pr-tech{justify-content:center}
@media(max-width:900px){.pr-grid{grid-template-columns:1fr;gap:28px}
.pr-text{text-align:center}
.pr-tech{justify-content:center}}
.pv-sec{position:relative;padding:68px 0 62px;background:linear-gradient(170deg,#04121a 0%,#0b1d3a 50%,#1a0f45 100%);color:#fff;overflow:hidden}
.pv-sec::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(34,211,238,.16) 1.2px,transparent 1.4px);background-size:30px 30px;opacity:.55;pointer-events:none}
.pv-head{position:relative;text-align:center;max-width:720px;margin:0 auto 22px;padding:0 6px}
.pv-eye{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:#67e8f9;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.28);padding:8px 16px;border-radius:99px;margin-bottom:14px}
.pv-head h2{font-size:clamp(26px,4vw,38px);font-weight:900;line-height:1.2;margin-bottom:10px}
.pv-head h2 span{background:linear-gradient(90deg,#22d3ee,#fbbf24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pv-head p{color:#9fb0d6;font-size:14px;line-height:1.7}
.pv-chips{position:relative;display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:0 auto 22px;padding:0 12px}
.pv-chip{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#d8e2ff;font-family:inherit;font-weight:700;font-size:12px;padding:9px 16px;border-radius:99px;cursor:pointer;transition:all .22s}
.pv-chip:hover{background:rgba(255,255,255,.14)}
.pv-chip.on{background:linear-gradient(135deg,#06b6d4,#7c3aed);border-color:transparent;color:#fff;box-shadow:0 10px 24px rgba(6,182,212,.3)}
.pv-wrap{position:relative}
.pv-scroller{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:14px 0 22px;-webkit-overflow-scrolling:touch;cursor:grab}
.pv-scroller::-webkit-scrollbar{display:none}
.pv-scroller.static .pv-track{margin:0 auto}
.pv-track{display:flex;gap:18px;width:max-content;padding:0 4%}
.pv-card{flex:0 0 300px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s;cursor:pointer;outline:none}
.pv-card:hover,.pv-card:focus-visible{transform:translateY(-8px);box-shadow:0 26px 54px rgba(0,0,0,.45);border-color:rgba(34,211,238,.55)}
.pv-ov{border-color:rgba(251,191,36,.4);background:linear-gradient(160deg,rgba(251,191,36,.1),rgba(255,255,255,.05))}
.pv-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b0b1e}
.pv-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;-webkit-user-drag:none;user-select:none}
.pv-card:hover .pv-thumb img{transform:scale(1.07)}
.pv-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,15,.05) 40%,rgba(5,6,15,.7))}
.pv-badge{position:absolute;left:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;color:#fff;background:rgba(15,10,46,.7);padding:6px 11px;border-radius:99px}
.pv-ov .pv-badge{background:linear-gradient(135deg,#f59e0b,#f97316)}
.pv-price{position:absolute;right:10px;top:10px;z-index:2;font-size:12px;font-weight:900;color:#0f172a;background:#fbbf24;padding:6px 11px;border-radius:99px}
.pv-pl{position:absolute;z-index:2;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;background:linear-gradient(135deg,#7c3aed,#06b6d4);box-shadow:0 0 0 6px rgba(255,255,255,.14),0 14px 30px rgba(0,0,0,.4);transition:transform .25s}
.pv-pl i{margin-left:3px}
.pv-card:hover .pv-pl{transform:scale(1.12)}
.pv-body{padding:14px 16px 16px}
.pv-body h4{font-size:14.5px;font-weight:800;line-height:1.35;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}
.pv-body p{font-size:11.5px;color:#9fb0d6;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-body p i{color:#22d3ee;margin-right:5px}
.pv-arrow{position:absolute;top:42%;z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(15,10,46,.72);color:#fff;font-size:15px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:all .22s}
.pv-arrow:hover{background:#7c3aed;transform:scale(1.08)}
.pv-l{left:14px}
.pv-r{right:14px}
.idt-mob .pv-arrow{display:none}
.idt-mob .pv-card{flex-basis:248px;border-radius:18px}
.idt-mob .pv-scroller{cursor:auto}
.pv-modal{position:fixed;inset:0;z-index:7000;background:rgba(5,6,15,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.pv-modal.open{opacity:1;visibility:visible}
.pv-sheet{position:relative;width:100%;max-width:900px;max-height:94vh;overflow-y:auto;background:#0d0c2e;color:#fff;border-radius:22px;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 100px rgba(0,0,0,.6);transform:translateY(24px) scale(.97);transition:transform .35s ease}
.pv-modal.open .pv-sheet{transform:none}
.pv-x{position:absolute;top:12px;right:12px;z-index:30;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#1e1b4b;font-size:16px;cursor:pointer}
.pv-player{border-radius:22px 22px 0 0;overflow:hidden}
.pv-info{padding:20px 24px 24px}
.pv-tag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#67e8f9;margin-bottom:8px}
.pv-info h3{font-size:clamp(19px,3vw,25px);font-weight:900;line-height:1.3;margin-bottom:6px}
.pv-sub{color:#9fb0d6;font-size:13.5px;line-height:1.65}
.pv-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px}
.pv-cta:empty{display:none}
.pv-cprice small{display:block;font-size:11px;color:#9fb0d6;font-weight:700}
.pv-cprice b{font-size:24px;font-weight:900;color:#fbbf24}
.idt-mob .pv-modal{align-items:flex-end;padding:0}
.idt-mob .pv-sheet{border-radius:24px 24px 0 0;max-height:96vh;transform:translateY(60px)}
.idt-mob .pv-player{border-radius:24px 24px 0 0}
.cx{grid-column:1/-1;position:relative;border-radius:28px;padding:30px;overflow:hidden}
.cx-head{display:flex;align-items:center;gap:15px;margin-bottom:24px;position:relative;z-index:2}
.cx-seal{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}
.cx-head h3{font-size:clamp(19px,3vw,25px);font-weight:900;line-height:1.2}
.cx-head p{font-size:12.5px;font-weight:600;margin-top:3px;line-height:1.5}
.cx-pair{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:26px;align-items:center}
.cx-frame{position:relative;margin:0;border-radius:14px;overflow:hidden;cursor:zoom-in;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;transform-style:preserve-3d}
.cx-frame img{width:100%;height:auto;display:block;background:#fff}
.cx-v{aspect-ratio:auto}
.cx-frame figcaption{position:absolute;left:10px;bottom:10px;z-index:3;font-size:10.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:6px 11px;border-radius:99px;display:inline-flex;align-items:center;gap:6px}
.cx-tech{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.cx-tech span{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;padding:7px 13px;border-radius:99px}
.cx-dip{background:linear-gradient(145deg,#fffbeb 0%,#fff3c4 55%,#fde68a 100%);border:2px solid #e8b931;box-shadow:0 26px 60px rgba(180,120,10,.22)}
.cx-dip::before{content:"";position:absolute;inset:10px;border:1.5px dashed rgba(180,120,10,.45);border-radius:20px;pointer-events:none}
.cx-dip::after{content:"\f19d";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:20px;top:-26px;font-size:150px;color:rgba(180,120,10,.09);transform:rotate(14deg)}
.cx-dip .cx-seal{background:linear-gradient(135deg,#f59e0b,#b45309);box-shadow:0 12px 26px rgba(180,83,9,.4)}
.cx-dip h3{color:#5b3a05}
.cx-dip .cx-head p{color:#8a6414}
.cx-dip .cx-frame{border:6px solid #fff;box-shadow:0 22px 44px rgba(120,80,0,.3),0 0 0 2px #e8b931}
.cx-dip .cx-v{transform:rotate(-3deg)}
.cx-dip .cx-h{transform:rotate(1.6deg)}
.cx-dip .cx-frame:hover{transform:translateY(-10px) rotate(0) scale(1.025);box-shadow:0 34px 60px rgba(120,80,0,.4),0 0 0 2px #f5c542}
.cx-dip .cx-frame::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-18deg);animation:cxShine 4.6s ease-in-out infinite;pointer-events:none}
.cx-dip .cx-h::after{animation-delay:1.6s}
@keyframes cxShine{0%{left:-70%}45%,100%{left:140%}}
.cx-dip figcaption{background:#5b3a05;color:#fde68a}
.cx-dip .cx-tech span{background:rgba(255,255,255,.7);border:1px solid rgba(180,120,10,.35);color:#7c4a03}
.cx-dip .cx-tech span i{color:#d97706}
.cx-crs{background:#061126;color:#e6f6ff;border:1px solid rgba(34,211,238,.35);box-shadow:0 26px 60px rgba(6,182,212,.18)}
.cx-crs::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(34,211,238,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}
.cx-crs::after{content:"";position:absolute;left:0;right:0;top:-120px;height:120px;background:linear-gradient(180deg,transparent,rgba(34,211,238,.18),transparent);animation:cxScan 5.5s linear infinite;pointer-events:none}
@keyframes cxScan{to{transform:translateY(560px)}}
.cx-crs .cx-seal{background:linear-gradient(135deg,#06b6d4,#7c3aed);box-shadow:0 0 28px rgba(6,182,212,.55)}
.cx-crs h3{color:#fff}
.cx-crs .cx-head p{color:#7dd3fc}
.cx-crs .cx-frame{border:1px solid rgba(34,211,238,.6);box-shadow:0 0 0 4px rgba(34,211,238,.1),0 0 34px rgba(34,211,238,.25)}
.cx-crs .cx-v{transform:perspective(900px) rotateY(9deg)}
.cx-crs .cx-h{transform:perspective(900px) rotateY(-6deg)}
.cx-crs .cx-frame:hover{transform:perspective(900px) rotateY(0) translateY(-8px) scale(1.02);box-shadow:0 0 0 4px rgba(34,211,238,.2),0 0 54px rgba(34,211,238,.5)}
.cx-crs .cx-frame::before{content:"";position:absolute;inset:6px;z-index:3;border:1.5px solid rgba(34,211,238,.9);border-radius:8px;clip-path:polygon(0 0,22px 0,22px 2px,2px 2px,2px 22px,0 22px,0 0,100% 0,100% 22px,calc(100% - 2px) 22px,calc(100% - 2px) 2px,calc(100% - 22px) 2px,calc(100% - 22px) 0,100% 0,100% 100%,calc(100% - 22px) 100%,calc(100% - 22px) calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) calc(100% - 22px),100% calc(100% - 22px),100% 100%,0 100%,0 calc(100% - 22px),2px calc(100% - 22px),2px calc(100% - 2px),22px calc(100% - 2px),22px 100%,0 100%);pointer-events:none}
.cx-crs figcaption{background:rgba(6,182,212,.9);color:#041423}
.cx-crs .cx-tech span{background:rgba(34,211,238,.09);border:1px solid rgba(34,211,238,.35);color:#a5f3fc}
.cx-crs .cx-tech span i{color:#22d3ee}
@media(max-width:768px){.cx{padding:22px 16px}
.cx-pair{grid-template-columns:1fr;gap:20px}
.cx-v{max-width:290px;margin:0 auto}
.cx-dip .cx-v,.cx-dip .cx-h,.cx-crs .cx-v,.cx-crs .cx-h{transform:none}}
.lb{position:fixed;inset:0;z-index:99980;background:rgba(5,6,15,.92);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;cursor:zoom-out}
.lb.open{opacity:1;visibility:visible}
.lb img{max-width:100%;max-height:92vh;border-radius:10px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb-x{position:absolute;top:16px;right:16px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#1e1b4b;font-size:17px;cursor:pointer}
.ld{position:relative;padding:84px 0;overflow:hidden;background:linear-gradient(180deg,#f7f5ff 0%,#fff 50%,#fff7f3 100%)}
.ld-head{text-align:center;max-width:720px;margin:0 auto 46px;padding:0 8px}
.ld-head h2{font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.2;margin-bottom:12px}
.ld-head h2 span{background:linear-gradient(120deg,#0891b2,#7c3aed,#e11d48);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ld-head p{color:var(--muted);font-size:15px;line-height:1.7}
.ld-duo{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1140px;margin:0 auto;padding:0 4%}
.ld-link{position:absolute;left:50%;top:150px;z-index:6;width:68px;height:68px;margin-left:-34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;letter-spacing:1px;color:#fff;background:linear-gradient(135deg,#0891b2,#7c3aed 55%,#e11d48);box-shadow:0 0 0 7px #fff,0 18px 40px rgba(124,58,237,.45);animation:ldBeat 2.6s ease-in-out infinite}
@keyframes ldBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.ld-card{position:relative;border-radius:30px;padding:26px 24px 28px;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}
.ld-photo{position:relative;width:min(100%,260px);aspect-ratio:3/4;margin-bottom:22px}
.ld-photo img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:130px 130px 22px 22px;background:#e5e7eb}
.ld-role{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;padding:7px 15px;border-radius:99px;margin-bottom:10px}
.ld-card h3{font-size:clamp(20px,2.6vw,25px);font-weight:900;line-height:1.25;margin-bottom:14px}
.ld-quote{position:relative;font-size:14px;line-height:1.85;font-weight:500;margin-bottom:18px}
.ld-quote::before{content:"\201C";display:block;font-size:54px;line-height:.5;font-weight:900;margin-bottom:8px;font-family:Georgia,serif}
.ld-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}
.ld-tags span{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:6px 12px;border-radius:99px}
.ld-mail{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;padding:11px 18px;border-radius:14px;word-break:break-all;transition:transform .2s}
.ld-mail:hover{transform:translateY(-3px)}
.ld-f{background:linear-gradient(155deg,#050b24,#0b1d4a 60%,#0e3b5e);color:#e6f6ff;border:1px solid rgba(34,211,238,.35);box-shadow:0 30px 70px rgba(5,11,36,.45);transform:rotate(-1.4deg)}
.ld-f::before{content:"</>";position:absolute;right:14px;top:6px;font:900 78px/1 'Courier New',monospace;color:rgba(34,211,238,.07)}
.ld-f .ld-photo::before{content:"";position:absolute;inset:-9px;z-index:1;border-radius:140px 140px 30px 30px;background:conic-gradient(from var(--a,0deg),#22d3ee,#7c3aed,#22d3ee);animation:prSpin 6s linear infinite}
.ld-f .ld-photo{transform:rotate(2.5deg)}
.ld-f .ld-role{background:rgba(34,211,238,.14);color:#67e8f9;border:1px solid rgba(34,211,238,.4)}
.ld-f h3{color:#fff}
.ld-f .ld-quote{color:#c9dcf5}
.ld-f .ld-quote::before{color:#22d3ee}
.ld-f .ld-tags span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#bfe9ff}
.ld-f .ld-mail{background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff;box-shadow:0 12px 26px rgba(6,182,212,.35)}
.ld-c{background:linear-gradient(155deg,#fffaf5,#ffeede 55%,#ffe0e6);color:#4a1d2c;border:1px solid rgba(225,29,72,.22);box-shadow:0 30px 70px rgba(225,29,72,.16);transform:rotate(1.4deg)}
.ld-c::before{content:"";position:absolute;width:300px;height:300px;left:-90px;bottom:-110px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.35),transparent 65%)}
.ld-c .ld-photo::before,.ld-c .ld-photo::after{content:"";position:absolute;z-index:3;width:14px;height:14px;border-radius:50%;background:#fbbf24;box-shadow:0 0 16px #f59e0b;animation:ldOrbit 6s linear infinite}
.ld-c .ld-photo::after{background:#fb7185;box-shadow:0 0 16px #e11d48;animation-delay:-3s}
@keyframes ldOrbit{0%{left:-6px;top:20%}25%{left:50%;top:-8px}50%{left:calc(100% - 8px);top:20%}75%{left:50%;top:calc(100% - 6px)}100%{left:-6px;top:20%}}
.ld-c .ld-photo{transform:rotate(-2.5deg)}
.ld-c .ld-photo img{border:5px solid #fff;box-shadow:0 20px 44px rgba(190,24,93,.28)}
.ld-c .ld-role{background:rgba(225,29,72,.1);color:#be123c;border:1px solid rgba(225,29,72,.3)}
.ld-c h3{color:#7f1d3a}
.ld-c .ld-quote{color:#5b2a3a}
.ld-c .ld-quote::before{color:#e11d48}
.ld-c .ld-tags span{background:rgba(255,255,255,.75);border:1px solid rgba(225,29,72,.25);color:#9f1239}
.ld-c .ld-mail{background:linear-gradient(135deg,#e11d48,#f59e0b);color:#fff;box-shadow:0 12px 26px rgba(225,29,72,.3)}
@media(max-width:860px){.ld-duo{grid-template-columns:1fr;gap:34px}
.ld-link{display:none}
.ld-f,.ld-c{transform:none}}
.login-link{font-size:12.5px;font-weight:700;color:#3d3a6b;padding:6px 10px;border-radius:8px;white-space:nowrap}
.login-link:hover{color:var(--violet);background:rgba(124,58,237,.08)}
@media(max-width:768px){.login-link{display:none}}
.idt-footer-scope{
  --violet: #7c3aed;
  --violet-d: #6d28d9;
  --violet-l: #a78bfa;
  --cyan: #06b6d4;
  --cyan-l: #22d3ee;
  --amber: #f59e0b;
  --rose: #f43f5e;
  --ink: #1e1b4b;
  width: 100%;
  box-sizing: border-box;
}
.idt-footer-scope *,.idt-footer-scope *::before,.idt-footer-scope *::after{
  box-sizing: border-box;
}
.idt-footer-scope .footer{
  background: #0f0a2e;
  color: #c6c3e6;
  margin-top: 60px;
  padding: 64px 20px 26px;
  position: relative;
  overflow: hidden;
  font-family: 'Poppins', system-ui, -apple-system, sans-serif;
  width: 100%;
}
.idt-footer-scope .footer::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--violet), var(--cyan), var(--amber), var(--rose), var(--violet));
  background-size: 300% 100%;
  animation: idtShine 6s linear infinite;
}
@keyframes idtShine {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.idt-footer-scope .idt-footer-inner{
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.idt-footer-scope .footer-grid{
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: 36px;
  margin-bottom: 40px;
  width: 100%;
}
.idt-footer-scope .footer h4{
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  margin-bottom: 18px;
  letter-spacing: .5px;
}
.idt-footer-scope .f-brand{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.idt-footer-scope .f-brand img{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #fff;
  padding: 6px;
  object-fit: contain;
}
.idt-footer-scope .f-brand b{
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}
.idt-footer-scope .f-desc{
  font-size: 13px;
  line-height: 1.75;
  color: #9aa3d6;
  margin-bottom: 20px;
  word-wrap: break-word;
}
.idt-footer-scope .footer ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 11px;
}
.idt-footer-scope .footer ul a{
  font-size: 13px;
  color: #b8b5dd;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 9px;
  transition: color .2s ease, padding .2s ease;
}
.idt-footer-scope .footer ul a:hover{
  color: #fff;
  padding-left: 4px;
}
.idt-footer-scope .footer ul a i{
  font-size: 10px;
  color: var(--violet-l);
}
.idt-footer-scope .f-contact li{
  display: flex;
  gap: 12px;
  font-size: 13px;
  line-height: 1.6;
  align-items: flex-start;
}
.idt-footer-scope .f-contact li i{
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: rgba(124,58,237,.16);
  color: var(--violet-l);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex-shrink: 0;
  margin-top: 1px;
}
.idt-footer-scope .f-contact li b{
  display: block;
  color: #fff;
  font-size: 12.5px;
  word-wrap: break-word;
}
.idt-footer-scope .f-contact li small{
  color: #9aa3d6;
  font-size: 11.5px;
  word-wrap: break-word;
}
.idt-footer-scope .f-social{
  display: flex;
  gap: 11px;
  margin-top: 18px;
  flex-wrap: wrap;
}
.idt-footer-scope .f-social a{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
  transition: all .25s ease;
}
.idt-footer-scope .f-social a:hover{
  background: var(--violet);
  transform: translateY(-4px);
}
.idt-footer-scope .footer-bottom{
  border-top: 1px solid rgba(255,255,255,.09);
  padding-top: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #8b88b8;
}
.idt-footer-scope .footer-bottom .made{
  display: flex;
  align-items: center;
  gap: 7px;
}
.idt-footer-scope .footer-bottom .made i{
  color: var(--rose);
}
@media(max-width: 992px){.idt-footer-scope .footer-grid{
    grid-template-columns: 1fr 1fr;
  }}
@media(max-width: 576px){.idt-footer-scope .footer-grid{
    grid-template-columns: 1fr;
  }}
html{
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
html.ready{
    opacity: 1;
  }
.tb{width:min(1200px,92%);margin:30px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:3}
.tb-ic{width:46px;height:46px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;background:var(--g)}
@media(max-width:900px){.tb{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.tb{gap:10px}}
.lp{position:relative;padding:76px 0;overflow:hidden;background:radial-gradient(rgba(16,185,129,.18) 1.4px,transparent 1.7px) 0 0/24px 24px,linear-gradient(160deg,#ecfdf5,#e0f7fa 55%,#f0f9ff)}
.lp-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;width:min(1200px,92%);margin:0 auto}
.lp-vis{position:relative;filter:drop-shadow(0 28px 36px rgba(6,95,70,.28))}
.lp-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:7px;font:800 12px/1 'Courier New',monospace;color:#064e3b;background:#fff;padding:9px 13px;border-radius:12px;box-shadow:0 12px 26px rgba(6,95,70,.25);animation:lpFloat 5s ease-in-out infinite}
.lp-chip i{color:#10b981;font-size:14px}
.lp-c1{left:-10px;top:12%}
.lp-c2{right:-8px;top:40%;animation-delay:1.3s}
.lp-c3{left:8%;bottom:-14px;animation-delay:2.4s}
@keyframes lpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.lp-side h2{font-size:clamp(25px,3.6vw,36px);font-weight:900;line-height:1.2;margin:10px 0 8px;color:#064e3b}
.lp-side h2 span{background:linear-gradient(90deg,#059669,#0891b2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lp-kick{display:inline-flex;align-items:center;gap:8px;font:800 11.5px/1 'Courier New',monospace;letter-spacing:1.4px;text-transform:uppercase;color:#047857;background:rgba(16,185,129,.14);padding:8px 14px;border-radius:99px}
.lp-sub{color:#3f6b5f;font-size:14px;line-height:1.7;margin-bottom:20px}
.lp-tiles{display:grid;gap:13px}
.lp-ic{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.lp-ar{margin-left:auto;position:relative;z-index:2;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center}
@media(max-width:900px){.lp{padding:52px 0}
.lp-grid{grid-template-columns:1fr;gap:34px}
.lp-c1{left:4px}
.lp-c2{right:4px}}
.tk{position:relative;padding:60px 0 54px;background:#fff;overflow:hidden;border-top:1px solid rgba(124,58,237,.08);border-bottom:1px solid rgba(124,58,237,.08)}
.tk-head{text-align:center;width:min(760px,92%);margin:0 auto 28px}
.tk-head h2{font-size:clamp(24px,3.6vw,34px);font-weight:900;line-height:1.2;margin:10px 0 8px}
.tk-head h2 span{background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tk-head p{color:var(--muted);font-size:14px;line-height:1.7}
.tk-kick{display:inline-flex;align-items:center;gap:8px;font:800 11.5px/1 'Courier New',monospace;letter-spacing:1.4px;text-transform:uppercase;color:#6d28d9;background:rgba(124,58,237,.1);padding:8px 14px;border-radius:99px}
.tk-lane{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.tk-lane+.tk-lane{margin-top:14px}
.tk-row{display:flex;gap:14px;width:max-content;animation:tkL 46s linear infinite;will-change:transform}
.tk-lane.r .tk-row{animation-name:tkR;animation-duration:52s}
.tk-lane:hover .tk-row{animation-play-state:paused}
@keyframes tkL{to{transform:translateX(-50%)}}
@keyframes tkR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.tk-chip{display:inline-flex;align-items:center;gap:11px;padding:12px 20px 12px 14px;border-radius:16px;background:linear-gradient(180deg,#fff,#f6f4ff);border:1px solid rgba(124,58,237,.14);box-shadow:0 8px 20px rgba(80,40,160,.06);font-weight:800;font-size:13.5px;color:var(--ink);white-space:nowrap}
.tk-chip i{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}
@media(prefers-reduced-motion:reduce){.tk-row,.lp-chip{animation:none}
.tk-lane{overflow-x:auto}}
.jr{position:relative;padding:86px 0 90px;overflow:hidden;background:linear-gradient(180deg,#fff7ed,#fffaf5 55%,#fff)}
.jr::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 22px,rgba(245,158,11,.06) 22px 23px);pointer-events:none}
.jr-head{position:relative;text-align:center;width:min(780px,92%);margin:0 auto 54px}
.jr-kick{display:inline-flex;align-items:center;gap:8px;font:800 11.5px/1 'Courier New',monospace;letter-spacing:1.4px;text-transform:uppercase;color:#b45309;background:rgba(245,158,11,.16);padding:8px 14px;border-radius:99px}
.jr-head h2{font-size:clamp(25px,4vw,38px);font-weight:900;line-height:1.2;margin:12px 0 10px}
.jr-head h2 span{background:linear-gradient(90deg,#ea580c,#be185d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.jr-head p{color:var(--muted);font-size:14.5px;line-height:1.75}
.jr-track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;width:min(1200px,92%);margin:0 auto}
.jr-track::before{content:"";position:absolute;left:16.6%;right:16.6%;top:28px;height:3px;background:repeating-linear-gradient(90deg,#f59e0b 0 10px,transparent 10px 20px)}
.jr-step{position:relative;--c:#7c3aed}
.jr-step:nth-child(2){--c:#0891b2}
.jr-step:nth-child(3){--c:#d97706}
.jr-node{position:relative;z-index:3;width:56px;height:56px;margin:0 auto -28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:900 17px/1 'Courier New',monospace;color:#fff;background:var(--c);box-shadow:0 0 0 6px #fff,0 12px 26px color-mix(in srgb,var(--c) 45%,transparent)}
.jr-card{height:100%;background:#fff;border-radius:24px;border-top:5px solid var(--c);padding:46px 22px 26px;text-align:center;box-shadow:0 20px 44px rgba(120,53,15,.1);transition:transform .35s ease,box-shadow .35s ease}
.jr-step:hover .jr-card{transform:translateY(-8px);box-shadow:0 30px 56px rgba(120,53,15,.18)}
.jr-cmd{display:inline-flex;align-items:center;gap:7px;font:700 11.5px/1 'Courier New',monospace;color:#d1fae5;background:#0f172a;padding:8px 12px;border-radius:9px;margin-bottom:18px}
.jr-cmd b{color:#34d399}
@keyframes jrSpin{to{transform:rotate(360deg)}}
.jr-card h3{font-size:16.5px;font-weight:900;line-height:1.35;margin-bottom:10px;color:var(--ink)}
.jr-card h3 i{color:var(--c);margin-right:7px}
.jr-card p{font-size:13.5px;line-height:1.8;color:var(--muted)}
@media(max-width:900px){.jr{padding:56px 0}
.jr-track{grid-template-columns:1fr;gap:44px}
.jr-track::before{display:none}}
.ac{position:relative;padding:86px 0;overflow:hidden;background:radial-gradient(620px 420px at 6% 4%,rgba(167,139,250,.38),transparent 62%),radial-gradient(560px 440px at 96% 28%,rgba(34,211,238,.26),transparent 62%),radial-gradient(520px 380px at 42% 100%,rgba(251,191,36,.22),transparent 62%),#faf8ff}
.ac-wrap{width:min(1200px,92%);margin:0 auto}
.ac-top{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center;margin-bottom:50px}
.ac-txt .ac-eye{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#6d28d9;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.22);padding:8px 15px;border-radius:99px}
.ac-txt h2{font-size:clamp(30px,5vw,50px);font-weight:900;line-height:1.1;margin:14px 0 12px}
.ac-txt h2 em{font-style:normal;background:linear-gradient(90deg,#7c3aed,#06b6d4,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ac-lead{font-size:15px;line-height:1.75;color:var(--muted);margin-bottom:18px}
.ac-why{font-size:19px;font-weight:900;margin-bottom:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ac-why span{font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);padding:6px 12px;border-radius:99px}
.ac-txt p.ac-body{font-size:14px;line-height:1.85;color:#4b4873}
.ac-feats{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.ac-feats span{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;padding:9px 14px;border-radius:12px;background:#fff;border:1px solid rgba(124,58,237,.16);box-shadow:0 8px 18px rgba(80,40,160,.07)}
.ac-feats i{color:#7c3aed}
@media(max-width:900px){.ac{padding:56px 0}
.ac-top{grid-template-columns:1fr;gap:36px}}
.rf{position:relative;padding:84px 0;overflow:hidden;background:repeating-linear-gradient(135deg,#fffbeb 0 26px,#fef3c7 26px 52px)}
.rf::after{content:"\20A6";position:absolute;right:3%;top:0;font:900 340px/1 'Poppins',sans-serif;color:rgba(217,119,6,.1);pointer-events:none}
.rf-shell{position:relative;z-index:2;width:min(1100px,92%);margin:0 auto;filter:drop-shadow(0 32px 36px rgba(180,83,9,.28))}
.rf-ticket{display:grid;grid-template-columns:38% 62%;background:#fff;border-radius:28px;overflow:hidden;-webkit-mask:radial-gradient(circle 15px at 38% 0,transparent 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 15px at 38% 100%,transparent 97%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 15px at 38% 0,transparent 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 15px at 38% 100%,transparent 97%,#000) bottom/100% 51% no-repeat}
.rf-stub{position:relative;background:linear-gradient(160deg,#1e1b4b,#4c1d95 68%,#0e7490);color:#fff;padding:36px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}
.rf-stub::after{content:"";position:absolute;right:0;top:22px;bottom:22px;border-right:3px dashed rgba(255,255,255,.4)}
.rf-coin{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:27px;color:#78350f;background:linear-gradient(135deg,#fde68a,#f59e0b);box-shadow:0 0 0 7px rgba(251,191,36,.22),0 14px 30px rgba(0,0,0,.35);animation:rfPulse 2.8s ease-in-out infinite}
@keyframes rfPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.rf-amt{font-size:clamp(34px,4.4vw,50px);font-weight:900;line-height:1;margin-top:10px;background:linear-gradient(90deg,#fde68a,#fbbf24,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rf-per{font:800 11px/1.4 'Courier New',monospace;letter-spacing:2px;text-transform:uppercase;color:#c4b5fd}
.rf-bars{width:78%;height:34px;margin-top:14px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px,#fff 5px 9px,transparent 9px 11px);opacity:.55}
.rf-main{padding:34px 34px 32px}
.rf-eye{display:inline-flex;align-items:center;gap:8px;font:800 11.5px/1 'Courier New',monospace;letter-spacing:1.4px;text-transform:uppercase;color:#b45309;background:rgba(245,158,11,.16);padding:8px 14px;border-radius:99px}
.rf-main h2{font-size:clamp(23px,3.2vw,33px);font-weight:900;line-height:1.22;margin:12px 0 10px;color:#451a03}
.rf-main h2 span{color:#d97706}
.rf-desc{font-size:14px;line-height:1.8;color:#6b4a2b;margin-bottom:18px}
.rf-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.rf-stats div{background:#fffbeb;border:1.5px dashed rgba(217,119,6,.5);border-radius:14px;padding:12px 10px;text-align:center}
.rf-stats b{display:block;font-size:18px;font-weight:900;color:#b45309}
.rf-stats span{font-size:11px;font-weight:700;color:#8a6a46}
.rf-steps{list-style:none;display:grid;gap:9px;margin-bottom:22px}
.rf-steps li{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.65;color:#5c4126;font-weight:600}
.rf-steps li i{font-style:normal;flex-shrink:0;width:26px;height:26px;border-radius:8px;background:#451a03;color:#fde68a;font:900 12px/26px 'Courier New',monospace;text-align:center}
.rf-cta{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:14px;font-size:14px;font-weight:900;color:#451a03;background:linear-gradient(135deg,#fde68a,#f59e0b);box-shadow:0 14px 30px rgba(245,158,11,.4);transition:transform .25s ease,box-shadow .25s ease}
.rf-cta:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(245,158,11,.55)}
@media(max-width:820px){.rf{padding:56px 0}
.rf-ticket{grid-template-columns:1fr;-webkit-mask:none;mask:none;border-radius:24px}
.rf-stub{padding:28px 20px}
.rf-stub::after{display:none}
.rf-main{padding:26px 20px}
.rf-stats{grid-template-columns:1fr}
.rf-stats div{display:flex;align-items:center;justify-content:space-between;padding:11px 14px}}
.tc{position:relative;padding:84px 0;overflow:hidden;background:#04100c;color:#d1fae5}
.tc::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(16,185,129,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.08) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 45%,#000 20%,transparent 75%)}
.tc-win{position:relative;width:min(1150px,92%);margin:0 auto;border:1px solid rgba(16,185,129,.4);border-radius:18px;background:rgba(5,20,15,.92);box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 90px rgba(16,185,129,.14);overflow:hidden}
.tc-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#08170f;border-bottom:1px solid rgba(16,185,129,.22)}
.tc-bar i{width:11px;height:11px;border-radius:50%;background:#f43f5e}
.tc-bar i:nth-child(2){background:#f59e0b}
.tc-bar i:nth-child(3){background:#10b981}
.tc-tabs{display:flex;gap:6px;margin-left:12px;overflow:hidden}
.tc-tabs span{font:700 11.5px/1 'Courier New',monospace;color:#6ee7b7;opacity:.55;padding:7px 12px;border-radius:7px;white-space:nowrap}
.tc-tabs span.on{opacity:1;background:rgba(16,185,129,.16);color:#a7f3d0}
.tc-body{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;padding:38px 32px 40px;align-items:center}
.tc-label{display:inline-block;font:800 12px/1 'Courier New',monospace;letter-spacing:1.6px;color:#34d399;margin-bottom:14px}
.tc-body h2{font-size:clamp(27px,4vw,42px);font-weight:900;line-height:1.15;color:#fff;margin-bottom:12px}
.tc-body h2 span{display:block;background:linear-gradient(90deg,#34d399,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tc-cur{display:inline-block;width:11px;height:.95em;vertical-align:-3px;margin-left:6px;background:#34d399;animation:tcBlink 1s steps(1) infinite}
@keyframes tcBlink{50%{opacity:0}}
.tc-sub{font-size:14px;line-height:1.75;color:#9fd8c4;margin-bottom:20px}
.tc-code{list-style:none;counter-reset:ln;margin-bottom:24px;border-left:2px solid rgba(16,185,129,.3);background:rgba(16,185,129,.04);border-radius:0 12px 12px 0}
.tc-code li{counter-increment:ln;display:flex;align-items:center;gap:12px;padding:9px 14px;font:600 13px/1.4 'Courier New',monospace;color:#d1fae5;border-bottom:1px dashed rgba(16,185,129,.12)}
.tc-code li:last-child{border-bottom:0}
.tc-code li::before{content:counter(ln);width:18px;text-align:right;color:#3b6b58;font-size:11px}
.tc-code .k{color:#c084fc}
.tc-code i{color:#34d399;width:16px;text-align:center}
.tc-code .c{color:#4f8f78;margin-left:auto;font-size:11.5px}
.tc-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:12px;font:800 13.5px/1 'Courier New',monospace;color:#04100c;background:#34d399;box-shadow:0 0 0 1px #34d399,0 0 30px rgba(52,211,153,.5);transition:transform .25s ease,box-shadow .25s ease}
.tc-btn:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #6ee7b7,0 0 46px rgba(52,211,153,.8)}
.tc-fl{position:absolute;z-index:3;width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#34d399;background:#06120e;border:1px solid rgba(52,211,153,.6);box-shadow:0 0 22px rgba(52,211,153,.45);animation:lpFloat 5s ease-in-out infinite}
.tc-f1{left:-6px;top:10%}
.tc-f2{right:-6px;top:44%;animation-delay:1.4s}
.tc-f3{left:10%;bottom:2%;animation-delay:2.6s}
@media(max-width:860px){.tc{padding:54px 0}
.tc-body{grid-template-columns:1fr;padding:26px 18px 30px}
.tc-tabs span:nth-child(n+3){display:none}
.tc-code .c{display:none}}
.pt{position:relative;padding:86px 0;overflow:hidden;background:radial-gradient(520px 360px at 100% 0,rgba(45,212,191,.28),transparent 62%),radial-gradient(520px 360px at 0 100%,rgba(56,189,248,.3),transparent 62%),linear-gradient(180deg,#f0f9ff,#e0f2fe 55%,#ecfeff)}
.pt-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center;width:min(1200px,92%);margin:0 auto}
@keyframes ptMorph{0%,100%{border-radius:42% 58% 63% 37%/45% 40% 60% 55%}33%{border-radius:60% 40% 38% 62%/58% 55% 45% 42%}66%{border-radius:38% 62% 52% 48%/40% 62% 38% 60%}}
@keyframes ptMorph2{0%,100%{border-radius:58% 42% 40% 60%/55% 58% 42% 45%}50%{border-radius:42% 58% 60% 40%/45% 42% 58% 55%}}
.pt-badge{position:absolute;z-index:4;left:-14px;bottom:6%;display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px 16px;box-shadow:0 20px 40px rgba(8,100,140,.28);max-width:260px}
.pt-badge i{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;background:linear-gradient(135deg,#0ea5e9,#14b8a6);flex-shrink:0}
.pt-badge b{display:block;font-size:13px;font-weight:900;color:#0c4a6e;line-height:1.3}
.pt-badge small{font-size:11.5px;color:#4b7a91;font-weight:700}
.pt-kick{display:inline-flex;align-items:center;gap:8px;font:800 11.5px/1 'Courier New',monospace;letter-spacing:1.4px;text-transform:uppercase;color:#0369a1;background:rgba(14,165,233,.14);padding:8px 14px;border-radius:99px}
.pt-info h2{font-size:clamp(25px,3.7vw,38px);font-weight:900;line-height:1.2;margin:12px 0 12px;color:#0c4a6e}
.pt-info h2 span{background:linear-gradient(90deg,#0284c7,#0d9488);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pt-info>p{font-size:14.5px;line-height:1.85;color:#3b6178;margin-bottom:18px}
.pt-list{list-style:none;display:grid;gap:10px;margin-bottom:24px}
.pt-list li{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.75);border:1px solid rgba(14,165,233,.22);border-radius:99px;padding:10px 18px 10px 10px;font-size:13.5px;font-weight:700;color:#0c4a6e}
.pt-list i{width:30px;height:30px;border-radius:50%;background:#0d9488;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pt-cta{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:900px){.pt{padding:56px 0}
.pt-grid{grid-template-columns:1fr;gap:42px}
.pt-badge{left:0}}
.sp{position:relative;padding:72px 0 96px;background:#fffdf5}
.sp::before{content:"";position:absolute;inset:0;background:radial-gradient(#0f172a 1px,transparent 1.4px) 0 0/15px 15px;opacity:.06;pointer-events:none}
.sp-card{position:relative;display:grid;grid-template-columns:1.1fr .9fr;width:min(1150px,92%);margin:0 auto;background:#fff;border:2.5px solid #0f172a;border-radius:8px;box-shadow:13px 13px 0 #fde047,13px 13px 0 2.5px #0f172a;overflow:hidden}
.sp-txt{padding:42px 40px}
.sp-kick{font:800 12px/1 'Courier New',monospace;letter-spacing:2px;text-transform:uppercase;color:#0f172a;border-bottom:3px solid #fde047;padding-bottom:6px;display:inline-block}
.sp-txt h2{font-size:clamp(27px,4vw,42px);font-weight:900;line-height:1.15;color:#0f172a;margin:16px 0 14px}
.sp-txt h2 span{background:linear-gradient(transparent 58%,#fde047 58%);padding:0 4px}
.sp-txt>p{font-size:14.5px;line-height:1.85;color:#475569;margin-bottom:20px}
.sp-led{list-style:none;margin-bottom:26px;counter-reset:sp}
.sp-led li{counter-increment:sp;display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1.5px dashed #cbd5e1;font-size:14px;font-weight:800;color:#0f172a}
.sp-led li::before{content:"0" counter(sp);font:900 13px/1 'Courier New',monospace;color:#fff;background:#0f172a;padding:7px 9px;border-radius:6px}
.sp-led li i{margin-left:auto;color:#16a34a}
.sp-btn{display:inline-flex;align-items:center;gap:11px;padding:15px 26px;border-radius:6px;font-size:14px;font-weight:900;color:#fff;background:#0f172a;box-shadow:5px 5px 0 #fde047;transition:transform .2s ease,box-shadow .2s ease}
.sp-btn:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 #fde047}
.sp-btn i{color:#22c55e}
@media(max-width:860px){.sp{padding:52px 0 70px}
.sp-card{grid-template-columns:1fr;box-shadow:9px 9px 0 #fde047,9px 9px 0 2.5px #0f172a}
.sp-txt{padding:28px 22px}}
.fn{position:relative;padding:100px 4% 104px;text-align:center;color:#fff;overflow:hidden;background:linear-gradient(120deg,#be185d,#ea580c,#7c3aed,#be185d);background-size:300% 300%;animation:fnShift 16s ease infinite}
@keyframes fnShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.fn::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 340px at 50% 50%,rgba(255,255,255,.2),transparent 70%),radial-gradient(rgba(255,255,255,.14) 1.3px,transparent 1.6px) 0 0/26px 26px}
.fn-ring{position:absolute;left:50%;top:50%;width:min(780px,150vw);aspect-ratio:1;margin:calc(min(780px,150vw)/-2) 0 0 calc(min(780px,150vw)/-2);border:1.5px dashed rgba(255,255,255,.38);border-radius:50%;animation:jrSpin 46s linear infinite;pointer-events:none}
.fn-ring i{position:absolute;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#be185d;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.28);animation:jrSpin 46s linear infinite reverse}
.fn-ring i:nth-child(1){left:50%;top:0}
.fn-ring i:nth-child(2){left:100%;top:50%}
.fn-ring i:nth-child(3){left:50%;top:100%}
.fn-ring i:nth-child(4){left:0;top:50%}
.fn-in{position:relative;z-index:2;max-width:760px;margin:0 auto}
.fn-kick{display:inline-flex;align-items:center;gap:8px;font:800 11.5px/1 'Courier New',monospace;letter-spacing:2px;text-transform:uppercase;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);padding:9px 16px;border-radius:99px}
.fn h2{font-size:clamp(30px,5.4vw,56px);font-weight:900;line-height:1.1;margin:18px 0 14px;text-shadow:0 8px 30px rgba(0,0,0,.25)}
.fn p{font-size:15.5px;line-height:1.8;color:#fff;opacity:.94;margin-bottom:28px}
.fn-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.fn-b2{background:#0f172a;color:#fff;box-shadow:0 16px 34px rgba(15,23,42,.45)}
.fn-b2:hover{transform:translateY(-4px)}
@media(max-width:700px){.fn{padding:70px 5% 74px}
.fn-ring{opacity:.55}
.fn-ring i{width:42px;height:42px;margin:-21px 0 0 -21px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.fn,.fn-ring,.fn-ring i,.rf-coin,.tc-cur{animation:none}}
.fn .btn-white{background:#fff;color:#6d28d9;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.fn .btn-white:hover{transform:translateY(-4px)}
/* =====================================================================
   IDT ACADEMY — v2 : uncut images, install button in top bar,
   distinct technology cards, skills section, section backgrounds
   ===================================================================== */

/* ---------- INSTALL APP BUTTON : sits in the top bar before the menu ---------- */
.idt-pwa-btn{position:relative;top:auto;right:auto;left:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;cursor:pointer;font:800 12px/1 'Poppins',system-ui,sans-serif;color:#fff;padding:10px 15px;border-radius:999px;background:linear-gradient(135deg,var(--pwa-violet),var(--pwa-violet-d) 60%,var(--pwa-cyan) 170%);box-shadow:0 8px 18px rgba(80,40,160,.3);flex-shrink:0;white-space:nowrap;animation:idtPwaIn .5s cubic-bezier(.22,.9,.35,1) both}
.idt-pwa-btn i{font-size:14px}
.idt-pwa-btn.idt-pwa-float{position:fixed;top:12px;right:64px;z-index:var(--pwa-z)}
@media(max-width:1200px){.idt-pwa-btn span{display:none}.idt-pwa-btn{width:38px;height:38px;padding:0}.idt-pwa-btn i{font-size:16px}}

/* ---------- IMAGES : always show the whole picture, never cut ---------- */
.course-card .c-img{background:linear-gradient(135deg,#f5f3ff,#ecfeff)}
.course-card .c-img img{object-fit:contain}
.course-card:hover .c-img img{transform:scale(1.03)}
.m-hero{height:auto;min-height:0;background:linear-gradient(135deg,#f5f3ff,#ecfeff)}
.m-hero img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;margin:0 auto}
.jamb-visual{align-items:start}
.jamb-img img{display:block;aspect-ratio:auto;height:auto;object-fit:contain}
.csr-img{object-fit:contain !important;background:#ede9fe}
.ld-photo{aspect-ratio:auto;width:min(100%,300px)}
.ld-photo img{height:auto;object-fit:contain;border-radius:26px}
.ld-f .ld-photo::before{inset:-8px;border-radius:34px}

/* ---------- TRUST BAR : four different technology cards ---------- */
.tb-i{position:relative;display:flex;align-items:center;gap:13px;padding:16px 16px 18px;overflow:hidden;min-width:0;border:0;box-shadow:none;transition:transform .3s ease}
.tb-i::after{display:none}
.tb-i:hover{transform:translateY(-5px)}
.tb-ic{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px}
.tb-i b{display:block;font-size:13.5px;font-weight:800;line-height:1.25}
.tb-i small{display:block;font-size:11.5px;font-weight:600;line-height:1.45;margin-top:2px}
.tb-i:nth-child(1){background:linear-gradient(160deg,#1e1b4b,#4c1d95);color:#fff;border-radius:26px;border:2px solid #a78bfa;box-shadow:0 14px 30px rgba(76,29,149,.35)}
.tb-i:nth-child(1) small{color:#c4b5fd}
.tb-i:nth-child(1) .tb-ic{background:rgba(255,255,255,.14);border-radius:14px}
.tb-i:nth-child(1)::after{display:block;content:"";position:absolute;right:16px;top:12px;width:20px;height:12px;background:linear-gradient(#a78bfa,#a78bfa) 0 100%/3px 4px no-repeat,linear-gradient(#a78bfa,#a78bfa) 5.6px 100%/3px 7px no-repeat,linear-gradient(#a78bfa,#a78bfa) 11.3px 100%/3px 10px no-repeat,linear-gradient(#a78bfa,#a78bfa) 17px 100%/3px 12px no-repeat}
.tb-i:nth-child(2){background:#07110d;color:#d1fae5;border-radius:6px;border:1px solid #10b981;font-family:'Courier New',monospace;box-shadow:0 0 26px rgba(16,185,129,.22)}
.tb-i:nth-child(2) b{font-family:'Courier New',monospace}
.tb-i:nth-child(2) small{color:#6ee7b7}
.tb-i:nth-child(2) .tb-ic{background:rgba(16,185,129,.16);color:#34d399;border-radius:8px;border:1px solid rgba(52,211,153,.5)}
.tb-i:nth-child(2)::after{display:block;content:"$_";position:absolute;right:12px;top:8px;font:800 11px/1 'Courier New',monospace;color:#34d399;animation:tcBlink 1.2s steps(1) infinite}
.tb-i:nth-child(3){background:linear-gradient(135deg,#047857,#10b981);color:#fff;border-radius:24px 24px 24px 4px;box-shadow:0 14px 30px rgba(4,120,87,.3)}
.tb-i:nth-child(3) small{color:#d1fae5}
.tb-i:nth-child(3) .tb-ic{background:rgba(255,255,255,.2);border-radius:50%}
.tb-i:nth-child(3)::after{display:block;content:"Aa";position:absolute;right:14px;top:9px;font:900 14px/1 'Poppins',sans-serif;opacity:.5}
.tb-i:nth-child(4){background:#fff;color:var(--ink);border-radius:4px;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);box-shadow:inset 0 0 0 2px #e11d48;background-image:linear-gradient(135deg,rgba(225,29,72,.06),transparent 60%)}
.tb-i:nth-child(4) small{color:var(--muted)}
.tb-i:nth-child(4) .tb-ic{background:linear-gradient(135deg,#e11d48,#fb923c);border-radius:12px}
.tb-i:nth-child(4)::after{display:flex;content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:20px;top:10px;width:20px;height:20px;border-radius:50%;background:#10b981;color:#fff;font-size:10px;align-items:center;justify-content:center}

/* ---------- LAUNCHPAD : uncut image + four different tiles ---------- */
.lp-frame{position:relative;padding:8px;border-radius:26px;background:linear-gradient(135deg,#10b981,#06b6d4,#7c3aed);clip-path:none}
.lp-frame::before,.lp-frame::after{content:"";position:absolute;width:36px;height:36px;border:4px solid #fff;z-index:3;pointer-events:none}
.lp-frame::before{left:-4px;top:-4px;border-right:0;border-bottom:0;border-radius:16px 0 0 0}
.lp-frame::after{right:-4px;bottom:-4px;border-left:0;border-top:0;border-radius:0 0 16px 0}
.lp-frame-in{clip-path:none;border-radius:19px;overflow:hidden;background:#fff;line-height:0}
.lp-frame-in img{display:block;width:100%;height:auto;aspect-ratio:auto}
.lp-tile{position:relative;display:flex;align-items:center;gap:16px;padding:15px 18px;color:#fff;overflow:hidden;background:var(--g);box-shadow:0 16px 34px var(--s);transition:transform .3s ease,box-shadow .3s ease}
.lp-tile::after{display:none}
.lp-tile::before{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;background:var(--p)}
.lp-tile>*{position:relative;z-index:2}
.lp-tile:hover{transform:translateX(9px)}
.lp-tiles{gap:12px}
.lp-t1{--g:linear-gradient(120deg,#e11d48,#f59e0b);--s:rgba(225,29,72,.3);border-radius:22px;--p:radial-gradient(circle,#fff 3.2px,transparent 3.7px) 0 0/22px 22px}
.lp-t2{--g:linear-gradient(120deg,#4c1d95,#0891b2);--s:rgba(76,29,149,.3);border-radius:8px 30px 8px 30px;--p:repeating-linear-gradient(0deg,#fff 0 2px,transparent 2px 12px)}
.lp-t3{--g:linear-gradient(120deg,#b45309,#f59e0b);--s:rgba(180,83,9,.3);border-radius:46px;--p:repeating-radial-gradient(circle at 90% 50%,#fff 0 2px,transparent 2px 16px)}
.lp-t4{--g:linear-gradient(120deg,#047857,#0ea5e9);--s:rgba(4,120,87,.3);border-radius:4px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));--p:linear-gradient(45deg,transparent 47%,#fff 48% 52%,transparent 53%) 0 0/28px 28px,linear-gradient(-45deg,transparent 47%,#fff 48% 52%,transparent 53%) 0 0/28px 28px}

/* ---------- JOURNEY : three different cards, full pictures ---------- */
.jr-port{position:relative;width:100%;max-width:310px;height:auto;margin:0 auto 18px}
.jr-port::before{display:none}
.jr-port img{display:block;width:100%;height:auto;border:0;border-radius:10px;box-shadow:none;background:#f1f5f9}
.jr-s1 .jr-port{padding:8px 8px 0;background:#0f172a;border-radius:16px 16px 12px 12px;box-shadow:0 14px 30px rgba(15,23,42,.3)}
.jr-s1 .jr-port::after{content:"\f04b";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:18px;bottom:19px;width:30px;height:30px;border-radius:50%;background:#7c3aed;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;padding-left:2px}
.jr-prog{height:6px;margin:0 14px 12px 58px;border-radius:99px;background:rgba(255,255,255,.2);overflow:hidden}
.jr-prog i{display:block;height:100%;width:62%;background:linear-gradient(90deg,#7c3aed,#22d3ee);border-radius:99px}
.jr-s1 .jr-port .jr-prog{position:absolute;left:0;right:0;bottom:0;margin:0 14px 13px 58px}
.jr-s1 .jr-port{padding-bottom:38px}
.jr-s2 .jr-port{padding:8px;background:#ecfeff;border:3px solid #0891b2;border-radius:20px;box-shadow:0 14px 30px rgba(8,145,178,.22)}
.jr-bub{position:relative;display:inline-flex;align-items:center;gap:8px;margin:-4px 0 16px;padding:10px 15px;border-radius:16px 16px 16px 4px;background:#0891b2;color:#fff;font:700 11.5px/1.35 'Poppins',sans-serif;box-shadow:0 10px 22px rgba(8,145,178,.3)}
.jr-bub b{background:#fff;color:#0e7490;border-radius:99px;padding:3px 8px;font-size:10.5px}
.jr-s3 .jr-port{padding:9px;background:#fffbeb;border:3px double #d97706;border-radius:6px;box-shadow:0 14px 30px rgba(217,119,6,.25)}
.jr-s3 .jr-port img{border-radius:2px}
.jr-s3 .jr-port::after{content:"\f559";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:-12px;bottom:-14px;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#b45309);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #fff,0 10px 20px rgba(180,83,9,.4)}
.jr-s1 .jr-card{background:linear-gradient(180deg,#faf5ff,#fff 40%)}
.jr-s2 .jr-card{background:linear-gradient(180deg,#ecfeff,#fff 40%);border-radius:30px 8px 30px 8px}
.jr-s3 .jr-card{background:linear-gradient(180deg,#fffbeb,#fff 40%);border-radius:8px 28px 8px 28px}
.jr-s2 .jr-cmd{background:#083344}.jr-s3 .jr-cmd{background:#451a03}

/* ---------- ACADEMY : full picture + three different cards ---------- */
.ac-stack{position:relative;margin:0 18px 18px 0}
.ac-stack::before,.ac-stack::after{content:"";position:absolute;inset:0;border-radius:24px;border:2px solid rgba(124,58,237,.4)}
.ac-stack::before{transform:translate(18px,18px) rotate(2.5deg);background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(6,182,212,.2))}
.ac-stack::after{transform:translate(9px,9px) rotate(1.2deg);background:rgba(255,255,255,.75)}
.ac-stack img{position:relative;z-index:2;display:block;width:100%;height:auto;border-radius:22px;transform:rotate(-1.4deg);box-shadow:0 30px 60px rgba(76,29,149,.3);background:#ede9fe}
.ac-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.ac-b{position:relative;display:flex;flex-direction:column;overflow:hidden;color:inherit;min-height:0;transition:transform .35s ease}
.ac-b:hover{transform:translateY(-8px)}
.ac-bi{line-height:0;padding:12px 12px 0}
.ac-bi img{display:block;width:100%;height:auto;border-radius:14px;background:rgba(0,0,0,.05)}
.ac-bd{padding:18px 20px 22px;flex:1}
.ac-bd h3{font-size:18px;font-weight:900;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.ac-bd h3 i{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.ac-bd p{font-size:13px;line-height:1.75}
.ac-tag{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:11px;font-weight:800;padding:7px 12px;border-radius:99px}
.ac-b1{background:#07122b radial-gradient(rgba(34,211,238,.18) 1.2px,transparent 1.5px) 0 0/20px 20px;color:#dbeafe;border:1px solid rgba(34,211,238,.45);border-radius:24px;box-shadow:0 0 44px rgba(34,211,238,.18)}
.ac-b1 h3{color:#fff}.ac-b1 h3 i{background:rgba(34,211,238,.15);color:#22d3ee}
.ac-b1 .ac-tag{background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.5);color:#67e8f9}
.ac-nn{display:flex;gap:7px;margin-top:14px}
.ac-nn i{width:10px;height:10px;border-radius:50%;background:#22d3ee;box-shadow:0 0 10px #22d3ee;animation:tcBlink 1.6s steps(1) infinite}
.ac-nn i:nth-child(2){animation-delay:.3s}.ac-nn i:nth-child(3){animation-delay:.6s}.ac-nn i:nth-child(4){animation-delay:.9s}.ac-nn i:nth-child(5){animation-delay:1.2s}
.ac-b2{background:#fff;color:#334155;border:2.5px solid #f59e0b;border-radius:8px 30px 8px 30px;box-shadow:8px 8px 0 #fde68a}
.ac-b2 h3{color:#0f172a}.ac-b2 h3 i{background:#fef3c7;color:#d97706}
.ac-b2 .ac-tag{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}
.ac-pod{display:flex;align-items:flex-end;gap:6px;height:46px;margin-top:14px}
.ac-pod i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(#fbbf24,#f59e0b)}
.ac-pod i:nth-child(1){height:62%}.ac-pod i:nth-child(2){height:100%}.ac-pod i:nth-child(3){height:44%}
.ac-b3{background:linear-gradient(160deg,#4c1d95,#be185d);color:#fde7f3;border-radius:36px 10px 36px 10px;box-shadow:0 22px 44px rgba(190,24,93,.3)}
.ac-b3 h3{color:#fff}.ac-b3 h3 i{background:rgba(255,255,255,.18);color:#fff}
.ac-b3 .ac-tag{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);color:#fff}
.ac-lvl{display:flex;align-items:center;gap:9px;margin-top:14px;font:800 10.5px/1 'Courier New',monospace;color:#fbcfe8}
.ac-lvl b{position:relative;flex:1;height:8px;border-radius:99px;background:rgba(255,255,255,.22);overflow:hidden}
.ac-lvl b i{position:absolute;left:0;top:0;bottom:0;width:78%;background:linear-gradient(90deg,#fde68a,#fb7185);border-radius:99px}
@media(max-width:1000px){.ac-bento{grid-template-columns:1fr;max-width:520px;margin:0 auto}}

/* ---------- TECH SHOWCASE : whole picture inside a monitor ---------- */
.tc-vis{position:relative;max-width:440px;margin:0 auto;width:100%}
.tc-mon{position:relative;border:1px solid #34d399;border-radius:14px;background:#06120e;box-shadow:0 0 0 4px rgba(52,211,153,.08),0 0 60px rgba(52,211,153,.35);overflow:hidden}
.tc-mon-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#0a1f17;border-bottom:1px solid rgba(52,211,153,.25);font:700 10.5px/1 'Courier New',monospace;color:#6ee7b7}
.tc-mon-bar i{width:9px;height:9px;border-radius:50%;background:#f43f5e}
.tc-mon-bar i:nth-child(2){background:#f59e0b}.tc-mon-bar i:nth-child(3){background:#10b981}
.tc-mon-bar span{margin-left:8px}
.tc-mon img{display:block;width:100%;height:auto}
.tc-mon::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(52,211,153,.05) 0 2px,transparent 2px 5px)}
@media(max-width:860px){.tc-vis{max-width:340px;order:-1}}

/* ---------- PARTNER : whole picture, blob stays behind it ---------- */
.pt-blob{position:relative;width:min(100%,470px);margin:0 auto;padding:26px}
.pt-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:42% 58% 63% 37%/45% 40% 60% 55%;animation:ptMorph 9s ease-in-out infinite;opacity:.9}
.pt-bg.b2{inset:-6%;background:rgba(14,165,233,.14);animation-duration:12s;animation-direction:reverse}
.pt-blob img{position:relative;z-index:2;display:block;width:100%;height:auto;border-radius:20px;border:6px solid #fff;box-shadow:0 26px 50px rgba(8,100,140,.35);background:#e0f2fe}
@media(max-width:900px){.pt-blob{width:min(92%,400px)}}

/* ---------- SPONSOR : whole picture on a dark halftone board ---------- */
.sp-img{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:38px 34px;background:#0f172a;clip-path:none}
.sp-img::before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(253,224,71,.22) 1.3px,transparent 1.7px) 0 0/14px 14px}
.sp-img::after{display:none}
.sp-img img{position:relative;z-index:2;display:block;width:100%;height:auto;border:3px solid #fde047;border-radius:6px;box-shadow:8px 8px 0 rgba(253,224,71,.35);transform:rotate(1.5deg);filter:none}
.sp-stamp{position:absolute;z-index:4;right:16px;bottom:16px;width:100px;height:100px;border-radius:50%;background:#fde047;color:#0f172a;border:2.5px solid #0f172a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:900 10.5px/1.25 'Courier New',monospace;letter-spacing:1px;transform:rotate(-12deg);box-shadow:4px 4px 0 #0f172a}
.sp-stamp i{font-size:20px;margin-bottom:3px}
@media(max-width:860px){.sp-img{order:-1;clip-path:none;padding:28px 22px}}

/* ---------- SKILLS LAB : interactive technology showcase ---------- */
.sk{position:relative;padding:88px 0 92px;background:#eef3fb;overflow:hidden}
.sk::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(71,85,105,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(71,85,105,.08) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse at 50% 25%,#000 20%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 25%,#000 20%,transparent 80%)}
.sk-head{position:relative;text-align:center;width:min(780px,92%);margin:0 auto 34px}
.sk-kick{display:inline-flex;align-items:center;gap:8px;font:800 11.5px/1 'Courier New',monospace;letter-spacing:1.4px;text-transform:uppercase;color:#1d4ed8;background:rgba(37,99,235,.12);padding:8px 14px;border-radius:99px}
.sk-head h2{font-size:clamp(25px,4vw,38px);font-weight:900;line-height:1.2;margin:12px 0 10px}
.sk-head h2 span{background:linear-gradient(90deg,#2563eb,#7c3aed,#e11d48);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sk-head p{color:var(--muted);font-size:14.5px;line-height:1.75}
.sk-lab{position:relative;width:min(1180px,92%);margin:0 auto}
.sk-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:22px}
.sk-tab{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;border:1.5px solid rgba(71,85,105,.2);background:#fff;color:#334155;font:800 13px/1 'Poppins',system-ui,sans-serif;padding:11px 18px 13px 12px;border-radius:16px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}
.sk-tab i{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--soft);color:var(--a)}
.sk-tab:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(15,23,42,.12)}
.sk-tab.on{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 16px 30px rgba(15,23,42,.32)}
.sk-tab.on i{background:var(--a);color:#fff}
.sk-tab::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--a);transform:scaleX(0);transform-origin:left}
.sk-lab.live:not(.paused) .sk-tab.on::after{animation:skProg 7s linear forwards}
.sk-lab.paused .sk-tab.on::after{transform:scaleX(1);opacity:.45}
@keyframes skProg{to{transform:scaleX(1)}}
.sk-tab[data-i="0"]{--a:#0284c7;--soft:#e0f2fe}.sk-tab[data-i="1"]{--a:#1d4ed8;--soft:#dbeafe}.sk-tab[data-i="2"]{--a:#ea580c;--soft:#ffedd5}
.sk-tab[data-i="3"]{--a:#059669;--soft:#d1fae5}.sk-t