@import"https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden}.hero-nav{position:fixed;top:0;left:0;right:0;z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a0acc;border-bottom:1px solid rgba(255,140,0,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem}.logo-icon{font-size:1.5rem;color:#ff8c00}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:color .2s ease}.get-started-btn{padding:.75rem 1.5rem;background:#ff8c00;border:none;border-radius:8px;color:#000;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.github-btn{display:flex;align-items:center;gap:.5rem;background:#ff8c00;color:#000;border:none;padding:.5rem 1rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .2s ease}.star-count{background:#0003;padding:.2rem .5rem;border-radius:20px;font-size:.875rem}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:10}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ff8c001a;border:1px solid rgba(255,140,0,.3);color:#ff8c00;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:2rem;animation:fadeInUp .8s ease-out}.badge-dot{width:8px;height:8px;background:#ff8c00;border-radius:50%;animation:pulse 2s infinite}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;animation:fadeInUp .8s ease-out .2s both}.gradient-text{background:linear-gradient(135deg,#ff8c00,#ff4500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:#ccc;line-height:1.6;margin-bottom:2rem;animation:fadeInUp .8s ease-out .4s both}.hero-actions{animation:fadeInUp .8s ease-out .6s both}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:#ff8c00;color:#000}.btn-arrow{transition:transform .3s ease}.hero-visual{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.floating-elements{position:relative;width:100%;height:100%}.floating-card{position:absolute;background:#ff8c000d;border:1px solid rgba(255,140,0,.2);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.5rem;animation:float 6s ease-in-out infinite}.card-1{top:10%;right:20%;width:120px;height:120px;animation-delay:0s}.card-2{bottom:30%;left:10%;width:200px;height:100px;animation-delay:2s}.card-3{top:50%;right:10%;width:150px;height:150px;animation-delay:4s}.card-dots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dot{width:8px;height:8px;background:#ff8c00;border-radius:50%;opacity:.6;animation:twinkle 2s infinite}.code-lines{display:flex;flex-direction:column;gap:.5rem;font-family:Fira Code,monospace;font-size:.75rem}.code-line{display:flex;gap:.5rem}.grid-pattern{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.grid-line{height:40px;background:linear-gradient(45deg,transparent,rgba(255,140,0,.2),transparent);border-radius:4px}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(255,140,0,.1) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite}.bg-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.bg-gradient{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.bg-gradient-1{top:20%;left:10%;width:300px;height:300px;background:radial-gradient(circle,#ff8c00,transparent);animation:float 8s ease-in-out infinite}.bg-gradient-2{bottom:20%;right:10%;width:400px;height:400px;background:radial-gradient(circle,#ff4500,transparent);animation:float 10s ease-in-out infinite reverse}.bg-gradient-3{top:60%;left:50%;width:250px;height:250px;background:radial-gradient(circle,#ff6600,transparent);animation:float 12s ease-in-out infinite;animation-delay:2s}.features-section{padding:6rem 2rem;background-color:#0a0a0a;position:relative;z-index:10}.features-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#ff8c000d;border:1px solid rgba(255,140,0,.2);border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.feature-card:hover{transform:translateY(-10px);border-color:#ff8c0066;box-shadow:0 20px 40px #0003}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff8c00,#ff4500);margin-bottom:1.5rem;box-shadow:0 10px 20px #ff8c0033}.feature-icon svg{width:32px;height:32px;color:#ff8c00}.feature-title{font-size:1.5rem;font-weight:700;color:#ff8c00;margin-bottom:.75rem}.feature-description{font-size:1rem;line-height:1.6;color:#ccc;flex-grow:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@media (max-width: 768px){.nav-container{padding:1rem}.nav-links{gap:1rem}.github-btn{padding:.4rem .8rem;font-size:.875rem}.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-visual{height:300px}.floating-card{padding:1rem}.card-1,.card-2,.card-3{width:80px;height:80px}.card-2{width:120px;height:60px}}@media (max-width: 480px){.hero-container{padding:0 1rem}.hero-badge{font-size:.75rem;padding:.4rem .8rem}.hero-description{font-size:1rem}.btn{padding:.8rem 1.5rem;font-size:.875rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header{display:flex;align-items:center;z-index:100;position:fixed;top:0;left:50%;transform:translate(-50%);justify-content:space-between;width:100vw;padding:0 4em;height:100px;margin:0 auto;background:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.7) 50%,transparent);transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-scrolled{height:80px;background:#808080f2;box-shadow:0 5px 20px #0000004d}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto}.nav-cta-group{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.logo{position:relative;z-index:2;text-decoration:none;display:flex;align-items:center;transition:transform .3s ease}.logo:hover svg{transform:rotate(15deg)}.logo:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:140px;background:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask:radial-gradient(ellipse at center,black 0%,black 20%,transparent 80%);-webkit-mask:radial-gradient(ellipse at center,black 0%,black 20%,transparent 80%);z-index:-1;pointer-events:none}.logo svg{height:60px;width:150px;position:relative;z-index:2;transition:transform .4s ease-in-out}.landing-nav-items{display:flex;align-items:center;gap:2rem;color:#fff;height:60px;padding:0 2rem;border-radius:50px;border:1px solid rgba(255,255,255,.1);background:#0000004d;box-shadow:0 8px 32px #0003;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);margin-right:1.5rem}.nav-link{position:relative;display:inline-block;color:#f39b0ecc;text-decoration:none;font-size:1rem;font-weight:500;padding:.5rem 0;transition:all .3s ease}.nav-link:hover{color:#f38a09}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background:linear-gradient(90deg,#ff8c00,#ff5e00);transition:all .3s ease;transform:translate(-50%);opacity:0}.nav-link:hover:after{width:100%;opacity:1}.active-link{color:#fff}.active-link:after{width:100%;opacity:1}.header-cta-button{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(90deg,#ff8c00,#ff5e00);color:#fff;font-weight:600;text-decoration:none;border-radius:50px;transition:all .3s ease;box-shadow:0 4px 15px #ff8c004d}.header-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8c0066}.mobile-nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .3s ease}.mobile-nav-toggle:hover{background-color:#ffffff1a}@media (max-width: 900px){.header{padding:0 2em;height:120px}.logo svg{height:30px}.logo:before{width:180px;height:120px}.landing-nav-items{display:none}.mobile-nav-toggle{display:block}.cta-button{padding:0 0 0 1rem;height:50px;font-size:.9rem}.cta-button span{height:38px;width:80px;margin-left:.8em;margin-right:calc(.8em - 6px)}.cta-button span img{width:14px;height:14px;margin-right:4px}}@media (max-width: 768px){.header{padding:0 1.5rem;height:80px}.header-container{width:100%}.landing-nav-items{display:none}.header-cta-button{padding:.6rem 1.2rem;font-size:.9rem}.logo svg{height:50px;width:120px}}@media (max-width: 640px){.header{padding:0 1.5em;height:100px}.logo svg{height:28px}.logo:before{width:160px;height:110px}.cta-button{padding:0 0 0 .8rem;height:45px;font-size:.85rem}.cta-button span{height:35px;width:60px!important;margin-left:.6em;margin-right:calc(.6em - 4px)}.cta-button span img{width:12px;height:12px;margin-right:3px}}@media (max-width: 480px){.header{padding:0 1rem;height:90px}.logo svg{height:26px}.logo:before{width:140px;height:95px}.cta-button{padding:0 0 0 .6rem;height:40px;font-size:.8rem}.cta-button span{height:32px;width:60px;margin-left:.5em;margin-right:calc(.5em - 3px);font-weight:500}.cta-button span img{width:10px;height:10px;margin-right:2px}}@media (max-width: 375px){.header{padding:0 .8rem;height:80px}.logo svg{height:22px}.logo:before{width:120px;height:80px}.cta-button{padding:0 0 0 .5rem;height:36px;font-size:.75rem}.cta-button span{height:28px;width:50px;margin-left:.4em;margin-right:calc(.4em - 2px)}.cta-button span img{width:9px;height:9px;margin-right:1px}}@media (min-width: 900px){.landing-nav-items{display:flex;align-items:center;justify-content:space-between;gap:3rem}.nav-cta-group{gap:2rem}}/*! tailwindcss v4.0.3 | MIT License | https://tailwindcss.com */.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!relative{position:relative!important}.absolute{position:absolute}.absolute\!{position:absolute!important}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.top-\[-10px\]{top:-10px}.top-\[2px\]{top:2px}.top-full{top:100%}.right-\[-10px\]{right:-10px}.right-\[-250\%\]{right:-250%}.right-\[1\%\]{right:1%}.bottom-\[-10px\]{bottom:-10px}.bottom-\[-11px\]{bottom:-11px}.bottom-\[-80px\]{bottom:-80px}.bottom-\[1\.2em\]{bottom:1.2em}.bottom-\[3\.8em\]{bottom:3.8em}.bottom-\[10\%\]{bottom:10%}.bottom-\[98\%\]{bottom:98%}.left-1\/2{left:50%}.left-\[-10px\]{left:-10px}.left-\[-250\%\]{left:-250%}.left-\[1\.6em\]{left:1.6em}.left-\[1em\]{left:1em}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[10000\]{z-index:10000}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[4\]{z-index:4}.\!container{width:100%!important}.container{width:100%}.m-\[7vw\]{margin:7vw}.m-auto{margin:auto}.mx-\[2px\]{margin-inline:2px}.mx-\[2vw\]{margin-inline:2vw}.mx-auto{margin-inline:auto}.my-\[2em\]{margin-block:2em}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.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}.inline-grid{display:inline-grid}.list-item{display:list-item}.table{display:table}.table-cell{display:table-cell}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.aspect-\[1\.1\]{aspect-ratio:1.1}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[100\/12\]{aspect-ratio:100/12}.aspect-square{aspect-ratio:1}.h-1\/4{height:25%}.h-\[0\.5rem\]{height:.5rem}.h-\[1\.5em\]{height:1.5em}.h-\[4\.5em\]{height:4.5em}.h-\[7vh\]{height:7vh}.h-\[50px\]{height:50px}.h-\[100px\]{height:100px}.h-\[10px\]{height:10px}.h-\[16px\]{height:16px}.h-\[28px\]{height:28px}.h-\[50\%\]{height:50%}.h-\[60\%\]{height:60%}.h-\[60px\]{height:60px}.h-\[70\%\]{height:70%}.h-\[80\%\]{height:80%}.h-\[80px\]{height:80px}.h-\[120px\]{height:120px}.h-\[150vh\]{height:150vh}.h-\[200px\]{height:200px}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[calc\(100\%\+20px\)\]{height:calc(100% + 20px)}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[400px\]{max-height:400px}.min-h-\[200px\]{min-height:200px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-\[0\.5rem\]{width:.5rem}.w-\[1\.5em\]{width:1.5em}.w-\[4\.5em\]{width:4.5em}.w-\[16px\]{width:16px}.w-\[28px\]{width:28px}.w-\[30px\]{width:30px}.w-\[48px\]{width:48px}.w-\[60px\]{width:60px}.w-\[70\%\]{width:70%}.w-\[80\%\]{width:80%}.w-\[90\%\]{width:90%}.w-\[100px\]{width:100px}.w-\[150px\]{width:150px}.w-\[150vw\]{width:150vw}.w-\[190px\]{width:190px}.w-\[200\%\]{width:200%}.w-\[200px\]{width:200px}.w-\[300\%\]{width:300%}.w-\[300px\]{width:300px}.w-\[500px\]{width:500px}.w-\[calc\(100\%\+20px\)\]{width:calc(100% + 20px)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-\[10ch\]{max-width:10ch}.max-w-\[800px\]{max-width:800px}.max-w-fit{max-width:fit-content}.max-w-full{max-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-\[80\%_50\%\]{transform-origin:80%}.origin-\[100\%_100\%\]{transform-origin:100% 100%}.origin-bottom{transform-origin:bottom}.origin-bottom-right{transform-origin:100% 100%}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-60\%\]{--tw-translate-x:-60%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-90\%\]{--tw-translate-x:-90%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[5\%\]{--tw-translate-x:5%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[20\%\]{--tw-translate-x:20%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[10\%\]{--tw-translate-y:10%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[20\%\]{--tw-translate-y:20%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[101\%\]{--tw-translate-y:101%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-x-0{--tw-scale-x:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-0{rotate:none}.rotate-180{rotate:180deg}.rotate-\[-15deg\]{rotate:-15deg}.rotate-\[15deg\]{rotate:15deg}.\!transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)!important}.\[transform\:translateZ\(0\)\]{transform:translateZ(0)}.\[transform\:translateZ\(30px\)\]{transform:translateZ(30px)}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize\!{resize:both!important}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.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}.gap-\[5em\]{gap:5em}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.rounded-\[1\.25em\]{border-radius:1.25em}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[15px\]{border-radius:15px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[25px\]{border-radius:25px}.rounded-\[30px\]{border-radius:30px}.rounded-\[50px\]{border-radius:50px}.rounded-full{border-radius:3.40282e38px}.rounded-tl-\[5px\]{border-top-left-radius:5px}.rounded-tr-\[5px\]{border-top-right-radius:5px}.rounded-tr-\[10px\]{border-top-right-radius:10px}.rounded-br-\[10px\]{border-bottom-right-radius:10px}.rounded-bl-\[10px\]{border-bottom-left-radius:10px}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-\[5px\]{border-style:var(--tw-border-style);border-width:5px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-none{--tw-border-style:none;border-style:none}.border-\[\#222\]{border-color:#222}.border-\[\#27272a\]{border-color:#27272a}.border-transparent{border-color:#0000}.bg-\[\#00ffff\]{background-color:#0ff}.bg-\[\#111\]{background-color:#111}.bg-\[\#222\]{background-color:#222}.bg-\[\#271E37\]{background-color:#271e37}.bg-\[\#555\]{background-color:#555}.bg-\[\#060010\]{background-color:#060010}.bg-\[\#160000\]{background-color:#160000}.bg-\[\#333333\]{background-color:#333}.bg-\[hsla\(0\,0\%\,100\%\,0\.15\)\]{background-color:#ffffff26}.bg-\[rgba\(51\,51\,51\,0\.4\)\]{background-color:#3336}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.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-\[radial-gradient\(circle\,_rgba\(0\,0\,0\,0\)_60\%\,_rgba\(0\,0\,0\,1\)_100\%\)\]{background-image:radial-gradient(circle,#0000 60%,#000)}.bg-\[radial-gradient\(circle\,_rgba\(0\,0\,0\,0\.8\)_0\%\,_rgba\(0\,0\,0\,0\)_60\%\)\]{background-image:radial-gradient(circle,#000c,#0000 60%)}.from-\[\#060010\]{--tw-gradient-from:#060010;--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))}.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-\[length\:250px\]{background-size:250px}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-center{background-position:50%}.fill-\[\#FFA500\]{fill:orange}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-\[1em_0\]{padding:1em 0}.p-\[1vh_1vw_0\]{padding:1vh 1vw 0}.p-\[8\%\]{padding:8%}.p-\[10px\]{padding:10px}.px-\[10px\]{padding-inline:10px}.px-\[1em\]{padding-inline:1em}.px-\[26px\]{padding-inline:26px}.py-\[0\.6em\]{padding-block:.6em}.py-\[3em\]{padding-block:3em}.py-\[4px\]{padding-block:4px}.py-\[16px\]{padding-block:16px}.text-center{text-align:center}.text-right{text-align:right}.\[font-size\:4rem\]{font-size:4rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[2\.5rem\]{font-size:2.5rem}.text-\[3rem\]{font-size:3rem}.text-\[4vh\]{font-size:4vh}.text-\[6rem\]{font-size:6rem}.text-\[10px\]{font-size:10px}.text-\[16px\]{font-size:16px}.text-\[26px\]{font-size:26px}.text-\[clamp\(1\.6rem\,4vw\,3rem\)\]{font-size:clamp(1.6rem,4vw,3rem)}.text-\[clamp\(2rem\,10vw\,8rem\)\]{font-size:clamp(2rem,10vw,8rem)}.text-\[clamp\(14px\,4vw\,32px\)\]{font-size:clamp(14px,4vw,32px)}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.5em\]{--tw-leading:1.5em;line-height:1.5em}.leading-\[2\]{--tw-leading:2;line-height:2}.leading-\[10px\]{--tw-leading:10px;line-height:10px}.leading-none{--tw-leading:1;line-height:1}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.5px\]{--tw-tracking:-.5px;letter-spacing:-.5px}.tracking-\[5px\]{--tw-tracking:5px;letter-spacing:5px}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#2d2d2d\]{color:#2d2d2d}.text-\[\#060010\]{color:#060010}.text-\[\#FFA500\]{color:orange}.text-\[\#b5b5b5a4\]{color:#b5b5b5a4}.text-transparent{color:#0000}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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)}.shadow-\[0_-1px_0_0_\#fff\]{--tw-shadow:0 -1px 0 0 var(--tw-shadow-color,#fff);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0\.5px_1\.5px_transparent\]{--tw-shadow:0 0 .5px 1.5px var(--tw-shadow-color,transparent);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_10px_50px_-10px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:0px 10px 50px -10px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.invert{--tw-invert:invert(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,)}.sepia{--tw-sepia:sepia(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,)!important}.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,)}.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,)!important}.backdrop-blur-\[0\.75em\]{--tw-backdrop-blur:blur(.75em);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.\!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!important;transition-timing-function:var(--tw-ease,ease)!important;transition-duration:var(--tw-duration,0s)!important}.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;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[background-color_color_box-shadow\]{transition-property:background-color color box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[opacity\,transform\]{transition-property:opacity,transform;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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-350{--tw-duration:.35s;transition-duration:.35s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.duration-\[100ms\]{--tw-duration:.1s;transition-duration:.1s}.duration-\[250ms\]{--tw-duration:.25s;transition-duration:.25s}.duration-\[500ms\]{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\,0\,0\,1\)\]{--tw-ease:cubic-bezier(0,0,0,1);transition-timing-function:cubic-bezier(0,0,0,1)}.ease-\[cubic-bezier\(0\.5\,1\,0\.89\,1\)\]{--tw-ease:cubic-bezier(.5,1,.89,1);transition-timing-function:cubic-bezier(.5,1,.89,1)}.ease-\[cubic-bezier\(0\.25\,0\.1\,0\.25\,1\.0\)\]{--tw-ease:cubic-bezier(.25,.1,.25,1);transition-timing-function:ease}.ease-\[cubic-bezier\(0\.83\,0\,0\.17\,1\)\]{--tw-ease:cubic-bezier(.83,0,.17,1);transition-timing-function:cubic-bezier(.83,0,.17,1)}.\[will-change\:transform\,filter\]{will-change:transform,filter}.\[will-change\:transform\]{will-change:transform}.will-change-\[transform\,filter\,opacity\]{will-change:transform,filter,opacity}.will-change-transform{will-change:transform}.\!\[a-zA-Z\:_\]{a-zA-Z:!important}.\[-webkit-backdrop-filter\:blur\(0\.75em\)\]{-webkit-backdrop-filter:blur(.75em)}.\[-webkit-tap-highlight-color\:transparent\]{-webkit-tap-highlight-color:transparent}.\[backface-visibility\:hidden\]{backface-visibility:hidden}.\[perspective\:24em\]{perspective:24em}.\[perspective\:800px\]{perspective:800px}.\[perspective\:1000px\]{perspective:1000px}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}.outline-none{--tw-outline-style:none;outline-style:none}.perspective-\[900px\]{perspective:900px}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.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\:scale-x-100:is(:where(.group):hover *){--tw-scale-x:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:rotate-3:is(:where(.group):hover *){rotate:3deg}.group-hover\:\[transform\:rotate\(25deg\)_translate3d\(-0\.5em\,-0\.5em\,0\.5em\)\]:is(:where(.group):hover *){transform:rotate(25deg)translate3d(-.5em,-.5em,.5em)}.group-hover\:\[transform\:skew\(-15deg\)_scaleY\(0\.6\)\]:is(:where(.group):hover *){transform:skew(-15deg)scaleY(.6)}.group-hover\:\[transform\:skew\(15deg\)_scaleY\(0\.6\)\]:is(:where(.group):hover *){transform:skew(15deg)scaleY(.6)}.group-hover\:\[transform\:translateY\(20\%\)\]:is(:where(.group):hover *){transform:translateY(20%)}.group-hover\:\[transform\:translateZ\(2em\)\]:is(:where(.group):hover *){transform:translateZ(2em)}.group-hover\:transform:is(:where(.group):hover *){transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.group-hover\:opacity-20:is(:where(.group):hover *){opacity:.2}.group-hover\:opacity-40:is(:where(.group):hover *){opacity:.4}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.first-line\:text-\[6rem\]:first-line{font-size:6rem}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-\[-10px\]:before{content:var(--tw-content);left:-10px}.before\:overflow-hidden:before{content:var(--tw-content);overflow:hidden}.before\:bg-\[\#060010\]:before{content:var(--tw-content);background-color:#060010}.before\:text-\[\#FFA500\]:before{content:var(--tw-content);color:orange}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.before\:content-\[attr\(data-text\)\]:before{--tw-content:attr(data-text);content:var(--tw-content)}.before\:\[clip-path\:inset\(0_0_0_0\)\]:before{content:var(--tw-content);clip-path:inset(0)}.before\:\[text-shadow\:var\(--before-shadow\)\]:before{content:var(--tw-content);text-shadow:var(--before-shadow)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[10px\]:after{content:var(--tw-content);left:10px}.after\:overflow-hidden:after{content:var(--tw-content);overflow:hidden}.after\:bg-\[\#060010\]:after{content:var(--tw-content);background-color:#060010}.after\:text-\[\#FFA500\]:after{content:var(--tw-content);color:orange}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.after\:content-\[attr\(data-text\)\]:after{--tw-content:attr(data-text);content:var(--tw-content)}.after\:\[clip-path\:inset\(0_0_0_0\)\]:after{content:var(--tw-content);clip-path:inset(0)}.after\:\[text-shadow\:var\(--after-shadow\)\]:after{content:var(--tw-content);text-shadow:var(--after-shadow)}@media (hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:text-\[\#060010\]:hover{color:#060010}.hover\:underline:hover{text-decoration-line:underline}.hover\:before\:opacity-100:hover:before{content:var(--tw-content);opacity:1}.hover\:before\:content-\[attr\(data-text\)\]:hover:before{--tw-content:attr(data-text);content:var(--tw-content)}.hover\:before\:\[text-shadow\:var\(--before-shadow\)\]:hover:before{content:var(--tw-content);text-shadow:var(--before-shadow)}.hover\:after\:opacity-100:hover:after{content:var(--tw-content);opacity:1}.hover\:after\:content-\[attr\(data-text\)\]:hover:after{--tw-content:attr(data-text);content:var(--tw-content)}.hover\:after\:\[text-shadow\:var\(--after-shadow\)\]:hover:after{content:var(--tw-content);text-shadow:var(--after-shadow)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:text-\[\#060010\]:focus-visible{color:#060010}.active\:cursor-grabbing:active{cursor:grabbing}@media (width<768px){.max-\[768px\]\:translate-x-\[25\%\]{--tw-translate-x:25%;translate:var(--tw-translate-x)var(--tw-translate-y)}.max-\[768px\]\:translate-y-\[25\%\]{--tw-translate-y:25%;translate:var(--tw-translate-x)var(--tw-translate-y)}.max-\[768px\]\:scale-\[0\.75\]{scale:.75}}@media (width<480px){.max-\[480px\]\:translate-x-\[25\%\]{--tw-translate-x:25%;translate:var(--tw-translate-x)var(--tw-translate-y)}.max-\[480px\]\:translate-y-\[25\%\]{--tw-translate-y:25%;translate:var(--tw-translate-x)var(--tw-translate-y)}.max-\[480px\]\:scale-\[0\.55\]{scale:.55}}.\[\&\:\:-webkit-scrollbar\]\:w-\[8px\]::-webkit-scrollbar{width:8px}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-\[4px\]::-webkit-scrollbar-thumb{border-radius:4px}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#222\]::-webkit-scrollbar-thumb{background-color:#222}.\[\&\:\:-webkit-scrollbar-track\]\:bg-\[\#060010\]::-webkit-scrollbar-track{background-color:#060010}.rotating-text-demo{color:orange;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;padding:3rem;font-size:1.5rem;font-weight:300;line-height:2rem;display:flex;overflow:hidden}.rotating-text-main{color:#000;background-color:orange;border-radius:.5rem;justify-content:center;padding:.125rem .5rem;display:flex;overflow:hidden}.rotating-text-split{padding-bottom:.125rem;overflow:hidden}.rotating-text-ptag{align-items:center;gap:.2em;font-weight:900;display:flex}@media (width>=640px){.rotating-text-split{padding-bottom:.25rem}.rotating-text-main{padding-top:.25rem;padding-bottom:.25rem}}@media (width>=768px){.rotating-text-main{padding:.5rem .75rem}}@media (width>=640px){.rotating-text-demo{padding:5rem;font-size:1.875rem;line-height:2.25rem}}@media (width>=768px){.rotating-text-demo{padding:6rem;font-size:3rem;line-height:1}}@media (prefers-color-scheme:dark){.rotating-text-demo{color:var(--muted)}}.sidebar,.sidebar-mobile{background-color:#060010!important}.sidebar:before{content:"";pointer-events:none;z-index:4;background:linear-gradient(#0000,#1a1a1a);width:100%;height:200px;transition:opacity .3s;position:fixed;bottom:0;left:0}.sidebar.sidebar-no-fade:before{opacity:0}.sidebar{padding:4.75rem 0 6em!important}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-track{display:none}.sidebar::-webkit-scrollbar-thumb{background:#060010;border-radius:50px}.sidebar::-webkit-scrollbar-thumb:hover{background:#271e37}.sidebar-logo{border-bottom:none;width:100%;padding:2em calc(1em + 2px)!important}.sidebar-logo img{height:32px;position:relative}.sidebar-item{color:#a1a1aa;align-items:center;padding:.25em 0;font-size:.9rem;transition:color .3s;display:flex;position:relative}.sidebar-item:hover{color:orange}.active-sidebar-item{color:orange;width:fit-content;padding:.25em .25em .25em 0;transition:color .3s;position:relative}.active-sidebar-item:hover{text-decoration:none}.sidebar-item .new-tag,.sidebar-item .updated-tag{opacity:1;border-radius:6px;margin-left:.6em;padding:.2em .4em;font-size:10px;font-weight:500;text-decoration:none!important}.sidebar-item .new-tag{color:#000;background-color:#ffa500cc;border:1px solid orange}.sidebar-item .updated-tag{color:orange;background-color:#ffa50026;border:1px solid #ffa50077}.github-button{border:1px solid #0000;transition:all .3s}.github-button img{transition:filter .3s}.github-button:hover{color:orange;border-color:#ffa5001c;background-color:#000!important}.github-button:hover img{filter:invert()}.cta-button-docs{-webkit-backdrop-filter:blur(25px);color:#000;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,orange,#ff8c00) 0 0/200% 200%;border:none;border-radius:50px;justify-content:space-between;align-items:center;height:40px;padding:0 0 0 1rem;font-size:12px;font-weight:500;transition:all .3s;display:flex}.cta-button-docs span{background-color:#060010;border-radius:50px;justify-content:center;align-items:center;width:75px;height:30px;margin-left:1em;margin-right:calc(1em - 6px);padding-top:.1em;font-size:12px;font-weight:600;display:flex}.cta-button-docs span img{width:12px;height:12px;margin-right:4px;transition:all .3s}.category-wrapper{width:100%;max-width:1440px;margin:0 auto;position:relative}.main-nav{background:#060010;width:100%;height:85px;padding:0 2em;position:fixed;left:0}.main-nav .nav-items{max-width:1440px;height:85px;margin:0 auto;padding:0;position:relative}.main-nav .nav-items:before{content:"";background:linear-gradient(90deg,#0000,orange,#0000);width:100%;height:1px;position:absolute;bottom:0;right:0}.main-nav .nav-items:after{pointer-events:none;content:"";z-index:-1;background:linear-gradient(#000,#0000);width:100%;height:50px;position:fixed;top:70px;left:0}.main-nav .nav-items .logo{position:relative}.main-nav .nav-items .logo img{height:32px}.category-name{color:orange;letter-spacing:-1px;font-size:18px;font-weight:900}.category-page{width:calc(100% - 200px);min-height:100vh;padding:8em 0 6em 1em;position:absolute;right:0}.category-page .main-category{text-transform:uppercase;opacity:.5;letter-spacing:-.5px;margin:0;font-size:1rem;font-weight:300}.category-page .header-container{z-index:20;justify-content:space-between;align-items:center;width:100%;margin-bottom:1em;display:flex;position:relative}.category-page .sub-category{color:orange;margin-bottom:0;font-size:4.5rem;font-weight:900;line-height:1em;display:inline-block}.code-highlighter{background:#000!important;border:1px solid orange!important;border-radius:15px!important;font-size:14px!important}.code-highlighter .language-bash{color:#b6b6b6!important}.code-highlighter:has(.language-bash){padding:1.25em!important}.demo-container{background:#1a1a1a;border:1px solid orange;border-radius:20px;justify-content:center;align-items:center;width:100%;margin-top:1em;padding:1em;display:flex}.category-page .page-transition-fade>div>[role=tablist]{z-index:10;background:#000000b3;border-radius:10px;padding:.5rem;display:inline-flex;box-shadow:0 4px 12px #0000004d}.category-page [role=tablist]>div{gap:.5rem!important}.category-page [role=tablist] [role=tab]{transition:all .3s}.text-devider-demo,.blur-text-demo{color:orange;font-size:6rem;font-weight:bolder;line-height:1.2}.scrambled-text-demo{color:orange;max-width:600px;font-size:1rem;font-weight:bolder}.star-border-demo .inner-content{padding:1em 3em;background-color:#000!important;border:1px solid orange!important}.custom-bounceCards{position:relative;top:2em}.custom-folder{margin-top:4em}.rotating-text-demo-container{white-space:pre;justify-content:center;align-items:center;font-size:clamp(2rem,6vw,6rem);display:flex}.rotating-text-demo-container .rotating-text-demo{color:#000;background-color:orange;border-radius:15px;padding:0 .4em;transition:width .3s;display:inline-block}.ballpit-demo{position:relative}.tilted-card-demo-text{text-transform:capitalize;color:orange;letter-spacing:-.5px;background:#0006;border-radius:15px;margin:2em;padding:.5rem 1em;font-family:Figtree;font-weight:900;box-shadow:0 5px 30px #00000059}.shapeblur-demo{mix-blend-mode:difference;z-index:2;position:relative}.decrypted-text{color:orange;cursor:pointer;font-size:2rem;font-weight:400;display:inline-block}.variable-proximity-demo{cursor:pointer;text-align:center;max-width:20ch;line-height:100%;font-size:4rem!important}.shiny-text-demo{font-weight:300}.shiny-button{cursor:pointer;background-color:#000;border:1px solid orange;border-radius:50px;padding:.4em 1.2em;transition:all .3s}.shiny-button:hover{background-color:#1a1a1a}.demo-title{margin-top:.5em;font-size:2rem;font-weight:bolder}.demo-title span{color:#a1a1aa;font-size:.8rem;font-weight:500}.demo-title:first-letter{text-transform:uppercase}.demo-title-extra,.demo-title-contribute{margin:1em 0 .5em;font-size:1.4rem;font-weight:900}.demo-title-contribute{letter-spacing:-.5px;text-align:center;margin-top:2em;margin-bottom:1em;font-weight:600}.contribute-container{background:#000;border:1px solid orange;border-radius:20px;margin-top:1em;padding-bottom:3em}.contribute-button{border:1px solid orange;transition:all .5s;background-color:#000!important}.contribute-button span{color:#a1a1aa}.contribute-button:hover{background-color:#1a1a1a!important}.demo-details{gap:.3em;margin:0 0 1em;font-size:1.6rem;display:flex}.demo-details span{white-space:nowrap;color:orange;background-color:#2b2b2b;border:1px solid orange;border-radius:10px;padding:.5em 1em;font-size:.8rem;transition:all .3s}.demo-details span:hover{cursor:pointer;background-color:#3b3b3b}.demo-extra-info{color:#a1a1aa;align-items:center;gap:.5em;margin:1em 0;display:flex}.jsrepo-info a{text-decoration:underline}.cli-divider{background:linear-gradient(90deg,#0000,orange,#0000);width:100%;height:1px;margin:4em auto 3em;position:relative}.cli-divider:before{content:"Or";color:#a1a1aa;background-color:#000;padding:0 1em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.coming-soon a{color:#ff8c00;text-decoration:underline}@media only screen and (width<=767px){.category-wrapper{position:static}.category-page{width:100%;padding:6em 1em 0}.category-page .main-category{font-size:1rem}.category-page .sub-category{font-size:3rem}.text-devider-demo,.blur-text-demo{font-size:2rem;font-weight:bolder;line-height:1.2}.decrypted-text{font-size:1rem}.variable-proximity-demo{font-size:1.6rem!important}}.custom-gradient-class{text-align:center;padding:1em 2em}.count-up-text{font-size:4rem;font-weight:700}.custom-spotlight-card{-webkit-user-select:none;user-select:none;width:350px;height:300px;background-color:#1a1a1a!important;border:1px solid orange!important}body,html,#root{height:auto!important;min-height:unset!important}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0a0a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.hero-nav{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#0a0a0acc;border-bottom:1px solid #ff8c001a;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.nav-logo{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.logo-icon{color:#ff8c00;font-size:1.5rem}.logo-text{color:#ff8c00;font-weight:700}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:#fff;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#ff8c00}.get-started-btn{color:#000;cursor:pointer;background:#ff8c00;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s}.get-started-btn:hover{background:#f70;transform:translateY(-1px);box-shadow:0 4px 12px #ff8c004d}.github-btn{color:#000;cursor:pointer;background:#ff8c00;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.github-btn:hover{background:#f70;transform:translateY(-1px)}.star-count{background:#0003;border-radius:20px;padding:.2rem .5rem;font-size:.875rem}.hero-section{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-container{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;position:relative}.hero-content{max-width:600px}.hero-badge{color:#ff8c00;background:#ff8c001a;border:1px solid #ff8c004d;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;animation:.8s ease-out fadeInUp;display:inline-flex}.badge-dot{background:#ff8c00;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.hero-title{margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;animation:.8s ease-out .2s both fadeInUp}.title-line{display:block}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff8c00,#ff4500);-webkit-background-clip:text;background-clip:text}.hero-description{color:#ccc;margin-bottom:2rem;font-size:1.25rem;line-height:1.6;animation:.8s ease-out .4s both fadeInUp}.hero-actions{animation:.8s ease-out .6s both fadeInUp}.btn{border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#000;background:#ff8c00}.btn-primary:hover{background:#f70;transform:translateY(-2px);box-shadow:0 10px 30px #ff8c004d}.btn-arrow{transition:transform .3s}.btn:hover .btn-arrow{transform:translate(4px)}.hero-visual{justify-content:center;align-items:center;height:500px;display:flex;position:relative}.floating-elements{width:100%;height:100%;position:relative}.floating-card{-webkit-backdrop-filter:blur(20px);background:#ff8c000d;border:1px solid #ff8c0033;border-radius:20px;padding:1.5rem;animation:6s ease-in-out infinite float;position:absolute}.card-1{width:120px;height:120px;animation-delay:0s;top:10%;right:20%}.card-2{width:200px;height:100px;animation-delay:2s;bottom:30%;left:10%}.card-3{width:150px;height:150px;animation-delay:4s;top:50%;right:10%}.card-dots{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dot{opacity:.6;background:#ff8c00;border-radius:50%;width:8px;height:8px;animation:2s infinite twinkle}.dot:nth-child(odd){animation-delay:.5s}.code-lines{flex-direction:column;gap:.5rem;font-family:Fira Code,monospace;font-size:.75rem;display:flex}.code-line{gap:.5rem;display:flex}.code-keyword{color:#ff8c00}.code-var{color:#fff}.code-operator{color:#ccc}.code-string{color:#ff4500}.grid-pattern{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.grid-line{background:linear-gradient(45deg,#0000,#ff8c0033,#0000);border-radius:4px;height:40px}.hero-glow{background:radial-gradient(circle,#ff8c001a,#0000 70%);border-radius:50%;width:400px;height:400px;animation:4s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bg-elements{pointer-events:none;z-index:1;position:absolute;top:0;right:0;bottom:0;left:0}.bg-gradient{filter:blur(100px);opacity:.3;border-radius:50%;position:absolute}.bg-gradient-1{background:radial-gradient(circle,#ff8c00,#0000);width:300px;height:300px;animation:8s ease-in-out infinite float;top:20%;left:10%}.bg-gradient-2{background:radial-gradient(circle,#ff4500,#0000);width:400px;height:400px;animation:10s ease-in-out infinite reverse float;bottom:20%;right:10%}.bg-gradient-3{background:radial-gradient(circle,#f60,#0000);width:250px;height:250px;animation:12s ease-in-out 2s infinite float;top:60%;left:50%}.features-section{z-index:10;background-color:#0a0a0a;padding:6rem 2rem;position:relative}.features-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.feature-card{text-align:center;background:#ff8c000d;border:1px solid #ff8c0033;border-radius:16px;flex-direction:column;align-items:center;padding:2.5rem 2rem;transition:all .3s;display:flex}.feature-icon{background:linear-gradient(135deg,#ff8c00,#ff4500);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:inline-flex;box-shadow:0 10px 20px #ff8c0033}.feature-icon svg{color:#ff8c00;width:32px;height:32px}.feature-description{color:#ccc;flex-grow:1;font-size:1rem;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-norotate{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%{box-shadow:0 0 15px #ff8c0080}to{box-shadow:0 0 25px #ff8c00cc}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@media (width<=768px){.nav-container{padding:1rem}.nav-links{gap:1rem}.github-btn{padding:.4rem .8rem;font-size:.875rem}.hero-container{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-visual{height:300px}.floating-card{padding:1rem}.card-1,.card-2,.card-3{width:80px;height:80px}.card-2{width:120px;height:60px}}@media (width<=480px){.hero-container{padding:0 1rem}.hero-badge{padding:.4rem .8rem;font-size:.75rem}.hero-description{font-size:1rem}.btn{padding:.8rem 1.5rem;font-size:.875rem}}.hero-visual *{will-change:transform}.floating-card,.bg-gradient{contain:layout style paint}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.landing-wrapper{will-change:transform;background-color:#0a0a0a;min-height:100dvh;position:relative;overflow-x:hidden}.landing-content{z-index:10;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;max-width:calc(1200px + 6em);height:100%;margin:180px auto 0;padding:0 4em;display:flex;position:relative}.hero-badge{color:#ff8c00;-webkit-backdrop-filter:blur(10px);background:#ff8c0026;border:1px solid #ff8c004d;border-radius:50px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;animation:3s ease-in-out infinite float;display:inline-block;transform:translateY(0);box-shadow:0 4px 12px #ff8c001a}.hero-main-content{flex:1;max-width:600px}.hero-preview{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.preview-container{width:100%;max-width:500px;transition:transform .5s;position:relative}.preview-browser{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden;box-shadow:0 20px 80px #00000080,0 10px 30px #ff8c0033}.browser-header{background:#2a2a2a;align-items:center;padding:.8rem 1rem;display:flex}.browser-dots{gap:6px;display:flex}.browser-dots span{background:#ff5f57;border-radius:50%;width:12px;height:12px}.browser-dots span:nth-child(2){background:#ffbd2e}.browser-dots span:nth-child(3){background:#28ca41}.browser-content{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);justify-content:center;align-items:center;height:300px;padding:1rem;display:flex;overflow:hidden}.demo-component{grid-template-columns:1fr;gap:1rem;width:100%;max-width:400px;display:grid}.demo-card{text-align:center;-webkit-backdrop-filter:blur(10px);background:#ff8c000d;border:1px solid #ff8c0033;border-radius:8px;padding:1rem;transition:all .3s}.demo-card:hover{background:#ff8c001a;border-color:#ff8c0066;transform:translateY(-2px)}.demo-card .demo-icon{background:linear-gradient(135deg,#ff8c00,#ff4500);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto .5rem;display:flex}.demo-card h3{color:#ff8c00;margin:.5rem 0 .25rem;font-size:.9rem;font-weight:600}.demo-card p{color:#ffffffb3;margin:0;font-size:.75rem;line-height:1.3}.hero-buttons{opacity:0;gap:1rem;margin-top:2rem;animation:1s ease-out .8s forwards fade-in-up;display:flex;transform:translateY(20px)}.landing-title{-webkit-user-select:none;user-select:none;z-index:6;color:#ff8c00;letter-spacing:-2px;text-shadow:0 0 20px #ff8c00cc,0 0 40px #ff8c0099,0 0 80px #ff8c0066;-webkit-text-fill-color:transparent;will-change:background-position;background:linear-gradient(135deg,#ff8c00,#ff4500,#ff8c00) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,3.6rem);font-weight:700;line-height:1.1;animation:4s ease-in-out infinite gradient-shift;position:relative}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.hero-text-line{opacity:0;animation:1s ease-out forwards fade-in-up;display:inline-block;transform:translateY(30px)}.hero-text-line:first-child{animation-delay:.2s}.hero-text-line:nth-child(3){animation-delay:.4s}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}.landing-subtitle{-webkit-user-select:none;user-select:none;color:#ff8c00e6;text-shadow:0 0 10px #ff8c004d;z-index:6;opacity:0;max-width:45ch;margin-bottom:2rem;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:400;line-height:1.5;animation:1s ease-out .6s forwards fade-in-up;transform:translateY(20px)}.hero-split{white-space:nowrap!important;overflow:visible!important}.landing-button{color:#fff;cursor:pointer;isolation:isolate;z-index:15;text-shadow:0 1px 2px #0000004d;letter-spacing:.5px;border-radius:50px;justify-content:center;align-items:center;gap:1rem;padding:1rem 1.8rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.primary-button{background:linear-gradient(135deg,#ff8c00,#ff4500) 0 0/200% 200%;border:2px solid #ff8c0099;animation:3s ease-in-out infinite alternate glow-pulse;box-shadow:0 0 40px #ff8c0099,0 0 80px #ff450066,0 8px 32px #00000080}.secondary-button{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;box-shadow:0 8px 32px #0003}.secondary-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.landing-button .button-arrow-circle{color:#1a1a1a;background:#fffffff2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:3s ease-in-out infinite alternate glow-pulse;display:flex;box-shadow:0 2px 8px #0003}.landing-button:hover .button-arrow-circle{background:#fff;transform:translate(4px);box-shadow:0 4px 12px #0000004d}.landing-button span{z-index:2;transition:all .3s;display:inline-block;position:relative}.landing-button:hover span{transform:scale(1.01)}.landing-button:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.landing-button:after{content:"";z-index:-1;opacity:0;background:linear-gradient(45deg,#0000,#ff8c004d,#0000,#ff8c004d,#0000) 0 0/200% 200%;border-radius:50px;transition:opacity .3s;animation:4s linear infinite border-dance;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.primary-button:hover{border:2px solid #ff8c00cc;transition:all .3s;animation-duration:1.5s;transform:translateY(-4px)scale(1.02);box-shadow:0 0 60px #ff8c0099,0 0 120px #ff450066,0 0 180px #ff8c004d,0 12px 40px #0009,inset 0 2px #ffffff80,inset 0 -2px #0006}.features-section{z-index:20;max-width:1200px;margin:0 auto;padding:4rem 2rem 2rem;position:relative}.features-title{color:#fff;text-align:center;opacity:0;text-shadow:0 0 20px #ff8c0066;margin-bottom:4rem;font-size:2.5rem;font-weight:600;transform:translateY(30px)}.features-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{-webkit-backdrop-filter:blur(10px);will-change:transform;background:#0a0a0acc;border:1px solid #ff8c0033;border-radius:12px;flex-direction:column;align-items:flex-start;padding:2rem;transition:all .3s;display:flex;box-shadow:0 10px 30px #0000004d}.feature-card:hover{border-color:#ff8c004d;transform:translateY(-10px);box-shadow:0 15px 40px #0000004d,0 0 20px #ff8c0033}.feature-icon{background:#ff8c001a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:1rem;display:flex}@media (width<=768px){.landing-content{text-align:center;flex-direction:column;gap:3rem;margin-top:120px;padding:0 2rem}.hero-main-content{max-width:100%}.landing-title{font-size:clamp(2rem,8vw,2.8rem);line-height:1.2}.landing-subtitle{max-width:100%;font-size:clamp(.9rem,4vw,1.1rem)}.hero-buttons{flex-direction:column;align-items:center;gap:.8rem}.landing-button{justify-content:center;width:100%;max-width:280px}.hero-preview{order:-1}.preview-container{max-width:100%}.browser-content{height:250px}.demo-card{padding:.8rem}.demo-card h3{font-size:.8rem}.demo-card p{font-size:.7rem}.features-section{padding:3rem 1rem 2rem}.features-container{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}}@media (width<=480px){.landing-content{margin-top:100px;padding:0 1rem}.hero-badge{padding:.3rem .8rem;font-size:.75rem}.landing-title{margin-bottom:.8rem;font-size:clamp(1.8rem,10vw,2.2rem)}.landing-subtitle{margin-bottom:1.5rem;font-size:clamp(.85rem,4vw,1rem)}.browser-content{height:200px;padding:.5rem}.demo-card{padding:.6rem}.demo-card .demo-icon{width:30px;height:30px}.features-section{padding:2rem 1rem 1rem}.feature-card{padding:1.2rem}}.demo-section{z-index:20;margin-top:2rem;padding:6rem 4rem;position:relative}.demo-container{-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#4c1d954d,#7c3aed1a);border:1px solid #7c3aed33;border-radius:16px;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:3rem;display:flex;box-shadow:0 20px 80px #0000004d,0 0 30px #7c3aed33}.demo-content{flex:1}.demo-title{color:#fff;margin-bottom:1.5rem;font-size:2.2rem;font-weight:600}.demo-description{color:#fffc;max-width:500px;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.demo-button{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.8rem;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.demo-button:hover{background:#fff3;transform:translate(5px)}.demo-visual{flex:1;justify-content:center;align-items:center;display:flex}.demo-card{border:1px solid #ffffff1a;border-radius:12px;width:100%;height:300px;overflow:hidden;box-shadow:0 15px 50px #0000004d}.landing-button:hover:before{left:100%}.landing-button:hover:after{opacity:1}.landing-button:active{transition:all .1s;transform:translateY(-2px)scale(1.02)}@keyframes glow-pulse{0%{filter:brightness()saturate()}to{filter:brightness(1.1)saturate(1.2)}}@keyframes border-dance{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeInUpRotate1{0%{opacity:0;transform:translateY(30px)scale(.9)rotate(-13deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(-13deg)}}@keyframes fadeInUpRotate2{0%{opacity:0;transform:translateY(30px)scale(.9)rotate(10deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(10deg)}}@keyframes fadeInUpRotate3{0%{opacity:0;transform:translateY(30px)scale(.9)rotate(-5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(-5deg)}}@keyframes fadeInUpMobile{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeInUpMobileRotate1{0%{opacity:0;transform:translateY(30px)scale(.9)rotate(-13deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(-13deg)}}@keyframes fadeInUpMobileRotate2{0%{opacity:0;transform:translateY(30px)scale(.9)rotate(10deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(10deg)}}@keyframes fadeInUpMobileRotate3{0%{opacity:0;transform:translateY(30px)scale(.9)rotate(-5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(-5deg)}}.hero-main-content{flex-direction:column;flex:1;align-items:flex-start;max-width:60%;display:flex}.hero-cards-container{flex-direction:column;justify-content:center;align-items:center;gap:2.4rem;max-width:40%;margin-left:.6rem;display:flex}.hero-cards-row{gap:2.4rem;display:flex}.hero-glitch{mix-blend-mode:screen;border-radius:30px!important}.hero-dot-grid{transform:translateY(5px)translate(5px);overflow:hidden!important}.hero-metaballs{mix-blend-mode:screen;opacity:1}.hero-falling-text .falling-text-canvas,.hero-lines{width:100%!important;height:100%!important}.hero-card{-webkit-backdrop-filter:blur(20px);cursor:pointer;opacity:1;background:linear-gradient(135deg,#ff8c0026,#ff66001a);border:2px solid #ff8c004d;border-radius:30px;width:240px;height:240px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 30px 100px #000c,0 20px 70px #000000b3,0 15px 50px #0009,0 10px 30px #00000080,0 8px 32px #ff8c004d,inset 0 1px #ffffff1a}.hero-card-1,.hero-card-2,.hero-card-3{opacity:1;transition:transform .5s;transform:rotate(0)}.hero-card:hover{filter:brightness(1.1);-webkit-backdrop-filter:blur(25px);transform:rotate(0);box-shadow:0 50px 140px #000000e6,0 35px 100px #000c,0 25px 70px #000000b3,0 15px 50px #0009,0 12px 40px #ff8c0080,inset 0 1px #fff3}.hero-card:before{content:"";background:linear-gradient(90deg,#0000,#ff8c004d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.hero-card:hover:before{left:100%}@media (width<=1440px){.landing-title{font-size:3.6rem}.landing-subtitle{font-size:1.3rem}.landing-content{margin-top:250px}}@media (width<=1366px){.landing-title{font-size:3.4rem}.demo-container{flex-direction:column;padding:2rem}.demo-content{text-align:center;flex-direction:column;align-items:center;display:flex}@media (width<=1200px){.landing-title{font-size:3.6rem}}.landing-subtitle{font-size:1.1rem}.landing-content{margin-top:250px}}@media (width<=1100px){.landing-title{font-size:3.6rem}.landing-subtitle{font-size:1rem}.landing-content{margin-top:250px}}@media (width<=1024px){.landing-title{font-size:3.6rem}.landing-subtitle{font-size:.95rem}.landing-content{flex-direction:column;align-items:center;max-width:calc(1200px + 2em);margin-top:300px;padding:0 2em}.hero-main-content{text-align:center;align-items:center;max-width:100%;margin-bottom:2rem}.hero-cards-container{flex-direction:row;justify-content:space-between;gap:1.5rem;width:100%;max-width:100%;margin-top:2rem;margin-left:0}.hero-cards-row{display:contents}.hero-card{flex:1;max-width:calc(33.333% - 1rem);height:140px}.hero-card-1{animation:.8s ease-out .2s forwards fadeInUpMobile;transform:translateY(0)scale(1)rotate(0)}.hero-card-2{animation:.8s ease-out .4s forwards fadeInUpMobile;transform:translateY(0)scale(1)rotate(0)}.hero-card-3{animation:.8s ease-out .6s forwards fadeInUpMobile;transform:translateY(0)scale(1)rotate(0)}.landing-wrapper>div[style*="position: absolute"][style*="width: 100vw"][style*="height: 100vh"]{opacity:.7}}@media (width<=950px){.landing-title{font-size:3.6rem}.landing-subtitle{font-size:.9rem;text-align:center!important}.landing-content{margin-top:290px}}@media (width<=900px){.landing-title{font-size:3.6rem}.landing-subtitle{font-size:.85rem;text-align:center!important}.landing-content{margin-top:280px}}@media (width<=820px){.landing-title{font-size:3.4rem}.landing-subtitle{font-size:.8rem}.landing-content{margin-top:270px}}@media (width<=768px){.landing-title{text-align:center;max-width:100%;font-size:2.8rem}.landing-subtitle{max-width:100%;font-size:1rem;text-align:center!important}.landing-content{flex-direction:column;align-items:center;margin-top:150px;padding:0 1.5rem}.hero-main-content{flex-direction:column;align-items:center;max-width:100%;display:flex}.hero-buttons{flex-direction:column;width:100%;max-width:300px}.landing-button{gap:1.2rem;padding:.8rem .8rem .8rem 1.8rem;font-size:1rem}.button-arrow-circle{width:32px;height:32px}.hero-cards-container{flex-direction:row;justify-content:space-between;gap:1.2rem;width:100%}.hero-cards-row{display:contents}.hero-card{flex:1;max-width:calc(33.333% - .8rem);height:140px}.hero-card-1{animation:.8s ease-out .2s forwards fadeInUpMobile;transform:translateY(0)scale(1)rotate(0)}.hero-card-2{animation:.8s ease-out .4s forwards fadeInUpMobile;transform:translateY(0)scale(1)rotate(0)}.hero-card-3{animation:.8s ease-out .6s forwards fadeInUpMobile;transform:translateY(0)scale(1)rotate(0)}.landing-wrapper>div[style*="position: absolute"][style*="width: 100vw"][style*="height: 100vh"]{opacity:.5}.features-section{padding:4rem 1.5rem 2rem}.features-title{margin-bottom:2rem;font-size:2rem}.features-container{grid-template-columns:1fr}.demo-section{padding:3rem 1.5rem}.demo-container{flex-direction:column;padding:2rem 1.5rem}.demo-content{text-align:center}.demo-title{font-size:1.8rem}.demo-description{font-size:1rem}.demo-card{height:200px}}@media (width<=700px){.landing-title{text-align:center;max-width:100%;margin-bottom:2rem;font-size:2.6rem}.landing-subtitle{max-width:100%;font-size:1rem;text-align:center!important}.landing-content{align-items:center;margin-top:250px;padding:0 1.5rem}}@media (width<=640px){.landing-title{text-align:center;max-width:100%;font-size:2.4rem}.landing-subtitle{max-width:100%;text-align:center!important}.landing-content{align-items:center;margin-top:240px;padding:0 1.5rem}}@media (width<=580px){.landing-title{text-align:center;max-width:100%;font-size:2.2rem}.landing-subtitle{max-width:100%;text-align:center!important}.landing-content{align-items:center;margin-top:230px;padding:0 1.5rem}}@media (width<=520px){.landing-title{text-align:center;max-width:100%;font-size:2rem}.landing-subtitle{max-width:100%;text-align:center!important}.landing-content{align-items:center;margin-top:220px;padding:0 1.5rem}}@media (width<=480px){.landing-title{text-align:center;max-width:100%;font-size:1.8rem}.landing-subtitle{max-width:100%;text-align:center!important}.landing-content{align-items:center;margin-top:210px;padding:0 1.5rem}.landing-button{gap:1rem;padding:.7rem .7rem .7rem 1.5rem;font-size:.95rem}.button-arrow-circle{width:28px;height:28px}.hero-cards-container{flex-direction:row;justify-content:space-between;gap:1rem;width:100%}.hero-cards-row{display:contents}.hero-card{flex:1;max-width:calc(33.333% - .666rem);height:140px}.hero-card-1{animation:.8s ease-out .2s forwards fadeInUpMobile;transform:translateY(0)scale(1)rotate(0)}.hero-card-2{animation:.8s ease-out .4s forwards fadeInUpMobile;transform:translateY(0)scale(1)rotate(0)}.hero-card-3{animation:.8s ease-out .6s forwards fadeInUpMobile;transform:translateY(0)scale(1)rotate(0)}.landing-wrapper>div[style*="position: absolute"][style*="width: 100vw"][style*="height: 100vh"]{opacity:.3}}@media (width<=430px){.landing-title{letter-spacing:-1px;text-align:center;max-width:100%;font-size:1.6rem}.landing-subtitle{max-width:100%;text-align:center!important}.landing-content{align-items:center;margin-top:205px;padding:0 1.5rem}}@media (width<=390px){.landing-title{letter-spacing:-1px;text-align:center;max-width:100%;font-size:1.8rem}.landing-subtitle{max-width:100%;text-align:center!important}.landing-content{align-items:center;margin-top:202px;padding:0 1.5rem}}@media (width<=375px){.landing-title{letter-spacing:-1px;text-align:center;max-width:100%;font-size:1.6rem}.landing-subtitle{max-width:100%;text-align:center!important}.landing-content{align-items:center;margin-top:150px;padding:0 1.5rem}.landing-button{gap:.8rem;padding:.6rem .6rem .6rem 1.2rem;font-size:.9rem}.button-arrow-circle{width:26px;height:26px}}.landing-wrapper{background-color:#060010;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.landing-footer{-webkit-backdrop-filter:blur(10px);background-color:#00000080;width:100%;margin-top:6rem;padding:4rem 2rem;position:relative;overflow:hidden}.footer-content{flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-main{justify-content:space-between;width:100%;margin-top:3rem;padding-top:2rem;display:flex}.footer-left{flex-direction:column;gap:1rem;display:flex}.footer-logo{margin-bottom:1rem}.footer-tagline{color:#ffffffe6;margin-bottom:.5rem;font-size:1.2rem}.footer-copyright{color:#fff9;font-size:.9rem}.mobile-hero-background-container{z-index:0;width:100vw;height:100vh;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mobile-hero-background-image{object-fit:cover;opacity:.4;width:100%;height:100%}.feature-cards-row{flex-direction:row;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:1200px;margin:2rem 0;display:flex}.feature-card{text-align:center;-webkit-backdrop-filter:blur(10px);background-color:#1a0b2e99;border-radius:12px;flex-direction:column;align-items:center;width:300px;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #ff8c001a}.feature-icon-circle{color:orange;background:linear-gradient(135deg,#ff8c00,#f50);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;font-size:1.8rem;transition:transform .5s,box-shadow .3s;animation:2s infinite alternate pulse;display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #ff8c0080}.feature-icon-circle:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.feature-card:hover .feature-icon-circle{transform:rotate(360deg)}.feature-card:hover .feature-icon-circle:before{left:100%}.feature-title{color:orange;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.feature-description{color:#ffffffb3;font-size:1rem;line-height:1.6}@media (width<=768px){.feature-cards-row{flex-direction:column;gap:1.5rem}.feature-card{width:100%;max-width:350px}.footer-main{text-align:center;flex-direction:column;align-items:center}}.page-transition-fade{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.page-transition-fade-out{opacity:0}.page-transition-fade-in{opacity:1}.sidebar-item{padding-left:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-item:hover{padding-left:2px}.sidebar-item.transitioning,.category-page.loading{pointer-events:none}.skeleton-loader{animation:.3s cubic-bezier(.4,0,.2,1) fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*,:before,:after{box-sizing:border-box}:root{color-scheme:light dark;color:#ffffffde;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333;font-weight:400;line-height:1.5}html{scroll-behavior:smooth;overflow-x:hidden}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:#0000;border:2px solid #999;border-radius:15px;outline:none;width:60px;height:30px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}input[type=color]::-moz-color-swatch{border:none}.chakra-select:focus-visible{border-color:orange!important;box-shadow:0 0 0 1px #ffa50080!important}a{font-weight:500;text-decoration:none}body{min-width:100%;margin:0;font-family:Figtree,sans-serif}.app-container{min-height:100vh;padding:0 2em;display:flex}.back-to-top{border:1px solid #555;background:#1a1a1a!important}@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;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@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-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}