:root{
  color-scheme:light;--bg:#FFF9F1;--paper:#FFFFFF;--ink:#2B2E52;--muted:#626681;
  --ring:#E8E4F2;--purple:#6C5CE7;--teal:#106577;--yellow:#FAC800;
  --shadow:0 18px 46px -30px rgba(42,36,94,.4);--display:'Baloo Bhaijaan 2',system-ui,sans-serif;
  --body:'Tajawal',system-ui,sans-serif
}
:root[data-theme="dark"]{
  color-scheme:dark;--bg:#001227;--paper:#04203F;--ink:#EAF2FF;--muted:#9CB2CC;
  --ring:rgba(143,170,201,.23);--purple:#A79BFF;--teal:#5FD8F0;--yellow:#FFCE5C;
  --shadow:0 22px 52px -28px rgba(0,0,0,.85)
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{min-height:100%;background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:var(--body);color:var(--ink);background:
  radial-gradient(55% 42% at 8% 0,rgba(108,92,231,.15),transparent 70%),
  radial-gradient(48% 40% at 96% 22%,rgba(50,210,230,.11),transparent 72%),var(--bg)}
a{text-decoration:none;color:inherit}button,a{font:inherit}
:where(a,button,summary):focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:10px}
.intro-seen #splash{display:none}
#splash{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;overflow:hidden;background:linear-gradient(to top,rgba(8,10,34,.34) 0,rgba(8,10,34,.26) 34%,transparent 58%),linear-gradient(150deg,#252850,#6C5CE7 48%,#E87A64)}
#splash.open{background:none}#splash:focus-visible{outline:4px solid #FFCE5C;outline-offset:-8px}
#splash .splashHalf{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(150deg,#252850,#6C5CE7 48%,#E87A64);background-size:200% 100%;will-change:transform;transition:transform .95s cubic-bezier(.66,0,.34,1)}
#splash .splashHalf.top{left:0;background-position:0 0;box-shadow:2px 0 0 rgba(255,255,255,.1)}#splash .splashHalf.bot{right:0;background-position:100% 0;box-shadow:-2px 0 0 rgba(255,255,255,.1)}
#splash.open .splashHalf.top{transform:translateX(-100%)}#splash.open .splashHalf.bot{transform:translateX(100%)}
#splash .splashInner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
#splash.open .splashTagline,#splash.open .splashTap{opacity:0;transition:opacity .25s}
#splash .splashLogoCard{position:relative;width:min(197px,74vw);height:240px;padding:26px 34px;box-sizing:content-box;will-change:transform,opacity;animation:psReveal .9s cubic-bezier(.2,.85,.35,1)}
#splash .cardHalf{position:absolute;top:0;height:100%;width:50%;overflow:hidden;will-change:transform;transition:transform .95s cubic-bezier(.66,0,.34,1)}#splash .cardHalf.L{left:0}#splash .cardHalf.R{right:0}
#splash .cardFace{position:absolute;top:0;height:100%;width:200%;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 26px 64px -22px rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}#splash .cardHalf.L .cardFace{left:0}#splash .cardHalf.R .cardFace{right:0}
#splash .cardFace img{position:static;display:block;width:auto;height:240px;max-width:none}#splash.open .cardHalf.L{transform:translateX(-62vw)}#splash.open .cardHalf.R{transform:translateX(62vw)}
#splash .splashLogoCard .shine{position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);will-change:transform;transform:translateX(-160%) skewX(-18deg);animation:splashShine 1.3s cubic-bezier(.3,.1,.3,1) .9s 1}
#splash .splashTagline{font:800 19px var(--display);color:#FFCE5C;opacity:0;animation:splashup .7s ease 1.05s forwards;letter-spacing:.02em}#splash .splashTap{font-size:13px;opacity:0;margin-top:16px;animation:splashblink 1.4s ease 1.6s infinite}
#splash .splashName{position:relative;opacity:0;animation:splashup .7s ease .85s forwards;line-height:0;width:min(200px,52vw);height:calc(min(200px,52vw)*120/330)}
#splash .nameHalf{position:absolute;top:0;height:100%;width:50%;overflow:hidden;will-change:transform;transition:transform .95s cubic-bezier(.66,0,.34,1)}#splash .nameHalf.L{left:0}#splash .nameHalf.R{right:0}#splash .nameHalf img{position:absolute;top:0;width:200%;height:auto}#splash .nameHalf.L img{left:0}#splash .nameHalf.R img{right:0}#splash.open .nameHalf.L{transform:translateX(-62vw)}#splash.open .nameHalf.R{transform:translateX(62vw)}
#splashRocket{position:absolute;left:50%;bottom:-30vh;width:min(96px,22vw);height:auto;transform:translateX(-50%) rotate(-8deg);opacity:0;z-index:3;pointer-events:none;filter:drop-shadow(0 10px 26px rgba(0,0,0,.45))}#splash.open #splashRocket{animation:rocketOpen .95s cubic-bezier(.42,0,.3,1) forwards}
@keyframes psReveal{0%{transform:scale(.82);opacity:0}60%{opacity:1}100%{transform:scale(1);opacity:1}}@keyframes splashShine{0%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(330%) skewX(-18deg)}}@keyframes splashup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes splashblink{0%,100%{opacity:.4}50%{opacity:1}}@keyframes rocketOpen{0%{bottom:-30vh;opacity:0;transform:translateX(-50%) rotate(-8deg) scale(.7)}14%,70%{opacity:1}100%{bottom:112vh;opacity:0;transform:translateX(-50%) rotate(6deg) scale(1.05)}}
.site-header{position:sticky;top:10px;z-index:50;width:min(1160px,calc(100% - 28px));margin:10px auto 0;
  display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--ring);border-radius:20px;
  background:var(--paper);box-shadow:var(--shadow)}
