@layer components{.lp{--lp-a:#0095f6;--lp-b:#7c3aed;--lp-c:#ec4899}.lp[data-audience=teacher]{--lp-a:#f97316;--lp-b:#ec4899;--lp-c:#8b5cf6}.lp[data-audience=institute]{--lp-a:#10b981;--lp-b:#06b6d4;--lp-c:#0095f6}.lp-grad-bg{background-image:linear-gradient(135deg, var(--lp-a), var(--lp-b) 55%, var(--lp-c))}.lp-grad-text{background-image:linear-gradient(90deg, var(--lp-a), var(--lp-b), var(--lp-c), var(--lp-a));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text}.lp-tint{background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--lp-a) 18%, transparent), transparent 70%), var(--surface-high)}.lp-backdrop{pointer-events:none;z-index:0;height:1100px;position:absolute;inset:0 0 auto;overflow:hidden}.lp-dots{background-image:radial-gradient(color-mix(in srgb, var(--foreground) 16%, transparent) 1px, transparent 1.6px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 28%,#000 15%,#0000 75%);mask-image:radial-gradient(70% 55% at 50% 28%,#000 15%,#0000 75%)}.lp-blob{background:radial-gradient(closest-side, var(--lp-blob), transparent);opacity:.42;will-change:transform;border-radius:9999px;width:46rem;height:46rem;position:absolute}.lp-blob-1{--lp-blob:var(--lp-a);top:-24rem;left:-18rem}.lp-blob-2{--lp-blob:var(--lp-b);top:-16rem;right:-22rem}.lp-blob-3{--lp-blob:var(--lp-c);opacity:.26;width:36rem;height:36rem;top:22rem;left:calc(50% - 18rem)}@media (max-width:640px){.lp-blob{width:30rem;height:30rem}.lp-blob-1{left:-14rem}.lp-blob-3{width:24rem;height:24rem;left:calc(50% - 12rem)}}.lp-dot{background:var(--lp-a);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--lp-a) 60%, transparent);border-radius:9999px}.lp-chip-dot{background-image:linear-gradient(135deg, var(--lp-a), var(--lp-c));border-radius:9999px;width:7px;height:7px}.lp-phone{aspect-ratio:9/19.3;width:252px;box-shadow:inset 0 0 0 1.5px #ffffff1a, 0 40px 70px -24px #00000080, 0 24px 60px -30px color-mix(in srgb, var(--lp-b) 70%, transparent);background:linear-gradient(145deg,#34343a,#0b0b0d 60%);border-radius:44px;padding:9px;position:relative}.lp-phone-screen{background:var(--background);height:100%;color:var(--foreground);isolation:isolate;border-radius:35px;position:relative;overflow:hidden}.lp-island{z-index:20;background:#000;border-radius:9999px;width:72px;height:20px;position:absolute;top:17px;left:50%;transform:translate(-50%)}@media (min-width:768px){.lp-phone{width:272px}}.lp-stage-fade{-webkit-mask-image:linear-gradient(#000 78%,#0000 99%);mask-image:linear-gradient(#000 78%,#0000 99%)}.lp-float{z-index:30;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(14px);text-align:left;border-radius:18px;align-items:center;gap:10px;max-width:220px;padding:10px 14px 10px 10px;display:flex;position:absolute;box-shadow:0 18px 40px -18px #00000059}@media (max-width:640px){.lp-float{border-radius:14px;gap:8px;max-width:168px;padding:8px 10px 8px 8px}}.lp-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.lp-track{gap:12px;width:max-content;display:flex}.lp-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}.lp-card:hover{border-color:color-mix(in srgb, var(--lp-a) 45%, var(--line));box-shadow:0 30px 60px -30px color-mix(in srgb, var(--lp-b) 55%, transparent);transform:translateY(-4px)}.lp-reel-track{height:400%;position:absolute;inset:0 0 auto}.lp-reel-slide{height:25%}.lp-feed-track{flex-direction:column;display:flex}@keyframes lp-drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(4rem,2rem)scale(1.08)}to{transform:translate(-2rem,4rem)scale(.94)}}@keyframes lp-shine{to{background-position:300% 0}}@keyframes lp-rise{0%{opacity:0;transform:translateY(28px)}}@keyframes lp-rise-soft{0%{transform:translateY(14px)}}@keyframes lp-word{0%{opacity:0;filter:blur(6px);transform:translateY(.45em)}}@keyframes lp-ping{70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}@keyframes lp-bob{50%{transform:translateY(-9px)}}@keyframes lp-pop-in{0%{opacity:0;transform:translateY(16px)scale(.92)}}@keyframes lp-scroll{to{transform:translate(-50%)}}@keyframes lp-scroll-up{to{transform:translateY(-50%)}}@keyframes lp-reel{0%,30%{transform:translateY(0)}33.33%,63.33%{transform:translateY(-25%)}66.66%,96.66%{transform:translateY(-50%)}to{transform:translateY(-75%)}}@keyframes lp-progress{0%{transform:scaleX(0)}90%,to{transform:scaleX(1)}}@keyframes lp-heart{0%{opacity:0;transform:translate(0)scale(.5)}15%{opacity:1}to{opacity:0;transform:translate(var(--lp-x,-10px), -130px) scale(1.15)}}@keyframes lp-blink{50%{opacity:.25}}@keyframes lp-spin{to{transform:rotate(360deg)}}@keyframes lp-spin-back{to{transform:rotate(-360deg)}}@keyframes lp-dash{to{stroke-dashoffset:-24px}}@keyframes lp-draw{0%{stroke-dashoffset:var(--lp-len,400)}70%,to{stroke-dashoffset:0}}@keyframes lp-fan-l{0%,15%{transform:rotate(0)translate(0)}45%,75%{transform:rotate(-12deg)translate(-46px)}to{transform:rotate(0)translate(0)}}@keyframes lp-fan-r{0%,15%{transform:rotate(0)translate(0)}45%,75%{transform:rotate(12deg)translate(46px)}to{transform:rotate(0)translate(0)}}@keyframes lp-hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(5px)}}@keyframes lp-focus{0%,28%,to{opacity:.55;transform:scale(1)}6%,22%{opacity:1;transform:scale(1.1)}}@keyframes lp-step{0%,8%{opacity:0;transform:scale(.4)}14%,88%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(.9)}}@keyframes lp-fill{0%,8%{transform:scaleX(0)}80%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes lp-grow{0%,8%{transform:scaleY(.12)}40%,88%{transform:scaleY(1)}to{transform:scaleY(.12)}}@keyframes lp-pick{0%,24%{background:var(--surface);border-color:var(--line);color:var(--foreground)}30%,86%{color:#fff;background:#16a34a;border-color:#16a34a}92%,to{background:var(--surface);border-color:var(--line);color:var(--foreground)}}@keyframes lp-slide-x{0%,10%{transform:translate(0)}25%,35%{transform:translate(100%)}50%,60%{transform:translate(200%)}75%,85%{transform:translate(300%)}to{transform:translate(0)}}@keyframes lp-travel{0%{opacity:0;left:18%}8%{opacity:1}42%{opacity:1;left:82%}48%,to{opacity:0;left:82%}}@keyframes lp-travel-late{0%,50%{opacity:0;left:18%}58%{opacity:1}92%{opacity:1;left:82%}98%,to{opacity:0;left:82%}}@keyframes lp-ripple{0%{opacity:.7;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(2.6)}}@keyframes lp-sweep{0%,55%{transform:translate(-120%)skew(-18deg)}to{transform:translate(320%)skew(-18deg)}}@keyframes lp-talk{0%,to{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px transparent}50%{box-shadow:0 0 0 2px var(--surface), 0 0 0 5px #22c55e}}@media (prefers-reduced-motion:no-preference){.lp-blob-1{animation:18s ease-in-out infinite alternate lp-drift}.lp-blob-2{animation:22s ease-in-out -6s infinite alternate-reverse lp-drift}.lp-blob-3{animation:26s ease-in-out -12s infinite alternate lp-drift}.lp-grad-text{animation:7s linear infinite lp-shine}.lp-dot{animation:1.8s cubic-bezier(0,0,.2,1) infinite lp-ping}.lp-in{animation:.9s cubic-bezier(.2,.7,.2,1) both lp-rise;animation-delay:var(--lp-d,0s)}.lp-in-soft{animation:.9s cubic-bezier(.2,.7,.2,1) both lp-rise-soft}.lp-word{animation:.55s cubic-bezier(.2,.7,.2,1) both lp-word,7s linear infinite lp-shine;display:inline-block}.lp-float{animation:.8s cubic-bezier(.2,.7,.2,1) both lp-pop-in,6s ease-in-out infinite lp-bob;animation-delay:var(--lp-d,0s), calc(var(--lp-d,0s) + .8s)}.lp-bob{animation:6s ease-in-out infinite lp-bob;animation-delay:var(--lp-d,0s)}.lp-track{animation:lp-scroll var(--lp-speed,45s) linear infinite}.lp-track-reverse{animation-direction:reverse}.lp-marquee:hover .lp-track{animation-play-state:paused}.lp-reel-track{animation:12s cubic-bezier(.7,0,.3,1) infinite lp-reel}.lp-progress{transform-origin:0;animation:4s linear infinite lp-progress}.lp-heart{animation:3.2s ease-out infinite lp-heart;animation-delay:var(--lp-d,0s)}.lp-blink{animation:1.2s steps(2,jump-none) infinite lp-blink}.lp-feed-track{animation:16s linear infinite lp-scroll-up}.lp-list-track{animation:18s linear infinite lp-scroll-up}.lp-orbit{animation:40s linear infinite lp-spin}.lp-orbit-item{animation:40s linear infinite lp-spin-back}.lp-dash{animation:1.2s linear infinite lp-dash}.lp-draw{animation:5s ease-out infinite lp-draw}.lp-fan-l{animation:5s cubic-bezier(.6,0,.3,1) infinite lp-fan-l}.lp-fan-r{animation:5s cubic-bezier(.6,0,.3,1) infinite lp-fan-r}.lp-hop{animation:1.6s ease-in-out infinite lp-hop}.lp-focus{animation:6s ease-in-out infinite lp-focus;animation-delay:var(--lp-d,0s)}.lp-step{animation:6s ease-out infinite lp-step;animation-delay:var(--lp-d,0s)}.lp-fill{transform-origin:0;animation:6s ease-in-out infinite lp-fill}.lp-grow{transform-origin:bottom;animation:6s cubic-bezier(.2,.7,.2,1) infinite lp-grow;animation-delay:var(--lp-d,0s)}.lp-pick{animation:5s infinite lp-pick}.lp-slide-x{animation:8s cubic-bezier(.7,0,.3,1) infinite lp-slide-x}.lp-travel{animation:5s ease-in-out infinite lp-travel}.lp-travel-late{animation:5s ease-in-out infinite lp-travel-late}.lp-ripple{animation:2.6s ease-out infinite lp-ripple;animation-delay:var(--lp-d,0s)}.lp-sweep{animation:3.5s ease-in-out infinite lp-sweep}.lp-talk{animation:1.4s ease-in-out infinite lp-talk;animation-delay:var(--lp-d,0s)}@supports (animation-timeline:view()){.lp-reveal{animation:linear both lp-rise;animation-timeline:view();animation-range:entry entry 55%}}}@media (prefers-reduced-motion:reduce){.lp-travel,.lp-travel-late{display:none}}}