@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Baloo+Bhaijaan+2:wght@500;600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap";
:root{--indigo-950:#16143a;--indigo-900:#1e1b4b;--indigo-800:#272472;--indigo-700:#36339b;--indigo-600:#4a44c9;--indigo-500:#6357e8;--indigo-400:#8a82f2;--teal:#2bc6c0;--teal-bright:#46d6cf;--teal-soft:#d3f5f3;--pink:#f5366e;--pink-soft:#ffe0e9;--yellow:#ffc62b;--yellow-soft:#fff2cf;--lilac:#b7b1ff;--lilac-soft:#ecebff;--accent:var(--indigo-600);--accent-strong:var(--indigo-700);--accent-2:var(--teal);--accent-a:#6357e8;--accent-b:#36339b;--bg:#f4f5fb;--bg-tint:#ececfa;--surface:#fff;--surface-2:#f8f8fe;--line:#e7e7f3;--ink:#1b1a40;--ink-2:#4a4878;--muted:#8281ad;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--sh-sm:0 2px 8px #1b1a400f;--sh-md:0 10px 30px #1b1a401a;--sh-lg:0 24px 60px #1b1a4029;--sh-accent:0 14px 34px #4a44c957;--sh-pink:0 14px 34px #f5366e5c;--font-display:"Baloo 2", "Baloo Bhaijaan 2", system-ui, sans-serif;--font-body:"Cairo", system-ui, sans-serif;--maxw:1200px}[dir=rtl]{--font-display:"Baloo Bhaijaan 2", "Baloo 2", system-ui, sans-serif}[data-theme=dark]{--bg:#14123a;--bg-tint:#1b1850;--surface:#1f1c54;--surface-2:#262261;--line:#322d70;--ink:#f3f2ff;--ink-2:#c4c1ee;--muted:#9590d0;--accent:var(--indigo-400);--sh-sm:0 2px 8px #00000040;--sh-md:0 12px 32px #00000059;--sh-lg:0 24px 60px #00000073}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.05}p{margin:0;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:0;font-family:inherit}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:96px 0;position:relative}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--bg-tint);border-radius:var(--r-pill);align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.btn{font-family:var(--font-display);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:700;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--accent-a), var(--accent-b));box-shadow:var(--sh-accent)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 44px #4a44c973}.btn-pink{color:#fff;background:linear-gradient(135deg, #ff6a93, var(--pink));box-shadow:var(--sh-pink)}.btn-pink:hover{transform:translateY(-3px)}.btn-ghost{color:var(--ink);background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--sh-sm)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)}.btn-lg{padding:17px 36px;font-size:18px}.btn-sm{padding:10px 18px;font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.card-hover:hover{box-shadow:var(--sh-lg);transform:translateY(-6px)}.grad-text{background:linear-gradient(120deg, var(--accent-a), var(--teal));color:#0000;-webkit-background-clip:text;background-clip:text}.chip{color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}[dir=rtl] .rtl-flip{transform:scaleX(-1)}@keyframes floaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-22px)rotate(8deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes countPop{0%{opacity:0;transform:scale(1.6)}40%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}@keyframes growUp{0%{transform-origin:bottom;opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes confFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:.9;transform:translateY(620px)rotate(540deg)}}@keyframes spinSlow{to{transform:rotate(360deg)}}.anim-float{animation:7s ease-in-out infinite floaty}.anim-spin{animation:26s linear infinite spinSlow}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.cols-4{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.cols-3{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.cols-2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.split{grid-template-columns:1fr 1fr;gap:24px;display:grid}.split-main{grid-template-columns:1.7fr 1fr;gap:18px;display:grid}.split-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}.auto-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;display:grid}@media (max-width:1024px){.cols-4{grid-template-columns:repeat(2,1fr)}.split-main,.split-hero{grid-template-columns:1fr}}@media (max-width:760px){.cols-4,.cols-3,.cols-2,.split{grid-template-columns:1fr}}.dash-root{width:100%;min-height:100vh;display:flex}.dash-sidebar{flex-shrink:0;width:248px;height:100vh;position:sticky;top:0}.dash-menu-btn,.dash-scrim{display:none}.dash-main{flex:1;min-width:0;padding:28px 32px 40px}@media (max-width:760px){.dash-main{padding:20px 16px 32px}}@media (max-width:900px){.dash-sidebar{top:0;z-index:60;height:100vh;transition:transform .28s cubic-bezier(.22,1,.36,1);position:fixed;inset-inline-start:0;transform:translate(-110%)}[dir=rtl] .dash-sidebar{transform:translate(110%)}.dash-sidebar.open{transform:translate(0)}.dash-menu-btn{display:grid}.dash-scrim.open{z-index:55;background:#0006;display:block;position:fixed;inset:0}}.auth-split{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-form{padding:32px 48px}@media (max-width:880px){.auth-split{grid-template-columns:1fr}.auth-brand{display:none!important}.auth-form{padding:28px 22px}}.nav-toggle{display:none}@media (max-width:980px){.nav-links-desktop{display:none!important}.nav-toggle{display:grid!important}}@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr!important}}@media (max-width:860px){.section{padding:64px 0}.wrap{padding:0 18px}}@media (max-width:600px){.hide-sm{display:none!important}}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll>*{min-width:560px}.answer-tile{transition:transform .12s,box-shadow .12s,filter .12s}.answer-tile:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 12px 26px #1b1a4038}.answer-tile:active{transform:scale(.98)}.answer-tile img{pointer-events:none}.nickname-input{border:2px solid #0000;outline:none;transition:box-shadow .18s,border-color .18s;box-shadow:0 6px 18px #00000024}.nickname-input:focus{border-color:#46d6cf;box-shadow:0 0 0 4px #46d6cf66,0 10px 24px #0003}.nickname-input::placeholder{color:#a9a8c8;font-weight:600}.math{white-space:normal;line-height:1.25}.math sup,.math sub{font-size:.72em;line-height:0}