.brand{display:flex;align-items:center;min-height:44px}.brand img{width:108px;height:auto;display:block}
.logo-light{display:none!important}:root[data-theme="light"] .logo-dark{display:none}:root[data-theme="light"] .logo-light{display:block!important}
.header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:7px}
.icon-button,.menu-button{min-height:44px;border:1px solid var(--ring);border-radius:13px;background:transparent;color:var(--ink);font-weight:800;padding:8px 11px;cursor:pointer}
.icon-button{width:44px}.menu{position:absolute;top:62px;min-width:190px;padding:6px;background:var(--paper);border:1px solid var(--ring);border-radius:14px;box-shadow:var(--shadow)}
#landingLangMenu{inset-inline-end:220px}#landingPortalMenu{inset-inline-end:92px}
.menu :where(a,button){display:flex;width:100%;min-height:42px;align-items:center;border:0;background:transparent;color:var(--ink);padding:9px 11px;border-radius:10px;font-weight:700;cursor:pointer;text-align:start}
.menu :where(a,button):hover{background:color-mix(in srgb,var(--purple) 10%,transparent)}
.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:13px;padding:9px 16px;font-weight:800;cursor:pointer;transition:transform .16s,box-shadow .16s}
.button:hover{transform:translateY(-2px)}.button-primary{background:#6C5CE7;color:#fff;box-shadow:0 12px 25px -17px #6C5CE7}.button-secondary{background:var(--paper);border-color:var(--ring);color:var(--ink)}
.button-large{min-height:52px;padding:12px 20px}.button-install{margin-top:12px;background:#106577;color:#fff;border:0}
main{width:min(1120px,calc(100% - 28px));margin:0 auto}
.hero{min-height:680px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:42px;padding:74px 24px 54px}
.eyebrow{display:inline-flex;border:1px solid var(--ring);background:var(--paper);color:var(--teal);border-radius:999px;padding:7px 13px;font-weight:800}
h1,h2,h3{font-family:var(--display);margin:0}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.08;max-width:720px;margin:18px 0}.hero-lead{max-width:660px;color:var(--muted);font-size:19px;line-height:1.85;font-weight:600}
.trust-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.trust-row span{background:var(--paper);border:1px solid var(--ring);border-radius:11px;padding:7px 11px;color:var(--muted);font-weight:700;font-size:13px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.microcopy,.sponsor{color:var(--muted);font-size:13px;font-weight:600}.microcopy{margin:10px 0 0}.sponsor{margin:18px 0 0}
.hero-visual{position:relative;display:grid;place-items:center;min-height:400px}.hero-visual img{position:relative;width:min(340px,82vw);height:auto;filter:drop-shadow(0 24px 28px rgba(108,92,231,.32))}.mascot-orbit{position:absolute;width:360px;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,rgba(108,92,231,.2),rgba(50,210,230,.08));border:1px solid var(--ring)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:70px}.metrics div{padding:18px 12px;background:var(--paper);border:1px solid var(--ring);border-radius:18px;text-align:center;box-shadow:var(--shadow)}.metrics strong{display:block;font:800 28px var(--display);color:var(--purple)}.metrics span{color:var(--muted);font-size:13px;font-weight:700}
.landing-section,.final-cta{content-visibility:auto;contain-intrinsic-size:auto 520px;margin:52px 0;padding:30px;border:1px solid var(--ring);border-radius:26px;background:var(--paper);box-shadow:var(--shadow)}
.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.section-heading>span{color:var(--purple);font-weight:800;font-variant-numeric:tabular-nums}.section-heading h2,.final-cta h2{font-size:clamp(25px,4vw,36px)}
.section-lead{max-width:720px;margin:-10px 0 22px;color:var(--muted);font-weight:700;line-height:1.8}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-grid article{padding:20px;border-radius:18px;background:color-mix(in srgb,var(--purple) 6%,var(--paper));border:1px solid var(--ring)}.feature-icon{font-size:30px}.feature-grid h3{margin-top:8px;font-size:20px}.feature-grid p,.proof p{color:var(--muted);line-height:1.8;margin:6px 0 0}
.skill-list{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.skill-list div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-height:178px;padding:16px 12px;text-align:center;background:var(--bg);border:1px solid var(--ring);border-radius:16px;font-weight:800}.skill-list b{font-size:29px}.skill-list p{margin:0;color:var(--muted);font-size:12.5px;font-weight:600;line-height:1.6}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;margin:0;list-style:none}.steps li{display:flex;gap:12px;padding:18px;background:var(--bg);border:1px solid var(--ring);border-radius:18px}.steps li>span{flex:none;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#6C5CE7;color:#fff;font:800 19px var(--display)}.steps h3{font-size:19px}.steps p{margin:4px 0 0;color:var(--muted);line-height:1.6}
.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.learn-grid article{display:flex;align-items:flex-start;gap:12px;padding:17px;background:var(--bg);border:1px solid var(--ring);border-radius:17px}.learn-grid b{font-size:26px}.learn-grid p{margin:0;color:var(--muted);font-weight:700;line-height:1.65}
.proof{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:34px}.certificate{display:flex;flex-direction:column;align-items:center;padding:24px;border:3px solid #F5B82E;border-radius:20px;background:#fff;color:#2B2E52;text-align:center}.certificate>span{font-size:38px}.certificate b{font:800 21px var(--display);color:#6C5CE7}.certificate small{color:#6E7191}.certificate strong{margin-top:8px;padding:5px 12px;border-radius:10px;background:#EAF7EE;color:#1d7a3e;font-size:20px}
.final-cta{text-align:center}.final-cta>p{color:var(--muted);font-weight:600}.faq{max-width:680px;margin:24px auto 0;text-align:start}.faq details{padding:14px 16px;border:1px solid var(--ring);border-radius:14px;margin-top:9px;background:var(--bg)}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);line-height:1.7;margin:8px 0 0}
.contact{max-width:760px;margin:22px auto 0;padding-top:18px;border-top:1px solid var(--ring);color:var(--muted);font-style:normal;font-weight:700;line-height:1.8}
footer{width:min(1120px,calc(100% - 28px));margin:28px auto;padding:24px 0 34px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;color:var(--muted);font-size:13px;border-top:1px solid var(--ring)}footer p{margin:0 0 8px}footer nav{display:flex;flex-wrap:wrap;gap:14px}footer a{text-decoration:underline}.developer-credit{display:inline-flex;align-items:center;gap:6px;color:var(--teal);font-weight:800}.developer-credit img{width:18px;height:18px;object-fit:contain}
@media(max-width:800px){.hero{grid-template-columns:1fr;text-align:center;padding:64px 8px 40px;gap:12px}.hero-lead,.section-lead{margin-inline:auto}.trust-row,.hero-actions{justify-content:center}.hero-visual{min-height:290px}.hero-visual img{width:230px}.mascot-orbit{width:260px}.metrics{grid-template-columns:1fr 1fr}.feature-grid,.steps,.learn-grid{grid-template-columns:1fr}.skill-list{grid-template-columns:1fr 1fr}.proof{grid-template-columns:1fr}.certificate{max-width:290px;margin:auto}}
@media(max-width:560px){.site-header{top:6px;width:calc(100% - 12px);margin-top:6px;padding:7px}.brand img{width:82px}.menu-button span,.header-login{font-size:0}.menu-button span{display:none}.menu-button{width:44px;padding:8px}.header-login{width:44px;padding:0}.header-login::after{content:'↪';font-size:19px}.header-actions{gap:4px}#landingLangMenu{inset-inline-end:102px}#landingPortalMenu{inset-inline-end:53px}.hero h1{font-size:38px}.hero-lead{font-size:16px}.landing-section,.final-cta{padding:21px 16px;margin:30px 0}.metrics{margin-bottom:30px}.skill-list{grid-template-columns:1fr}.hero-actions .button{width:100%}footer{flex-direction:column;text-align:center;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}#splash.open{display:none}}