/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.-top-\[30\%\]{top:-30%}.top-\[20\%\]{top:20%}.top-\[45px\]{top:45px}.top-full{top:100%}.-right-\[10\%\]{right:-10%}.right-\[10\%\]{right:10%}.-left-\[10\%\]{left:-10%}.left-1\/2{left:50%}.left-\[10\%\]{left:10%}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[9\/19\]{aspect-ratio:9/19}.h-\[50\%\]{height:50%}.h-\[70\%\]{height:70%}.h-\[500px\]{height:500px}.h-full{height:100%}.max-h-\[600px\]{max-height:600px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-3\/4{width:75%}.w-\[50\%\]{width:50%}.w-\[70\%\]{width:70%}.w-full{width:100%}.max-w-\[80\%\]{max-width:80%}.min-w-\[140px\]{min-width:140px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.origin-\[0\]{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:3.40282e38px}.rounded-br-none{border-bottom-right-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[8px\]{border-style:var(--tw-border-style);border-width:8px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-t-transparent{border-top-color:#0000}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9IiNlNWFlN2ViIi8\+PC9zdmc\+\'\)\]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9IiNlNWFlN2ViIi8+PC9zdmc+)}.bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9IiM0ZjQ2ZTUiIGZpbGwtb3BhY2l0eT0iMC4yIi8\+PC9zdmc\+\'\)\]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9IiM0ZjQ2ZTUiIGZpbGwtb3BhY2l0eT0iMC4yIi8+PC9zdmc+)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.whitespace-nowrap{white-space:nowrap}.text-transparent{color:#0000}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.mix-blend-overlay{mix-blend-mode:overlay}.shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 20px 50px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:w-full:is(:where(.group):hover *){width:100%}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.peer-placeholder-shown\:scale-100:is(:where(.peer):placeholder-shown~*){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.peer-focus\:scale-75:is(:where(.peer):focus~*){--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:rotate-0:hover{rotate:0deg}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}:root{--p:#6c63ff;--s:#ff6584;--a:#43e97b;--y:#ffd166;--o:#ff9f43;--sky:#38bfff;--bg:#0d0d2b;--card:#16183a;--card2:#1e2050;--text:#f0f0ff;--muted:#9090bb;--border:#6c63ff40;--r:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:Nunito,sans-serif;overflow-x:hidden}button,input,select,textarea{font-family:Nunito,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--card)}::-webkit-scrollbar-thumb{background:var(--p);border-radius:3px}.screen{display:none}.screen.show{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes orbPulse{0%{box-shadow:0 0 #6c63ffb3}70%{box-shadow:0 0 0 15px #6c63ff00}to{box-shadow:0 0 #6c63ff00}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes botBob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-9px)rotate(4deg)}}@keyframes fnPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes arrowPulse{0%,to{opacity:.4;transform:translate(-2px)}50%{opacity:1;transform:translate(2px)}}@keyframes cgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes nnRing{0%{opacity:.4;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}@keyframes dataFlow{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes fbPop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes trophyBounce{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}@keyframes starPop{0%{opacity:0;transform:scale(0)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes xpFly{0%{opacity:0;transform:translateY(-16px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shapeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-24px)}}@keyframes gradShift{0%,to{background-position:0%}50%{background-position:100%}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.topnav{z-index:900;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0d0d2bf2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 28px;display:flex;position:sticky;top:0}.logo-row{cursor:pointer;align-items:center;gap:10px;display:flex}.logo-orb{background:linear-gradient(135deg,var(--p),var(--s));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;animation:2.5s ease-in-out infinite orbPulse;display:flex}.logo-name{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#6c63ff,#ff6584);-webkit-background-clip:text;font-family:Fredoka One;font-size:22px}.nav-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff12;border-radius:50px;padding:7px 14px;font-size:13px;font-weight:700;transition:all .2s}.nav-btn:hover,.nav-btn.act{background:var(--p);color:#fff;border-color:var(--p)}.nav-xp{color:var(--y);background:#ffd16626;border:1px solid #ffd1664d;border-radius:50px;padding:6px 12px;font-size:13px;font-weight:800}.nav-streak{color:var(--s);background:#ff65841f;border:1px solid #ff658440;border-radius:50px;padding:6px 12px;font-size:13px;font-weight:800}.nav-cta{background:linear-gradient(135deg,var(--p),var(--s));color:#fff;cursor:pointer;border:none;border-radius:50px;padding:8px 18px;font-size:13px;font-weight:800}#loginScreen{background:radial-gradient(80% 60% at 50% 30%,#6c63ff2e,#0000 70%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}#loginScreen.show{display:flex}.login-box{background:var(--card);border:1px solid var(--border);border-radius:24px;width:100%;max-width:420px;padding:36px 32px;box-shadow:0 20px 60px #6c63ff33}.login-logo{text-align:center;margin-bottom:24px}.login-orb{background:linear-gradient(135deg,var(--p),var(--s));border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:8px;font-size:28px;animation:2.5s ease-in-out infinite orbPulse;display:inline-flex}.login-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#6c63ff,#ff6584);-webkit-background-clip:text;font-family:Fredoka One;font-size:26px}.login-sub{color:var(--muted);margin-top:3px;font-size:13px;font-weight:600}.role-tabs{grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:20px;display:grid}.role-tab{border:2px solid var(--border);color:var(--muted);cursor:pointer;text-align:center;background:0 0;border-radius:11px;padding:9px;font-size:12px;font-weight:800;transition:all .2s}.role-tab.act{border-color:var(--p);color:var(--p);background:#6c63ff26}.inp-group{margin-bottom:14px}.inp-label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.inp{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0d;border-radius:11px;outline:none;padding:12px 14px;font-size:14px;font-weight:600;transition:border-color .2s}.inp:focus{border-color:var(--p)}.inp::placeholder{color:var(--muted)}.login-btn{background:linear-gradient(135deg,var(--p),var(--s));color:#fff;cursor:pointer;border:none;border-radius:11px;width:100%;margin-top:6px;padding:13px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #6c63ff80}.login-link{text-align:center;color:var(--muted);margin-top:14px;font-size:13px;font-weight:600}.login-link span{color:var(--p);cursor:pointer;font-weight:800}.demo-row{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.demo-pill{border:1px solid var(--border);min-width:70px;color:var(--muted);cursor:pointer;text-align:center;background:#ffffff0d;border-radius:9px;flex:1;padding:8px;font-size:11px;font-weight:700;transition:all .2s}.demo-pill:hover{border-color:var(--a);color:var(--a)}.hero{text-align:center;justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:60px 24px 40px;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(80% 60% at 50% 20%,#6c63ff2e,#0000 70%),radial-gradient(40% 40% at 80% 70%,#ff65841f,#0000 60%);position:absolute;inset:0}.floating-shapes{pointer-events:none;position:absolute;inset:0}.shape{opacity:.06;border-radius:50%;animation:6s ease-in-out infinite shapeFloat;position:absolute}.shape:first-child{background:var(--p);width:280px;height:280px;top:-60px;left:-60px}.shape:nth-child(2){background:var(--s);width:180px;height:180px;animation-delay:1.5s;bottom:10%;right:-30px}.shape:nth-child(3){background:var(--a);width:140px;height:140px;animation-delay:3s;top:40%;left:3%}.shape:nth-child(4){background:var(--y);width:90px;height:90px;animation-delay:.8s;top:20%;right:12%}.hero-inner{z-index:1;max-width:780px;position:relative}.hero-badge{border:1px solid var(--border);color:var(--p);background:#6c63ff26;border-radius:50px;align-items:center;gap:8px;margin-bottom:22px;padding:8px 18px;font-size:13px;font-weight:700;animation:.6s both fadeUp;display:inline-flex}.hero-h1{margin-bottom:16px;font-family:Fredoka One;font-size:clamp(36px,7vw,78px);line-height:1.05;animation:.7s .1s both fadeUp}.grad{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#6c63ff,#ff6584,#43e97b) 0 0/200%;-webkit-background-clip:text;animation:4s infinite gradShift}.hero-sub{color:var(--muted);max-width:560px;margin:0 auto 28px;font-size:16px;font-weight:600;line-height:1.75;animation:.7s .2s both fadeUp}.hero-btns{flex-wrap:wrap;justify-content:center;gap:12px;animation:.7s .3s both fadeUp;display:flex}.btn-p{background:linear-gradient(135deg,var(--p),var(--s));color:#fff;cursor:pointer;border:none;border-radius:50px;padding:13px 30px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s}.btn-p:hover{transform:translateY(-3px);box-shadow:0 10px 26px #6c63ff80}.btn-s{color:var(--text);border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:50px;padding:13px 28px;font-size:15px;font-weight:800;transition:all .2s}.btn-s:hover{border-color:var(--p);background:#6c63ff14}.hero-stats{flex-wrap:wrap;justify-content:center;gap:28px;margin-top:44px;animation:.7s .4s both fadeUp;display:flex}.stat{text-align:center}.stat-num{background:linear-gradient(135deg,var(--p),var(--a));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Fredoka One;font-size:30px}.stat-label{color:var(--muted);font-size:12px;font-weight:700}.sect-pad{padding:60px 24px}.sect-label{letter-spacing:3px;text-transform:uppercase;color:var(--p);margin-bottom:8px;font-size:11px;font-weight:800}.sect-title{margin-bottom:10px;font-family:Fredoka One;font-size:clamp(24px,4vw,40px);line-height:1.15}.sect-sub{color:var(--muted);max-width:540px;font-size:15px;font-weight:600;line-height:1.7}.class-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:28px;display:grid}.class-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;text-align:center;padding:22px 18px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.class-card:before{content:"";background:var(--cc-accent,linear-gradient(90deg,var(--p),var(--s)));height:3px;position:absolute;top:0;left:0;right:0}.class-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px #6c63ff33}.cc-emoji{margin-bottom:8px;font-size:40px;animation:3s ease-in-out infinite iconFloat;display:block}.cc-level{letter-spacing:1.5px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800}.cc-title{margin-bottom:5px;font-family:Fredoka One;font-size:18px}.cc-desc{color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:600;line-height:1.5}.cc-btn{cursor:pointer;border:none;border-radius:9px;width:100%;padding:9px;font-size:12px;font-weight:800;transition:transform .2s}.cc-btn:hover{transform:translateY(-1px)}.feat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:32px;display:grid}.feat-card{background:var(--card2);border:1px solid var(--border);border-radius:var(--r);padding:24px 20px;transition:transform .25s}.feat-card:hover{transform:translateY(-3px)}.feat-icon{margin-bottom:12px;font-size:32px}.feat-title{margin-bottom:7px;font-family:Fredoka One;font-size:18px}.feat-desc{color:var(--muted);font-size:13px;font-weight:600;line-height:1.65}.dash-wrap{max-width:1060px;margin:0 auto;padding:24px}.dash-title{margin-bottom:3px;font-family:Fredoka One;font-size:24px}.dash-sub{color:var(--muted);margin-bottom:22px;font-size:13px;font-weight:600}.stat-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:22px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);text-align:center;padding:16px}.sc-icon{margin-bottom:5px;font-size:26px}.sc-val{background:linear-gradient(135deg,var(--p),var(--a));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Fredoka One;font-size:22px}.sc-label{color:var(--muted);font-size:11px;font-weight:700}.streak-card{background:linear-gradient(135deg,#ff65841f,#ffd1660f);border-color:#ff65844d}.streak-dots{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px;display:flex}.sd-dot{border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.sd-done{background:linear-gradient(135deg,var(--s),var(--y));color:#0d0d2b}.sd-today{border:2px solid var(--s);color:var(--s);background:#ff658433}.sd-future{color:var(--muted);background:#ffffff0f}.sec-hd{align-items:center;gap:7px;margin-bottom:13px;font-family:Fredoka One;font-size:19px;display:flex}.my-classes{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;margin-bottom:24px;display:grid}.my-cls-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;padding:18px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.my-cls-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #6c63ff2e}.mcc-emoji{margin-bottom:7px;font-size:32px;display:block}.mcc-level{letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:800}.mcc-name{margin-bottom:7px;font-family:Fredoka One;font-size:16px}.prog-bar{background:#ffffff14;border-radius:3px;height:5px;margin-bottom:5px;overflow:hidden}.prog-fill{background:linear-gradient(90deg,var(--p),var(--a));border-radius:3px;height:100%;transition:width .5s}.prog-txt{color:var(--muted);font-size:11px;font-weight:700}.mcc-start{background:linear-gradient(135deg,var(--p),var(--s));color:#fff;cursor:pointer;border:none;border-radius:9px;width:100%;margin-top:9px;padding:8px;font-size:12px;font-weight:800;transition:transform .2s}.mcc-start:hover{transform:translateY(-1px)}.continue-list{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.cont-item{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:13px;align-items:center;gap:12px;padding:13px 15px;transition:all .2s;display:flex}.cont-item:hover{border-color:var(--p);background:#6c63ff12}.ci-icon{flex-shrink:0;font-size:22px}.ci-title{margin-bottom:2px;font-size:13px;font-weight:800}.ci-sub{color:var(--muted);font-size:11px;font-weight:600}.ci-arr{color:var(--p);flex-shrink:0;margin-left:auto;font-weight:900}.bot-fab{z-index:800;background:linear-gradient(135deg,var(--p),var(--s));cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 30px #6c63ff99}.bot-fab:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 12px 40px #6c63ffcc}.bot-fab:active{transform:scale(.9)}.anim-pulse-glow{animation:2s infinite orbPulse}.t-tabs{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.t-tab{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:50px;padding:8px 16px;font-size:12px;font-weight:800;transition:all .2s}.t-tab.act{background:var(--p);color:#fff;border-color:var(--p)}.t-panel{display:none}.t-panel.act{display:block}.t-table{border-collapse:collapse;background:var(--card);border-radius:var(--r);border:1px solid var(--border);width:100%;font-size:12px;overflow:hidden}.t-table th{text-align:left;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);background:#6c63ff1f;padding:11px 14px;font-weight:800}.t-table td{border-top:1px solid var(--border);padding:11px 14px;font-weight:600}.t-table tr:hover td{background:#ffffff05}.pm-wrap{align-items:center;gap:7px;display:flex}.pm{background:#ffffff14;border-radius:3px;width:70px;height:5px;display:inline-block;overflow:hidden}.pm-fill{background:linear-gradient(90deg,var(--p),var(--a));border-radius:3px;height:100%}.chip{border-radius:20px;align-items:center;padding:2px 9px;font-size:10px;font-weight:800;display:inline-flex}.ch-g{color:var(--a);background:#43e97b26;border:1px solid #43e97b4d}.ch-y{color:var(--y);background:#ffd1661f;border:1px solid #ffd1664d}.ch-r{color:var(--s);background:#ff65841f;border:1px solid #ff65844d}.a-form{background:var(--card);border:1px solid var(--border);border-radius:var(--r);margin-bottom:18px;padding:20px}.a-form-title{margin-bottom:14px;font-family:Fredoka One;font-size:17px}.form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.fl{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.fi{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0d;border-radius:9px;outline:none;padding:9px 12px;font-size:13px;font-weight:600}.fi:focus{border-color:var(--p)}.f-btn{background:linear-gradient(135deg,var(--p),var(--s));color:#fff;cursor:pointer;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:800;transition:transform .2s}.f-btn:hover{transform:translateY(-1px)}.anl-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:20px;display:grid}.anl-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:18px}.anl-val{background:linear-gradient(135deg,var(--p),var(--a));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Fredoka One;font-size:28px}.anl-label{color:var(--muted);margin-top:3px;font-size:12px;font-weight:700}.anl-chg{margin-top:4px;font-size:11px;font-weight:800}.anl-up{color:var(--a)}.anl-dn{color:var(--s)}.upload-zone{border:2px dashed var(--border);border-radius:var(--r);text-align:center;cursor:pointer;margin-bottom:18px;padding:32px;transition:all .2s}.upload-zone:hover{border-color:var(--p);background:#6c63ff0a}.wl-box{border:1px solid var(--border);border-radius:var(--r);background:linear-gradient(135deg,#6c63ff1a,#ff65840d);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;padding:20px;display:flex}.wl-logo{background:var(--card2);border:1px solid var(--border);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:28px;display:flex}.wl-title{margin-bottom:5px;font-family:Fredoka One;font-size:18px}.wl-sub{color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:600}#learnScreen.show{flex-direction:column;height:100vh;display:flex;overflow:hidden}.learn-bar{border-bottom:1px solid var(--border);background:#0d0d2bfa;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:11px 18px;display:flex}.learn-back{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff14;border-radius:50px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .2s}.learn-back:hover{background:#6c63ff33}.learn-cname{font-family:Fredoka One;font-size:16px}.learn-badge{border-radius:50px;padding:3px 11px;font-size:10px;font-weight:800}.lp-wrap{align-items:center;gap:7px;margin-left:auto;display:flex}.lp-bar{background:#ffffff14;border-radius:3px;width:80px;height:6px;overflow:hidden}.lp-fill{background:linear-gradient(90deg,var(--p),var(--a));border-radius:3px;height:100%;transition:width .5s}.lp-pct{color:var(--a);font-size:11px;font-weight:800}.learn-xp-disp{color:var(--y);background:#ffd16626;border:1px solid #ffd1664d;border-radius:50px;padding:4px 10px;font-size:11px;font-weight:800}.learn-layout{flex:1;min-height:0;display:flex;overflow:hidden}.lsb{background:var(--card);border-right:1px solid var(--border);flex-shrink:0;width:248px;min-width:248px;overflow-y:auto}.lsb-inner{padding:12px}.lsb-hd{letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:5px 3px 7px;font-size:10px;font-weight:800}.lsb-sbj{margin-bottom:2px}.lsb-sbj-btn{width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 11px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.lsb-sbj-btn:hover{color:var(--text);background:#ffffff0a}.lsb-sbj-btn.open{color:var(--p);background:#6c63ff1f}.lsb-chev{flex-shrink:0;font-size:10px;transition:transform .2s}.lsb-sbj-btn.open .lsb-chev{transform:rotate(180deg)}.lsb-chs{padding:2px 0 3px 14px;display:none}.lsb-chs.open{display:block}.lsb-ch{width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 9px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.lsb-ch:hover{color:var(--text);background:#ffffff0a}.lsb-ch.lact{color:var(--a);background:#43e97b1a}.lsb-ch.ldone .done-mk{display:inline}.done-mk{color:var(--a);margin-left:auto;font-size:10px;display:none}.lsb-xp{color:var(--y);background:#ffd1661a;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:800}.lsb-stats{background:var(--card2);border:1px solid var(--border);border-radius:11px;margin-top:12px;padding:11px}.lsb-sr{justify-content:space-between;margin-bottom:5px;font-size:11px;font-weight:700;display:flex}.lsb-sv{color:var(--y);font-weight:800}.ch-sel{padding:24px;animation:.3s fadeUp}.chs-title{margin-bottom:5px;font-family:Fredoka One;font-size:26px}.chs-sub{color:var(--muted);margin-bottom:24px;font-size:13px;font-weight:600;line-height:1.6}.chs-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.chs-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:20px;transition:transform .25s,box-shadow .25s}.chs-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #6c63ff2e}.chs-card-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.chs-icon{font-size:28px}.chs-name{font-family:Fredoka One;font-size:15px}.chs-sub{color:var(--muted);font-size:11px;font-weight:700}.chs-desc{color:var(--muted);margin-bottom:13px;font-size:12px;font-weight:600;line-height:1.6}.chs-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chs-pill{color:var(--muted);background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;padding:2px 9px;font-size:10px;font-weight:700}.START-BTN{background:linear-gradient(135deg,var(--p),var(--s));color:#fff;cursor:pointer;letter-spacing:.3px;border:none;border-radius:12px;width:100%;padding:13px;font-size:15px;font-weight:900;transition:transform .2s,box-shadow .2s}.START-BTN:hover{transform:translateY(-2px);box-shadow:0 8px 22px #6c63ff8c}.START-BTN:disabled{color:var(--muted);cursor:default;box-shadow:none;background:#ffffff1a;transform:none}.START-BTN.done-btn{background:linear-gradient(135deg,var(--a),var(--sky));color:#0d0d2b}.slide-view{flex-direction:column;height:100%;display:flex}.sv-content{flex:1;padding:22px;overflow-y:auto}.sv-tag{letter-spacing:2px;text-transform:uppercase;color:var(--sky);margin-bottom:6px;font-size:10px;font-weight:800}.sv-title{margin-bottom:8px;font-family:Fredoka One;font-size:clamp(20px,3.5vw,28px);line-height:1.2}.sv-intro{color:var(--muted);max-width:680px;margin-bottom:18px;font-size:13px;font-weight:600;line-height:1.8}.sv-dots{align-items:center;gap:4px;margin-bottom:16px;display:flex}.sp-dot{cursor:pointer;background:#ffffff1a;border-radius:3px;flex:1;min-width:6px;height:5px;transition:all .3s}.sp-dot.sp-done{background:var(--a)}.sp-dot.sp-active{background:var(--p);flex:2}.sp-label{color:var(--muted);white-space:nowrap;margin-left:7px;font-size:10px;font-weight:700}.bot-block{border:1px solid var(--border);background:linear-gradient(135deg,#6c63ff17,#ff65840a);border-radius:16px;align-items:flex-start;gap:14px;margin-bottom:16px;padding:18px;display:flex;position:relative;overflow:hidden}.bot-block:before{content:"";background:linear-gradient(90deg,var(--p),var(--s),var(--a));height:2px;position:absolute;top:0;left:0;right:0}.bot-av{border-radius:50%;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;font-size:22px;animation:2.5s ease-in-out infinite botBob;display:flex;box-shadow:0 5px 18px #0006}.bav-a{background:linear-gradient(135deg,var(--p),var(--s))}.bav-b{background:linear-gradient(135deg,var(--a),var(--sky))}.bav-c{background:linear-gradient(135deg,var(--y),var(--o))}.bav-d{background:linear-gradient(135deg,var(--sky),var(--p))}.bot-speech{flex:1;min-width:0}.bot-name{letter-spacing:1.5px;text-transform:uppercase;color:var(--p);margin-bottom:6px;font-size:10px;font-weight:800}.bot-txt{font-size:13px;font-weight:600;line-height:1.85}.bot-txt .hi{color:var(--a);font-weight:800}.bot-txt .em{color:var(--y);font-weight:800}.bot-txt .hot{color:var(--s);font-weight:800}.bot-txt .cool{color:var(--sky);font-weight:800}.callout{border-radius:11px;align-items:flex-start;gap:9px;margin:11px 0;padding:11px 13px;font-size:12px;font-weight:600;line-height:1.6;display:flex}.cal-tip{border-left:3px solid var(--y);background:#ffd16614}.cal-info{border-left:3px solid var(--sky);background:#38bfff12}.cal-warn{border-left:3px solid var(--s);background:#ff658412}.cal-icon{flex-shrink:0;margin-top:1px;font-size:15px}.flow-box{background:var(--card);border:1px solid var(--border);border-radius:15px;margin-bottom:16px;padding:16px}.flow-hd{align-items:center;gap:6px;margin-bottom:12px;font-family:Fredoka One;font-size:14px;display:flex}.flow-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.fn{text-align:center;border-radius:11px;min-width:74px;padding:10px 12px;animation:.35s cubic-bezier(.34,1.56,.64,1) both fnPop}.fn-i{margin-bottom:4px;font-size:20px;display:block}.fn-l{font-size:10px;font-weight:800;line-height:1.3}.fn-s{color:var(--muted);margin-top:1px;font-size:9px;font-weight:600}.fn-blue{background:#6c63ff26;border:1px solid #6c63ff4d}.fn-green{background:#43e97b1f;border:1px solid #43e97b4d}.fn-pink{background:#ff65841f;border:1px solid #ff65844d}.fn-yellow{background:#ffd1661f;border:1px solid #ffd1664d}.fn-sky{background:#38bfff1f;border:1px solid #38bfff4d}.fa{color:var(--p);flex-shrink:0;font-size:16px;font-weight:900;animation:1.5s ease-in-out infinite arrowPulse}.cg{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px;margin-bottom:16px;display:grid}.cg-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:11px;padding:13px;transition:all .2s}.cg-card:hover{border-color:var(--p);transform:translateY(-3px)}.cg-em{margin-bottom:5px;font-size:24px;animation:3s ease-in-out infinite cgFloat;display:block}.cg-l{margin-bottom:3px;font-size:11px;font-weight:800}.cg-d{color:var(--muted);font-size:10px;font-weight:600;line-height:1.5}.rl-hd{color:var(--sky);align-items:center;gap:6px;margin-bottom:11px;font-family:Fredoka One;font-size:16px;display:flex}.rl-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin-bottom:16px;display:grid}.rl-card{background:var(--card2);border:1px solid var(--border);border-radius:11px;padding:13px;transition:transform .2s}.rl-card:hover{transform:translateY(-3px)}.rl-ic{margin-bottom:6px;font-size:22px;display:block}.rl-nm{margin-bottom:2px;font-size:11px;font-weight:800}.rl-ds{color:var(--muted);font-size:10px;font-weight:600;line-height:1.5}.deep-box{background:var(--card);border:1px solid var(--border);border-radius:15px;margin-bottom:16px;padding:18px}.deep-sec{margin-bottom:14px}.deep-sec:last-child{margin-bottom:0}.deep-hd{margin-bottom:6px;font-family:Fredoka One;font-size:15px}.deep-p{color:var(--muted);font-size:12px;font-weight:600;line-height:1.85}.deep-p strong{color:var(--text)}.code-block{background:#060614;border:1px solid #6c63ff4d;border-radius:13px;margin-bottom:16px;overflow:hidden}.code-hdr{background:#6c63ff14;border-bottom:1px solid #6c63ff33;align-items:center;gap:5px;padding:8px 13px;display:flex}.cd{border-radius:50%;width:8px;height:8px}.code-fname{color:var(--muted);margin-left:auto;font-size:11px;font-weight:700}.code-body{white-space:pre;padding:14px;font-family:Courier New,monospace;font-size:12px;line-height:1.9;overflow-x:auto}.c-cmt{color:#6b7280}.c-kw{color:#a855f7}.c-str{color:#43e97b}.c-fn{color:#ffd166}.c-var{color:#38bfff}.c-num{color:#ff9f43}.c-out{color:#f0f0ff;opacity:.8}.nn-vis{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:14px;display:flex}.nn-col{flex-direction:column;align-items:center;gap:6px;display:flex}.nn-node{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:7px;font-weight:800;display:flex;position:relative}.nn-node:after{content:"";opacity:0;border:2px solid;border-radius:50%;animation:2s ease-in-out infinite nnRing;position:absolute;inset:-3px}.nn-in{border:2px solid var(--a);color:var(--a);background:#43e97b33}.nn-h1{border:2px solid var(--p);color:var(--p);background:#6c63ff33}.nn-h2{border:2px solid var(--sky);color:var(--sky);background:#38bfff33}.nn-out{border:2px solid var(--s);color:var(--s);background:#ff658433}.nn-lbl{color:var(--muted);text-align:center;margin-top:4px;font-size:9px;font-weight:800;line-height:1.3}.nn-arrows{flex-direction:column;justify-content:space-around;gap:4px;padding:0 2px;display:flex}.nn-arr{background:linear-gradient(90deg,var(--p),transparent);border-radius:1px;width:18px;height:2px;animation:1.5s linear infinite dataFlow}.quiz-box{background:linear-gradient(135deg,#6c63ff14,#ff65840a);border:1px solid #6c63ff40;border-radius:16px;margin-bottom:16px;padding:20px}.quiz-top{align-items:center;gap:7px;margin-bottom:14px;display:flex}.quiz-icon-big{font-size:20px}.quiz-ttl{font-family:Fredoka One;font-size:19px}.quiz-cnt{color:var(--muted);background:#ffffff0f;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700}.q-block{margin-bottom:20px}.q-text{margin-bottom:11px;font-size:13px;font-weight:700;line-height:1.6}.q-opts{flex-direction:column;gap:7px;display:flex}.q-opt{cursor:pointer;text-align:left;color:var(--text);appearance:none;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:10px;align-items:center;gap:9px;width:100%;padding:10px 13px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;transition:all .2s;display:flex}.q-opt:hover:not([disabled]){border-color:var(--p);background:#6c63ff1f;transform:translate(3px)}.q-opt.correct{border-color:var(--a)!important;color:var(--a)!important;background:#43e97b26!important}.q-opt.wrong{border-color:var(--s)!important;color:var(--s)!important;background:#ff65841f!important}.q-opt[disabled]{cursor:default}.opt-l{background:#ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:800;display:flex}.q-fb{border-radius:9px;margin-top:9px;padding:10px 13px;font-size:12px;font-weight:700;line-height:1.6;animation:.3s fbPop;display:none}.q-fb.show{display:block}.fb-ok{color:var(--a);background:#43e97b1f;border:1px solid #43e97b4d}.fb-no{color:var(--s);background:#ff65841a;border:1px solid #ff65844d}.slide-nav{border-top:1px solid var(--border);background:#0d0d2bf7;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex;position:sticky;bottom:0}.sn-info{color:var(--muted);flex-shrink:0;font-size:12px;font-weight:700}.sn-btns{gap:8px;display:flex}.SN-PREV{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff14;border-radius:50px;align-items:center;gap:5px;padding:11px 20px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.SN-PREV:hover{border-color:var(--p);color:var(--text)}.SN-NEXT{background:linear-gradient(135deg,var(--p),var(--s));color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:5px;padding:11px 26px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex}.SN-NEXT:hover{transform:translateY(-2px);box-shadow:0 7px 20px #6c63ff80}.SN-DONE{background:linear-gradient(135deg,var(--a),var(--sky));color:#0d0d2b;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:5px;padding:11px 26px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex}.SN-DONE:hover{transform:translateY(-2px);box-shadow:0 7px 20px #43e97b80}.comp-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 22px;animation:.4s fadeUp;display:flex}.comp-trophy{margin-bottom:13px;font-size:68px;animation:.5s cubic-bezier(.34,1.56,.64,1) both trophyBounce}.comp-title{background:linear-gradient(135deg,var(--y),var(--o));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-family:Fredoka One;font-size:30px}.comp-sub{color:var(--muted);max-width:420px;margin-bottom:18px;font-size:14px;font-weight:600;line-height:1.7}.comp-xp{color:var(--y);background:linear-gradient(135deg,#ffd16633,#ff9f431a);border:1px solid #ffd16666;border-radius:50px;align-items:center;gap:7px;margin-bottom:18px;padding:10px 24px;font-size:19px;font-weight:800;display:inline-flex}.comp-stars{justify-content:center;gap:7px;margin-bottom:18px;display:flex}.comp-star{font-size:26px;animation:.4s cubic-bezier(.34,1.56,.64,1) both starPop}.comp-star:nth-child(2){animation-delay:.15s}.comp-star:nth-child(3){animation-delay:.3s}.comp-acts{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.comp-next{background:linear-gradient(135deg,var(--p),var(--s));color:#fff;cursor:pointer;border:none;border-radius:50px;padding:12px 26px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s}.comp-next:hover{transform:translateY(-2px);box-shadow:0 7px 20px #6c63ff80}.comp-back{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff12;border-radius:50px;padding:12px 26px;font-size:13px;font-weight:800;transition:all .2s}.comp-back:hover{border-color:var(--p);color:var(--text)}.cert-box{border-radius:var(--r);text-align:center;background:linear-gradient(135deg,#ffd16614,#6c63ff14);border:1px solid #ffd1664d;max-width:400px;margin-bottom:18px;padding:20px}.cert-title{color:var(--y);margin-bottom:4px;font-family:Fredoka One;font-size:16px}.cert-sub{color:var(--muted);font-size:12px;font-weight:600}#xpPop{z-index:9999;background:linear-gradient(135deg,var(--y),var(--o));color:#0d0d2b;border-radius:50px;padding:9px 19px;font-size:16px;font-weight:800;animation:.4s cubic-bezier(.34,1.56,.64,1) xpFly;display:none;position:fixed;top:76px;right:18px;box-shadow:0 7px 22px #ffd16699}@media (width<=600px){.topnav{padding:11px 13px}.lsb{display:none}.form-row{grid-template-columns:1fr}.fn{min-width:60px;padding:8px 9px}.fn-i{font-size:17px}.cg,.rl-grid{grid-template-columns:1fr 1fr}.hero-h1{font-size:32px}.class-cards{grid-template-columns:1fr 1fr}.sv-content{padding:14px}.slide-nav{padding:9px 12px}.SN-NEXT,.SN-DONE{padding:10px 18px;font-size:12px}.SN-PREV{padding:10px 14px;font-size:12px}.doubt-panel{width:calc(100vw - 30px);right:15px}.hero-stats{gap:18px}.bot-block{flex-direction:column;gap:9px}.bot-av{width:46px;height:46px;font-size:20px}.nn-node{width:24px;height:24px;font-size:6px}}@media (width<=360px){.class-cards,.cg,.rl-grid{grid-template-columns:1fr}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}