html{scroll-behavior:smooth}:root{--mx-bg0: #020204;--mx-bg1: #0a0a0f;--mx-accent: #8b5cf6;--mx-cyan: #06b6d4;--mx-purple: #7c3aed;--mx-purple-alpha: rgba(124, 58, 237, .4);--mx-glow: 0 0 10px rgba(6, 182, 212, .5);--mx-speed: 20s;--z-bg: -50;--z-particles: -40;--z-overlay: 9999}.btn-cosmic{position:relative;overflow:hidden;transition:all .3s ease;background:var(--mx-cyan);color:#000;box-shadow:0 0 10px #06b6d466}.btn-cosmic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:.5s;transform:skew(-20deg)}.btn-cosmic:hover:before{left:100%}.btn-cosmic:hover{transform:translateY(-2px);box-shadow:0 0 25px #06b6d4cc}.btn-super-primary{position:relative;background-size:200% auto;background-image:linear-gradient(to right,#2563eb,#9333ea 51%,#06b6d4);transition:.5s;overflow:hidden;z-index:1}.btn-super-primary:hover{background-position:right center;box-shadow:0 0 30px #9333ea99;transform:translateY(-2px)}.btn-super-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);opacity:0;transition:.3s}.btn-super-primary:hover:after{opacity:1}#mx-bg-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-bg);background:var(--mx-bg0);overflow:hidden;pointer-events:none}.mx-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:floatOrb 20s infinite ease-in-out alternate}.mx-orb-1{top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,var(--mx-purple) 0%,transparent 70%)}.mx-orb-2{bottom:-20%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,var(--mx-cyan) 0%,transparent 70%);animation-delay:-5s}#mx-noise{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-bg);opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}#mx-spotlight{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-overlay);background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.03),transparent 40%)}.mx-window{position:relative;background:#ffffff05;background-image:linear-gradient(180deg,#ffffff14,#fff0);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease}.mx-window:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.08),transparent);transform:skew(-25deg);transition:.5s;pointer-events:none;z-index:10}.mx-window:hover:before{left:100%;transition:.7s}.mx-window:hover{background:#ffffff0d;border-color:#ffffff40;box-shadow:0 10px 40px #06b6d426}.mx-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.mx-reveal.visible{opacity:1;transform:translateY(0)}.cube-wrapper{perspective:1000px;display:inline-block;position:relative}.cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:rotateCube var(--mx-speed) infinite linear}.cube-face{position:absolute;width:100%;height:100%;border:1px solid var(--mx-cyan);background:#06b6d40d;box-shadow:0 0 4px var(--mx-cyan);backface-visibility:visible}.cube-face.front{transform:rotateY(0) translateZ(var(--offset))}.cube-face.back{transform:rotateY(180deg) translateZ(var(--offset))}.cube-face.right{transform:rotateY(90deg) translateZ(var(--offset))}.cube-face.left{transform:rotateY(-90deg) translateZ(var(--offset))}.cube-face.top{transform:rotateX(90deg) translateZ(var(--offset))}.cube-face.bottom{transform:rotateX(-90deg) translateZ(var(--offset))}.inner-cube{position:absolute;top:25%;left:25%;width:50%;height:50%;transform-style:preserve-3d;animation:pulseInner 4s ease-in-out infinite alternate}.inner-face{position:absolute;width:100%;height:100%;background:var(--mx-purple-alpha);border:1px solid var(--mx-purple);box-shadow:0 0 10px var(--mx-purple)}.inner-face.front{transform:rotateY(0) translateZ(var(--inner-offset))}.inner-face.back{transform:rotateY(180deg) translateZ(var(--inner-offset))}.inner-face.right{transform:rotateY(90deg) translateZ(var(--inner-offset))}.inner-face.left{transform:rotateY(-90deg) translateZ(var(--inner-offset))}.inner-face.top{transform:rotateX(90deg) translateZ(var(--inner-offset))}.inner-face.bottom{transform:rotateX(-90deg) translateZ(var(--inner-offset))}.cube-logo{width:32px;height:32px;--offset: 16px;--inner-offset: 8px}.cube-hero{width:400px;height:400px;--offset: 200px;--inner-offset: 100px;opacity:.4;filter:blur(0px)}.cube-accent{width:60px;height:60px;--offset: 30px;--inner-offset: 15px;opacity:.3}@keyframes rotateCube{0%{transform:rotateX(15deg) rotateY(0)}to{transform:rotateX(15deg) rotateY(360deg)}}@keyframes pulseInner{0%{transform:scale3d(.9,.9,.9);opacity:.7}to{transform:scale3d(1.1,1.1,1.1);opacity:1}}@keyframes floatOrb{0%{transform:translate(0)}to{transform:translate(30px,-30px)}}@media (prefers-reduced-motion: reduce){.cube{animation:none;transform:rotateX(15deg) rotateY(45deg)}.mx-orb{animation:none}.mx-reveal{transition:none;opacity:1;transform:none}.mx-window:before{display:none}}