@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:#8e9aff6b;--aurora-2:#d787e94d;--aurora-3:#58d7bb52}@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(65.5919% 19.2625 -60.4039/.42);--aurora-2:lab(67.4776% 43.0427 -37.2896/.3);--aurora-3:lab(78.3446% -41.8947 2.84578/.32)}}.dark{--glass-bg:color-mix(in oklch, var(--surface) 55%, transparent);--glass-border:#ffffff17;--glass-highlight:inset 0 1px 0 #ffffff0f;--aurora-1:#4d4bd16b;--aurora-2:#802baf52;--aurora-3:#00766147}@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(38.9348% 32.9021 -70.3738/.42);--aurora-2:lab(36.1925% 52.14 -54.5672/.32);--aurora-3:lab(43.5427% -42.9203 2.87573/.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(--ai), #00b295, 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}@supports (color:lab(0% 0 0)){.text-shimmer{background-image:linear-gradient(100deg, var(--primary), var(--ai), lab(64.6807% -49.5921 3.34185), var(--primary))}}@keyframes shimmer-pan{to{background-position:100%}}.glow-border{background:conic-gradient(from var(--glow-angle), transparent 0deg, var(--primary) 70deg, var(--ai) 140deg, transparent 220deg, #00b89b 300deg, transparent 360deg);border-radius:1.15rem;padding:1.5px;animation:9s linear infinite glow-spin;position:relative}@supports (color:lab(0% 0 0)){.glow-border{background:conic-gradient(from var(--glow-angle), transparent 0deg, var(--primary) 70deg, var(--ai) 140deg, transparent 220deg, lab(67.0008% -49.5127 3.33958) 300deg, transparent 360deg)}}.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;filter:blur(6px);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{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 16px 14px 18px!important}[data-sonner-toast].learnera-toast:before{content:"";background:linear-gradient(to bottom, var(--primary), var(--ai));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}}.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}
