@keyframes letter-reveal{0%{opacity:0;filter:blur(4px);transform:translateY(110%)rotate(8deg)}to{opacity:1;filter:blur();transform:translateY(0)rotate(0)}}.animate-letter-reveal{animation:.65s cubic-bezier(.16,1,.3,1) forwards letter-reveal}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fade-in}.active-slide,.inactive-slide{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform, opacity, clip-path, filter}.inactive-slide{pointer-events:none;opacity:0;z-index:0}.active-slide{pointer-events:auto;opacity:1;z-index:10}[data-transition=vortex-portal]{perspective:1500px}[data-transition=vortex-portal][data-active=true]{animation:1.3s cubic-bezier(.34,1.56,.64,1) forwards vortexPortalIn}[data-transition=vortex-portal][data-active=false]{animation:1.1s cubic-bezier(.16,1,.3,1) forwards vortexPortalOut}@keyframes vortexPortalIn{0%{transform:scale(.1) rotate(calc(220deg * var(--direction,1)));filter:blur(14px)brightness(2.2);opacity:0}70%{filter:blur(2px)brightness(1.2)}to{filter:blur()brightness();opacity:1;transform:scale(1)rotate(0)}}@keyframes vortexPortalOut{0%{filter:blur();opacity:1;transform:scale(1)rotate(0)}to{transform:scale(2.2) rotate(calc(-140deg * var(--direction,1)));filter:blur(16px)brightness(.4);opacity:0}}[data-transition=origami-fold]{perspective:1600px}[data-transition=origami-fold][data-active=true]{animation:1.25s cubic-bezier(.25,1,.5,1) forwards origamiIn}[data-transition=origami-fold][data-active=false]{animation:1.1s cubic-bezier(.25,1,.5,1) forwards origamiOut}@keyframes origamiIn{0%{transform:rotateY(calc(90deg * var(--direction,1))) rotateX(20deg) scale(.7);transform-origin:calc(50% + 50% * var(--direction,1)) center;filter:brightness(1.8)drop-shadow(0 20px 30px #000000b3);opacity:0}to{transform-origin:50%;filter:brightness()drop-shadow(0 0 #0000);opacity:1;transform:rotateY(0)rotateX(0)scale(1)}}@keyframes origamiOut{0%{transform-origin:50%;opacity:1;transform:rotateY(0)rotateX(0)scale(1)}to{transform:rotateY(calc(-90deg * var(--direction,1))) rotateX(-20deg) scale(.7);transform-origin:calc(50% - 50% * var(--direction,1)) center;filter:brightness(.3);opacity:0}}[data-transition=liquid-bubble]{overflow:hidden}[data-transition=liquid-bubble][data-active=true]{animation:1.3s cubic-bezier(.34,1.4,.64,1) forwards liquidBubbleIn}[data-transition=liquid-bubble][data-active=false]{animation:1s cubic-bezier(.16,1,.3,1) forwards liquidBubbleOut}@keyframes liquidBubbleIn{0%{clip-path:circle(0%);filter:contrast(1.4)brightness(1.3);opacity:0;transform:scale(1.35)rotate(-6deg)}60%{clip-path:circle(80%)}to{clip-path:circle(100%);filter:contrast()brightness();opacity:1;transform:scale(1)rotate(0)}}@keyframes liquidBubbleOut{0%{clip-path:circle(100%);opacity:1;transform:scale(1)}to{clip-path:circle(0%);opacity:0;transform:scale(.8)rotate(6deg)}}[data-transition=hyperdrive-warp]{perspective:1200px}[data-transition=hyperdrive-warp][data-active=true]{animation:1.2s cubic-bezier(.16,1,.3,1) forwards hyperdriveIn}[data-transition=hyperdrive-warp][data-active=false]{animation:1s cubic-bezier(.16,1,.3,1) forwards hyperdriveOut}@keyframes hyperdriveIn{0%{filter:blur(20px)brightness(2.5);opacity:0;transform:scale(3.5)translateZ(400px)}50%{filter:blur(6px)brightness(1.5)}to{filter:blur()brightness();opacity:1;transform:scale(1)translateZ(0)}}@keyframes hyperdriveOut{0%{filter:blur();opacity:1;transform:scale(1)translateZ(0)}to{filter:blur(16px)brightness(.2);opacity:0;transform:scale(.2)translateZ(-600px)}}[data-transition=diamond-kaleidoscope]{overflow:hidden}[data-transition=diamond-kaleidoscope][data-active=true]{animation:1.3s cubic-bezier(.25,1,.5,1) forwards diamondIn}[data-transition=diamond-kaleidoscope][data-active=false]{animation:1s cubic-bezier(.16,1,.3,1) forwards diamondOut}@keyframes diamondIn{0%{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%);opacity:0;transform:scale(.6)rotate(45deg)}60%{clip-path:polygon(50% 0%,85% 15%,100% 50%,85% 85%,50% 100%,15% 85%,0% 50%,15% 15%)}to{clip-path:polygon(0 0,100% 0,100% 0,100% 100%,100% 100%,0 100%,0 100%,0 0);opacity:1;transform:scale(1)rotate(0)}}@keyframes diamondOut{0%{clip-path:polygon(0 0,100% 0,100% 0,100% 100%,100% 100%,0 100%,0 100%,0 0);opacity:1;transform:scale(1)rotate(0)}to{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%);opacity:0;transform:scale(1.4)rotate(-30deg)}}[data-transition=cyber-glitch][data-active=true]{animation:1.1s steps(8,end) forwards cyberGlitchIn}[data-transition=cyber-glitch][data-active=false]{animation:.9s cubic-bezier(.16,1,.3,1) forwards cyberGlitchOut}@keyframes cyberGlitchIn{0%{filter:drop-shadow(4px 0 #c55a11)drop-shadow(-4px 0 #002060)brightness(2);opacity:0;transform:translate(25px,-15px)skew(20deg)}25%{filter:drop-shadow(-4px 0 #c55a11)drop-shadow(4px 0 #002060)brightness(1.5);opacity:.8;transform:translate(-15px,10px)skew(-12deg)}50%{filter:brightness(1.2);opacity:.95;transform:translate(8px,-4px)skew(6deg)}to{filter:drop-shadow(0 0 #0000)brightness();opacity:1;transform:translate(0)skew(0)}}@keyframes cyberGlitchOut{0%{opacity:1;transform:translate(0)}50%{filter:drop-shadow(4px 0 #c55a11);opacity:.5;transform:translate(15px,-8px)skew(-10deg)}to{filter:blur(8px)brightness(.2);opacity:0;transform:translate(-25px,20px)scale(.9)}}[data-transition=cinema-curtain]{overflow:hidden}[data-transition=cinema-curtain][data-active=true]{animation:1.25s cubic-bezier(.16,1,.3,1) forwards cinemaCurtainIn}[data-transition=cinema-curtain][data-active=false]{animation:1s cubic-bezier(.16,1,.3,1) forwards cinemaCurtainOut}@keyframes cinemaCurtainIn{0%{clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);filter:brightness(1.6);opacity:0;transform:scale(1.1)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:brightness();opacity:1;transform:scale(1)}}@keyframes cinemaCurtainOut{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1;transform:scale(1)}to{clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);opacity:0;transform:scale(.92)}}[data-transition=card-3d-flip]{perspective:1600px}[data-transition=card-3d-flip][data-active=true]{animation:1.25s cubic-bezier(.34,1.3,.64,1) forwards card3dIn}[data-transition=card-3d-flip][data-active=false]{animation:1s cubic-bezier(.25,1,.5,1) forwards card3dOut}@keyframes card3dIn{0%{transform:rotateY(calc(-80deg * var(--direction,1))) scale(.7) translateZ(-300px);opacity:0}to{opacity:1;transform:rotateY(0)scale(1)translateZ(0)}}@keyframes card3dOut{0%{opacity:1;transform:rotateY(0)scale(1)translateZ(0)}to{transform:rotateY(calc(80deg * var(--direction,1))) scale(.7) translateZ(-300px);opacity:0}}[data-transition=spiral-galaxy]{perspective:1400px}[data-transition=spiral-galaxy][data-active=true]{animation:1.3s cubic-bezier(.16,1,.3,1) forwards spiralGalaxyIn}[data-transition=spiral-galaxy][data-active=false]{animation:1s cubic-bezier(.16,1,.3,1) forwards spiralGalaxyOut}@keyframes spiralGalaxyIn{0%{transform:rotate(calc(120deg * var(--direction,1))) scale(.2) translateZ(-200px);filter:blur(12px)contrast(1.5);opacity:0}to{filter:blur()contrast();opacity:1;transform:rotate(0)scale(1)translateZ(0)}}@keyframes spiralGalaxyOut{0%{opacity:1;transform:rotate(0)scale(1)}to{transform:rotate(calc(-120deg * var(--direction,1))) scale(1.6);filter:blur(14px);opacity:0}}[data-transition=diagonal-shards]{overflow:hidden}[data-transition=diagonal-shards][data-active=true]{animation:1.2s cubic-bezier(.16,1,.3,1) forwards diagonalShardsIn}[data-transition=diagonal-shards][data-active=false]{animation:1s cubic-bezier(.16,1,.3,1) forwards diagonalShardsOut}@keyframes diagonalShardsIn{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:scale(1.15) rotate(calc(3deg * var(--direction,1)));opacity:0}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1;transform:scale(1)rotate(0)}}@keyframes diagonalShardsOut{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1;transform:scale(1)}to{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);transform:scale(.92) rotate(calc(-3deg * var(--direction,1)));opacity:0}}[data-transition=magic-morph]{overflow:hidden}[data-transition=magic-morph][data-active=true]{animation:1.3s cubic-bezier(.34,1.4,.64,1) forwards magicMorphIn}[data-transition=magic-morph][data-active=false]{animation:1s cubic-bezier(.16,1,.3,1) forwards magicMorphOut}@keyframes magicMorphIn{0%{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);filter:drop-shadow(0 0 25px #c55a11)brightness(1.7);opacity:0;transform:scale(.4)rotate(-35deg)}60%{clip-path:polygon(15% 0%,85% 0%,100% 15%,100% 85%,85% 100%,15% 100%,0% 85%,0% 15%)}to{clip-path:polygon(0% 0%,100% 0%,100% 0%,100% 100%,100% 100%,0% 100%,0% 100%,0% 0%);filter:drop-shadow(0 0 #0000)brightness();opacity:1;transform:scale(1)rotate(0)}}@keyframes magicMorphOut{0%{clip-path:polygon(0% 0%,100% 0%,100% 0%,100% 100%,100% 100%,0% 100%,0% 100%,0% 0%);opacity:1;transform:scale(1)}to{clip-path:polygon(50% 0%,50% 0%,100% 50%,100% 50%,50% 100%,50% 100%,0% 50%,0% 50%);filter:blur(10px);opacity:0;transform:scale(1.6)rotate(35deg)}}[data-transition=matrix-rain]{overflow:hidden}[data-transition=matrix-rain][data-active=true]{animation:1.2s cubic-bezier(.25,1,.5,1) forwards matrixRainIn}[data-transition=matrix-rain][data-active=false]{animation:1s cubic-bezier(.16,1,.3,1) forwards matrixRainOut}@keyframes matrixRainIn{0%{clip-path:inset(0 0 100%);filter:brightness(2)contrast(1.3);opacity:0;transform:translateY(-50px)scale(1.05)}to{clip-path:inset(0);filter:brightness()contrast();opacity:1;transform:translateY(0)scale(1)}}@keyframes matrixRainOut{0%{clip-path:inset(0);opacity:1;transform:translateY(0)}to{clip-path:inset(100% 0 0);opacity:0;transform:translateY(50px)scale(.95)}}[data-transition=cosmic-flare]{overflow:hidden}[data-transition=cosmic-flare][data-active=true]{animation:1.35s cubic-bezier(.16,1,.3,1) forwards cosmicFlareIn}[data-transition=cosmic-flare][data-active=false]{animation:1.1s cubic-bezier(.16,1,.3,1) forwards cosmicFlareOut}@keyframes cosmicFlareIn{0%{clip-path:ellipse(0% 0%);filter:brightness(3)drop-shadow(0 0 50px #ffd1b3);opacity:0;transform:scale(1.4)}50%{filter:brightness(1.8)}to{clip-path:ellipse(100% 100%);filter:brightness();opacity:1;transform:scale(1)}}@keyframes cosmicFlareOut{0%{clip-path:ellipse(100% 100%);opacity:1;transform:scale(1)}to{clip-path:ellipse(0% 0%);filter:blur(12px)brightness(.2);opacity:0;transform:scale(.7)}}[data-transition=shattered-glass]{perspective:1500px}[data-transition=shattered-glass][data-active=true]{animation:1.25s cubic-bezier(.34,1.4,.64,1) forwards shatteredIn}[data-transition=shattered-glass][data-active=false]{animation:1s cubic-bezier(.16,1,.3,1) forwards shatteredOut}@keyframes shatteredIn{0%{transform:rotateX(calc(45deg * var(--direction,1))) rotateY(calc(-30deg * var(--direction,1))) scale(.6) translateZ(-400px);filter:blur(10px)contrast(1.6);opacity:0}to{filter:blur()contrast();opacity:1;transform:rotateX(0)rotateY(0)scale(1)translateZ(0)}}@keyframes shatteredOut{0%{opacity:1;transform:rotateX(0)rotateY(0)scale(1)translateZ(0)}to{transform:rotateX(calc(-45deg * var(--direction,1))) rotateY(calc(30deg * var(--direction,1))) scale(1.3) translateZ(-200px);filter:blur(12px);opacity:0}}[data-transition=clockwork-gear]{overflow:hidden}[data-transition=clockwork-gear][data-active=true]{animation:1.3s cubic-bezier(.25,1,.5,1) forwards clockworkIn}[data-transition=clockwork-gear][data-active=false]{animation:1s cubic-bezier(.16,1,.3,1) forwards clockworkOut}@keyframes clockworkIn{0%{clip-path:polygon(50% 50%,50% 0%,50% 0%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%);transform:rotate(calc(-90deg * var(--direction,1))) scale(.7);opacity:0}50%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,50% 100%,50% 50%,50% 50%,50% 50%)}to{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%,50% 0%,50% 50%);opacity:1;transform:rotate(0)scale(1)}}@keyframes clockworkOut{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1;transform:rotate(0)scale(1)}to{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);transform:rotate(calc(90deg * var(--direction,1))) scale(1.3);opacity:0}}[data-transition=aurora-wave]{overflow:hidden}[data-transition=aurora-wave][data-active=true]{animation:1.25s cubic-bezier(.16,1,.3,1) forwards auroraIn}[data-transition=aurora-wave][data-active=false]{animation:1s cubic-bezier(.16,1,.3,1) forwards auroraOut}@keyframes auroraIn{0%{clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);filter:hue-rotate(90deg)brightness(1.5);opacity:0;transform:scale(1.2)translateY(30px)}to{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);filter:hue-rotate()brightness();opacity:1;transform:scale(1)translateY(0)}}@keyframes auroraOut{0%{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);opacity:1;transform:scale(1)}to{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);opacity:0;transform:scale(.9)translateY(-30px)}}[data-transition=cube-3d-chamber]{perspective:1500px}[data-transition=cube-3d-chamber][data-active=true]{animation:1.2s cubic-bezier(.25,1,.5,1) forwards cubeChamberIn}[data-transition=cube-3d-chamber][data-active=false]{animation:1s cubic-bezier(.25,1,.5,1) forwards cubeChamberOut}@keyframes cubeChamberIn{0%{transform:rotateY(calc(90deg * var(--direction,1))) translateZ(-350px);opacity:0}to{opacity:1;transform:rotateY(0)translateZ(0)}}@keyframes cubeChamberOut{0%{opacity:1;transform:rotateY(0)translateZ(0)}to{transform:rotateY(calc(-90deg * var(--direction,1))) translateZ(-350px);opacity:0}}[data-transition=elastic-springboard][data-active=true]{animation:1.35s cubic-bezier(.34,1.65,.64,1) forwards elasticIn}[data-transition=elastic-springboard][data-active=false]{animation:1s cubic-bezier(.16,1,.3,1) forwards elasticOut}@keyframes elasticIn{0%{transform:scale(.3) translateY(120px) rotate(calc(12deg * var(--direction,1)));filter:blur(10px);opacity:0}60%{transform:scale(1.08) translateY(-10px) rotate(calc(-3deg * var(--direction,1)))}to{filter:blur();opacity:1;transform:scale(1)translateY(0)rotate(0)}}@keyframes elasticOut{0%{opacity:1;transform:scale(1)translateY(0)rotate(0)}to{transform:scale(1.4) translateY(-80px) rotate(calc(-8deg * var(--direction,1)));filter:blur(12px);opacity:0}}
