@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--glass-bg:color-mix(in oklch, var(--surface) 62%, transparent);--glass-border:#ffffffb3;--glass-highlight:inset 0 1px 0 #ffffffbf;--aurora-1:#45d0c04d;--aurora-2:#fea47c4d;--aurora-3:#83dc9752}@supports (color:lab(0% 0 0)){:root{--glass-border:lab(100% 0 0/.7);--glass-highlight:inset 0 1px 0 lab(100% 0 0/.75);--aurora-1:lab(75.9368% -41.528 -3.45463/.3);--aurora-2:lab(76.0389% 31.0794 35.5137/.3);--aurora-3:lab(80.7905% -38.9231 25.3083/.32)}}.dark{--glass-bg:color-mix(in oklch, var(--surface) 55%, transparent);--glass-border:#ffffff17;--glass-highlight:inset 0 1px 0 #ffffff0f;--aurora-1:#0074696b;--aurora-2:#9e44214d;--aurora-3:#13773847}@supports (color:lab(0% 0 0)){.dark{--glass-border:lab(100% 0 0/.09);--glass-highlight:inset 0 1px 0 lab(100% 0 0/.06);--aurora-1:lab(43.3345% -38.5724 -3.12364/.42);--aurora-2:lab(40.9725% 37.1098 39.0125/.3);--aurora-3:lab(43.6193% -39.4536 26.2495/.28)}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow-md)}.aurora{pointer-events:none;position:absolute;inset:0;overflow:hidden}.aurora>span{filter:blur(64px);will-change:transform;border-radius:9999px;position:absolute}.aurora>span:first-child{background:var(--aurora-1);width:42rem;height:42rem;animation:22s ease-in-out infinite alternate aurora-a;top:-18rem;left:-12rem}.aurora>span:nth-child(2){background:var(--aurora-2);width:36rem;height:36rem;animation:26s ease-in-out infinite alternate aurora-b;top:-10rem;right:-10rem}.aurora>span:nth-child(3){background:var(--aurora-3);width:30rem;height:30rem;animation:30s ease-in-out infinite alternate aurora-c;top:14rem;left:35%}@keyframes aurora-a{to{transform:translate(8rem,6rem)scale(1.15)}}@keyframes aurora-b{to{transform:translate(-10rem,8rem)scale(.9)}}@keyframes aurora-c{to{transform:translate(-6rem,-5rem)scale(1.2)}}.text-shimmer{background-image:linear-gradient(100deg, var(--primary), var(--brand-2), var(--primary-hover), var(--primary));-webkit-text-fill-color:transparent;color:#0000;background-position:0%;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite alternate shimmer-pan}@keyframes shimmer-pan{to{background-position:100%}}.glow-border{background:conic-gradient(from var(--glow-angle), transparent 0deg, var(--primary) 70deg, var(--brand-2) 140deg, transparent 220deg, var(--ai) 300deg, transparent 360deg);border-radius:1.15rem;padding:1.5px;animation:9s linear infinite glow-spin;position:relative}.glow-border:before{content:"";z-index:-1;border-radius:inherit;background:inherit;filter:blur(30px);opacity:.35;position:absolute;inset:-14px}@keyframes glow-spin{to{--glow-angle:360deg}}.lift{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.spotlight{isolation:isolate;position:relative}.spotlight:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,-40%), color-mix(in oklch, var(--primary) 16%, transparent), transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.spotlight:hover:after{opacity:1}.float{animation:6s ease-in-out infinite float-y;animation-delay:var(--delay,0s)}.float-slow{animation:9s ease-in-out infinite float-y;animation-delay:var(--delay,0s)}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.drift{animation:18s ease-in-out infinite alternate drift;animation-delay:var(--delay,0s)}@keyframes drift{to{transform:translate(var(--dx,20px), var(--dy,-30px)) rotate(var(--dr,12deg))}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal{animation:linear both reveal-up;animation-timeline:view();animation-range:entry 5% cover 28%}.reveal-scale{animation:linear both reveal-scale;animation-timeline:view();animation-range:entry 5% cover 32%}.scroll-progress{transform-origin:top;animation:linear both grow-y;animation-timeline:view();animation-range:cover 5% cover 60%}}}@keyframes reveal-up{0%{opacity:0;transform:translateY(28px)}}@keyframes reveal-scale{0%{opacity:0;transform:translateY(24px)scale(.96)}}@keyframes grow-y{0%{transform:scaleY(0)}}.enter{animation:.9s cubic-bezier(.2,.8,.2,1) both enter-up;animation-delay:var(--delay,0s)}@keyframes enter-up{0%{opacity:0;transform:translateY(18px)}}.marquee{width:max-content;animation:marquee var(--marquee-duration,60s) linear infinite;display:flex}.marquee-reverse{animation-direction:reverse}.marquee-wrap:hover .marquee{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw-stroke var(--draw-duration,1.2s) cubic-bezier(.6, 0, .3, 1) forwards;animation-delay:var(--delay,0s)}@keyframes draw-stroke{to{stroke-dashoffset:0}}.write{clip-path:inset(-20% 100% -20% 0);animation:write-in var(--write-duration,1.1s) steps(26, end) forwards;animation-delay:var(--delay,0s)}@keyframes write-in{to{clip-path:inset(-20% 0)}}.fade-in{opacity:0;animation:.6s forwards fade-in;animation-delay:var(--delay,0s)}@keyframes fade-in{to{opacity:1}}.pop-in{opacity:0;animation:.5s cubic-bezier(.3,1.6,.5,1) forwards pop-in;animation-delay:var(--delay,0s);transform:scale(.6)}@keyframes pop-in{to{opacity:1;transform:scale(1)}}.scan-beam{inset-inline:0;background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--ai) 20%, transparent), transparent);border-bottom:1px solid color-mix(in oklch, var(--ai) 55%, transparent);pointer-events:none;height:30%;animation:2.6s ease-in-out infinite scan;position:absolute;top:-30%}@keyframes scan{to{top:100%}}.fill-x{transform-origin:0;animation:fill-x var(--fill-duration,2.4s) linear forwards}@keyframes fill-x{0%{transform:scaleX(0)}}.shake{animation:.45s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.confetti>i{opacity:0;pointer-events:none;width:7px;height:7px;animation:1s cubic-bezier(.1,.7,.3,1) forwards confetti;animation-delay:var(--delay,0s);border-radius:2px;position:absolute;top:50%;left:50%}@keyframes confetti{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(var(--r))}}.pulse-ring:not(.absolute):not(.fixed){position:relative}.pulse-ring:after{content:"";background:currentColor;border-radius:9999px;animation:2s cubic-bezier(.2,.6,.4,1) infinite pulse-ring;position:absolute;inset:0}@keyframes pulse-ring{to{opacity:0;transform:scale(2.6)}}.spin-slow{animation:40s linear infinite spin}.spin-slower{animation:70s linear infinite reverse spin}@keyframes spin{to{transform:rotate(360deg)}}.link-underline{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1.5px;transition:background-size .3s,color .2s}.link-underline:hover,.link-underline[aria-current=page]{background-size:100% 1.5px}.sheen{position:relative;overflow:hidden}.sheen:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);background:linear-gradient(110deg,#0000 30%,lab(100% 0 0/.35) 50%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.sheen:hover:after{transform:translate(120%)}.wb-write,.wb-draw,.wb-pop{animation-duration:9s;animation-iteration-count:infinite;animation-fill-mode:backwards;animation-delay:calc(var(--i,0) * .85s)}.wb-write{animation-name:wb-write;animation-timing-function:steps(18,end)}.wb-draw{stroke-dasharray:1;animation-name:wb-draw;animation-timing-function:ease-in-out}.wb-pop{animation-name:wb-pop;animation-timing-function:cubic-bezier(.3,1.6,.5,1)}@keyframes wb-write{0%{clip-path:inset(-25% 100% -25% 0);opacity:1}9%,78%{clip-path:inset(-25% 0);opacity:1}90%,to{clip-path:inset(-25% 0);opacity:0}}@keyframes wb-draw{0%{stroke-dashoffset:1px;opacity:1}9%,70%{stroke-dashoffset:0;opacity:1}82%,to{stroke-dashoffset:0;opacity:0}}@keyframes wb-pop{0%{opacity:0;transform:scale(.6)}6%,70%{opacity:1;transform:scale(1)}80%,to{opacity:0;transform:scale(1)}}.diag-bar{transform-origin:0;animation:6s cubic-bezier(.2,.8,.2,1) infinite diag-bar;animation-delay:calc(var(--i,0) * .15s);animation-fill-mode:backwards}@keyframes diag-bar{0%{transform:scaleX(0)}25%,85%{transform:scaleX(1)}to{transform:scaleX(0)}}.typing-dot{animation:1.2s ease-in-out infinite typing-dot;display:inline-block}@keyframes typing-dot{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}[data-sonner-toast].learnera-toast{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);overflow:hidden;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-highlight), var(--shadow-lg)!important;color:var(--foreground)!important;border-radius:1rem!important;padding:14px 40px 14px 18px!important}[data-sonner-toast].learnera-toast [data-close-button]{width:22px!important;height:22px!important;top:10px!important;left:auto!important;right:10px!important;transform:none!important}[data-sonner-toast].learnera-toast:before{content:"";background:linear-gradient(to bottom, var(--primary), var(--brand-2));width:4px;position:absolute;inset:0 auto 0 0}[data-sonner-toast].learnera-toast-success:before{background:var(--success)}[data-sonner-toast].learnera-toast-error:before{background:var(--danger)}[data-sonner-toast].learnera-toast-warning:before{background:var(--warning)}[data-sonner-toast].learnera-toast-success [data-icon]{color:var(--success)}[data-sonner-toast].learnera-toast-error [data-icon]{color:var(--danger)}[data-sonner-toast].learnera-toast-warning [data-icon]{color:var(--warning)}[data-sonner-toast].learnera-toast-info [data-icon]{color:var(--primary)}.grow-bar{transform-origin:bottom;animation:.9s cubic-bezier(.2,.8,.2,1) both grow-bar;animation-delay:calc(var(--i,0) * 40ms)}@keyframes grow-bar{0%{transform:scaleY(0)}}.voice-bar{height:4px;animation:.9s ease-in-out infinite voice-bar}@keyframes voice-bar{0%,to{height:4px}50%{height:11px}}.caption-word{animation:.18s ease-out both caption-word}@keyframes caption-word{0%{opacity:0;transform:translateY(3px)}}.hero-tilt{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1);transform:rotateY(-6deg)rotateX(3deg)}.hero-tilt:hover{transform:rotateY(0)rotateX(0)rotate(0)}@media (max-width:1023px){.hero-tilt{transform:rotateX(4deg)}}.hero-orbit{animation:40s linear infinite hero-orbit}@keyframes hero-orbit{to{rotate:360deg}}.hero-underline path{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.1s cubic-bezier(.6,0,.3,1) .7s forwards draw-stroke}@media (prefers-reduced-motion:no-preference){html:has(#compare){scroll-behavior:smooth}}@keyframes nav-progress{0%{width:0%}20%{width:45%}60%{width:75%}to{width:92%}}.nav-progress-run{animation:8s cubic-bezier(.1,.7,.3,1) forwards nav-progress}@media (prefers-reduced-motion:reduce){.nav-progress-run{width:60%;animation:none}}.loader-ring{background:conic-gradient(from 0deg, transparent 0deg, var(--brand-2) 140deg, var(--primary) 330deg, transparent 360deg);border-radius:9999px;animation:.8s linear infinite loader-spin;display:inline-block;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px))}@keyframes loader-spin{to{transform:rotate(360deg)}}.face-part{transform-box:fill-box;transform-origin:50%}.face-blink{animation:4.6s infinite face-blink}@keyframes face-blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.face-talk{animation:.52s ease-in-out infinite face-talk}@keyframes face-talk{0%,to{transform:scaleY(.25)}22%{transform:scaleY(1)}45%{transform:scaleY(.45)}68%{transform:scaleY(.85)}84%{transform:scaleY(.35)}}.face-nod{transform-box:view-box;transform-origin:50% 90%;animation:.9s ease-in-out 2 face-nod}@keyframes face-nod{0%,to{transform:rotate(0)translateY(0)}40%{transform:rotate(0)translateY(2.5px)}}.face-tilt{transform-box:view-box;transform-origin:50% 90%;transition:transform .5s;transform:rotate(-6deg)}.face-idle{transform-box:view-box;transform-origin:50% 90%;transition:transform .5s}.board-mark path{stroke-dasharray:1;stroke-dashoffset:1px}.board-mark-draw path{animation:.45s ease-out forwards draw-stroke;animation-delay:var(--mark-delay,0s)}.board-mark-static path{stroke-dashoffset:0}.board-paused path{animation-play-state:paused}.board-point{background-image:linear-gradient(to right, color-mix(in oklab, var(--warning) 32%, transparent), color-mix(in oklab, var(--warning) 32%, transparent));background-position:0 85%;background-repeat:no-repeat;background-size:0% 70%;border-radius:6px;animation:.6s ease-out forwards board-point}@keyframes board-point{to{background-size:100% 70%}}.confetti-bit{opacity:0;width:7px;height:7px;animation:.95s cubic-bezier(.15,.7,.3,1) forwards confetti-bit;animation-delay:var(--d,0s);border-radius:2px;position:absolute;top:50%;left:50%}@keyframes confetti-bit{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(.6)}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(var(--r)) scale(1)}}.streak-pop{animation:.5s cubic-bezier(.2,1.6,.4,1) both streak-pop}@keyframes streak-pop{0%{opacity:0;transform:scale(.4)}}@media (prefers-reduced-motion:no-preference){.particle-solid{animation:.35s ease-in-out infinite alternate particle-vibrate}.particle-liquid{animation:2.4s ease-in-out infinite alternate particle-slide}.particle-gas{animation:1.6s linear infinite alternate particle-fly}}@keyframes particle-vibrate{0%{transform:translate(-1px)}to{transform:translate(1px,1px)}}@keyframes particle-slide{0%{transform:translate(0)}50%{transform:translate(5px,-2px)}to{transform:translate(-4px,2px)}}@keyframes particle-fly{0%{transform:translate(0)}33%{transform:translate(22px,-18px)}66%{transform:translate(-16px,20px)}to{transform:translate(18px,12px)}}@media (prefers-reduced-motion:no-preference){.board-wipe{animation-name:board-wipe;animation-timing-function:linear;animation-fill-mode:both}}@keyframes board-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:no-preference){.circuit-flow{animation:1.1s linear infinite circuit-flow}}@keyframes circuit-flow{to{stroke-dashoffset:-18px}}.board-pen,.pen-along{opacity:0}@media (prefers-reduced-motion:no-preference){.board-pen{animation-name:board-pen;animation-timing-function:linear;animation-fill-mode:both}.draw-path{stroke-dasharray:1;animation:1.4s ease-in-out both draw-path}.pen-along{animation:1.4s ease-in-out both pen-along}}@keyframes board-pen{0%{opacity:1;left:0}97%{opacity:1;left:100%}to{opacity:0;left:100%}}@keyframes draw-path{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes pen-along{0%{offset-distance:0%;opacity:1}96%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}@media (prefers-reduced-motion:no-preference){.thumb-pop{animation:.45s cubic-bezier(.3,1.8,.5,1) thumb-pop}@keyframes thumb-pop{0%{transform:scale(1)rotate(0)}40%{transform:scale(1.45)rotate(-12deg)}to{transform:scale(1)rotate(0)}}}.chalkboard{--chalk:#f4f2ea;--chalk-dim:#c7c4b9;--chalk-yellow:#f6d56b;--chalk-blue:#8dd3ef;--chalk-pink:#fda9b5;--chalk-green:#98e2a8;--background:#172720;--foreground:var(--chalk);--surface:#1f2f28;--surface-2:#1c2c25;--muted:#273730;--muted-foreground:var(--chalk-dim);--border:#41524a;--primary:var(--chalk-blue);--ai:var(--chalk-yellow);color:var(--chalk);background:radial-gradient(120% 90% at 20% 10%,#1f332ae6,#0000 60%),radial-gradient(90% 70% at 85% 90%,#0f1b16e6,#0000 70%),#172720;background:radial-gradient(120% 90% at 20% 10%,lab(19.2012% -10.0485 2.88732/.9),#0000 60%),radial-gradient(90% 70% at 85% 90%,lab(8.6276% -6.54006 1.90694/.9),#0000 70%),lab(13.9144% -8.37 2.40562);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 2px 40px #00000059;box-shadow:inset 0 0 0 1px lab(100% 0 0/.06),inset 0 2px 40px lab(0% 0 0/.35)}@supports (color:lab(0% 0 0)){.chalkboard{--chalk:lab(95.422% -.304908 3.80731);--chalk-dim:lab(79.2109% -.42516 5.73379);--chalk-yellow:lab(86.5211% 3.02896 55.6781);--chalk-blue:lab(80.6244% -17.4912 -21.0397);--chalk-pink:lab(77.9686% 32.944 7.12618);--chalk-green:lab(84.0265% -32.8286 21.2359);--background:lab(13.9144% -8.37 2.40562);--surface:lab(17.9748% -8.34756 2.40278);--surface-2:lab(16.2346% -8.35641 2.4039);--muted:lab(21.455% -8.33252 2.40088);--border:lab(33.0556% -8.29882 2.39658)}}.chalkboard .katex{font-size:1.18em}.chalk-text{text-shadow:0 0 1px #ffffff59;text-shadow:0 0 1px lab(100% 0 0/.35)}.chalkboard .chalk-text strong{color:var(--chalk-yellow)}.chalk-hand{z-index:20;pointer-events:none;transform-origin:4% 4%;filter:drop-shadow(0 6px 10px #00000073);filter:drop-shadow(0 6px 10px lab(0% 0 0/.45));width:4.25rem;height:4.25rem;position:absolute}@media (prefers-reduced-motion:no-preference){.chalk-write{animation:chalk-write var(--chalk-ms,.9s) cubic-bezier(.35, .1, .3, 1) both}@keyframes chalk-write{0%{clip-path:inset(-12% 100% -12% -2%);opacity:.35}to{clip-path:inset(-12% -2%);opacity:1}}.chalk-stroke{stroke-dasharray:1;stroke-dashoffset:1px;animation:.65s ease-out forwards chalk-stroke}@keyframes chalk-stroke{to{stroke-dashoffset:0}}.chalk-glow{animation:1.6s ease-in-out infinite chalk-glow}.chalk-hand{animation:.32s ease-in-out infinite alternate chalk-hand}@keyframes chalk-hand{0%{transform:translate(0)rotate(0)}to{transform:translate(1.5px,-2px)rotate(-3deg)}}.chalk-hand-sweep{animation:chalk-hand .32s ease-in-out infinite alternate, chalk-sweep var(--chalk-ms,.65s) ease-out both}@keyframes chalk-sweep{0%{left:0%}to{left:100%}}@keyframes chalk-glow{0%,to{background-color:#f6d56b1a;background-color:lab(86.5211% 3.02896 55.6781/.1)}50%{background-color:#f6d56b38;background-color:lab(86.5211% 3.02896 55.6781/.22)}}}@media (prefers-reduced-motion:reduce){.chalk-stroke{stroke-dasharray:none}.chalk-glow{background-color:#f6d56b29;background-color:lab(86.5211% 3.02896 55.6781/.16)}}