.bg-noise{z-index:-1;pointer-events:none;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.premium-bg{z-index:-5;background:#000;position:fixed;inset:0;overflow:hidden}.ambient-glow{pointer-events:none;background:radial-gradient(70% 60% at 50% -20%,#2563eb1f,#0000 80%);width:120vw;height:100vh;position:absolute;top:0;left:50%;transform:translate(-50%)}.blue-flare{pointer-events:none;background:radial-gradient(circle,#3b82f60f,#0000 60%);width:50vw;height:50vw;position:absolute;top:20%;left:10%}.grid-wrapper{z-index:-5;background:#000;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0;overflow:hidden}.core-glow{pointer-events:none;z-index:1;background:radial-gradient(#2563eb40 0%,#0000 70%);width:80vw;height:300px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.modern-3d-grid{background-image:linear-gradient(90deg,#3b82f64d 1px,#0000 1px),linear-gradient(#3b82f64d 1px,#0000 1px);background-position:bottom;background-size:60px 60px;width:200vw;height:100vh;animation:2s linear infinite grid-scroll;position:absolute;bottom:0;transform:perspective(600px)rotateX(60deg)scale(2);-webkit-mask-image:linear-gradient(#0000 0%,#000 60%);mask-image:linear-gradient(#0000 0%,#000 60%)}@keyframes grid-scroll{0%{background-position-y:0}to{background-position-y:60px}}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#0a0f1999;border:1px solid #3b82f626;box-shadow:0 4px 30px #00000080}.glow-text{text-shadow:0 0 40px #3b82f666}@keyframes shimmer{0%{transform:translate(-150%)skew(-15deg)}to{transform:translate(150%)skew(-15deg)}}.animate-shimmer{animation:3s linear infinite shimmer}.animate-spin-slow{animation:4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-carousel-container{justify-content:center;align-items:center;display:flex}.carousel-card{will-change:transform, opacity;margin-left:-140px;transition:all .8s cubic-bezier(.34,1.56,.64,1);position:absolute;left:50%}.carousel-left{z-index:10;opacity:.4;filter:blur(2px)brightness(.5);cursor:pointer;transform:translate(-350px)translateZ(-200px)rotateY(25deg)scale(.8)}.carousel-left:hover{opacity:.7;filter:blur()brightness(.8);transform:translate(-350px)translateZ(-150px)rotateY(15deg)scale(.85)}.carousel-center{z-index:50;opacity:1;filter:brightness(1.1);transform:translate(0)translateZ(100px)rotateY(0)scale(1.1);box-shadow:0 0 80px #3b82f666,0 0 30px #a855f74d}.carousel-right{z-index:10;opacity:.4;filter:blur(2px)brightness(.5);cursor:pointer;transform:translate(350px)translateZ(-200px)rotateY(-25deg)scale(.8)}.carousel-right:hover{opacity:.7;filter:blur()brightness(.8);transform:translate(350px)translateZ(-150px)rotateY(-15deg)scale(.85)}.carousel-left input[type=range],.carousel-right input[type=range]{pointer-events:none}.carousel-center input[type=range]{pointer-events:auto}.carousel-center .flex.justify-between{transform:translateY(-5px);opacity:1!important}.carousel-center input[type=range]{cursor:ew-resize}.carousel-left input[type=range],.carousel-right input[type=range]{cursor:pointer}@media (width<=1200px){.carousel-left{transform:translate(-280px)translateZ(-200px)scale(.75)}.carousel-right{transform:translate(280px)translateZ(-200px)scale(.75)}}@media (width<=1024px){.carousel-left{opacity:.3;transform:translate(-220px)translateZ(-250px)scale(.7)}.carousel-right{opacity:.3;transform:translate(220px)translateZ(-250px)scale(.7)}}@media (width<=768px){.mobile-carousel-container{perspective:none!important;flex-direction:column!important;gap:2rem!important;height:auto!important;display:flex!important}.carousel-card{opacity:1!important;filter:none!important;pointer-events:auto!important;z-index:10!important;width:100%!important;position:relative!important;transform:none!important}.carousel-card .flex.justify-between{opacity:1!important}.carousel-card input[type=range]{pointer-events:auto!important;cursor:ew-resize!important}.editor-top-half{flex-direction:column!important;height:auto!important}.editor-sidebar{max-height:250px;border-bottom:1px solid #3b82f61a!important;border-right:none!important;width:100%!important}.hero-h1{font-size:3rem!important;line-height:1.1!important}}
