.wrapper{width:100%;height:100%;position:relative;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.inner{--w:100px;--h:150px;--translateZ:calc((var(--w) + var(--h)) + 0px);--rotateX:-15deg;--perspective:1000px;position:absolute;width:var(--w);height:var(--h);top:25%;left:calc(50% - (var(--w) / 2) - 2.5px);z-index:2;transform-style:preserve-3d;transform:perspective(var(--perspective));animation:rotating 20s linear infinite}@keyframes rotating{0%{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(0)}to{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(-1turn)}}.card{position:absolute;border:2px solid rgba(var(--color-card));border-radius:12px;overflow:hidden;inset:0;transform:rotateY(calc((1turn / var(--quantity)) * var(--index))) translateZ(var(--translateZ))}.img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#0000 radial-gradient(circle,rgba(var(--color-card),.2) 0,rgba(var(--color-card),.6) 80%,rgba(var(--color-card),.9) 100%)}.card-letter{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.button,.button:after{padding:16px 20px;font-size:20px;background:linear-gradient(45deg,transparent 5%,#0f0c29 0);border:0;color:#fff;line-height:1;box-shadow:6px 0 0 #2a64f6;outline:transparent;position:relative}.button:after{--slice-0:inset(50% 50% 50% 50%);--slice-1:inset(80% -6px 0 0);--slice-2:inset(50% -6px 30% 0);--slice-3:inset(10% -6px 85% 0);--slice-4:inset(40% -6px 43% 0);--slice-5:inset(80% -6px 5% 0);content:"THINK BEYOND TOGETHER";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 3%,#2a64f6 0,#2a64f6 5%,#000000 0);text-shadow:-3px -3px 0 #ff0000,3px 3px 0 #2a64f6;clip-path:var(--slice-0)}.button:hover:after{animation:glitch 1s;animation-timing-function:steps(2)}@keyframes glitch{0%{clip-path:var(--slice-1);transform:translate(-20px,-10px)}10%{clip-path:var(--slice-3);transform:translate(10px,10px)}20%{clip-path:var(--slice-1);transform:translate(-10px,10px)}30%{clip-path:var(--slice-3);transform:translateY(5px)}40%{clip-path:var(--slice-2);transform:translate(-5px)}50%{clip-path:var(--slice-3);transform:translate(5px)}60%{clip-path:var(--slice-4);transform:translate(5px,10px)}70%{clip-path:var(--slice-2);transform:translate(-10px,10px)}80%{clip-path:var(--slice-5);transform:translate(20px,-10px)}90%{clip-path:var(--slice-1);transform:translate(-10px)}to{clip-path:var(--slice-1);transform:translate(0)}}.button:hover{box-shadow:15px #00ffb1}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.typewriter{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid white;animation:typewriter 3s steps(30),blink .7s step-end infinite}.text-shine{display:inline-block;color:#fff;background:linear-gradient(270deg,#f0f0f0 0,#d9d9d9 5%,#2a64f6 15%,#bdbdbd 25%,#f5f5f5 35%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 6s linear infinite}@keyframes shine{0%{background-position:200% 0}to{background-position:0 0}}.glow-text{color:#2a64f6;font-weight:700;text-shadow:0 0 3px #2a64f6,0 0 0 #2a64f6,0 0 0,0 0 20px #7ba7f6}.container{position:absolute;width:100%;height:100%;top:0;overflow:hidden;max-width:none;background:radial-gradient(circle at center,#1c1f33,#0f0c29 60%,darkblue);background-size:200% 200%;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.stars{width:100%;height:100%;background:transparent;overflow:hidden;pointer-events:none}.star,.stars{position:absolute}.star{width:2px;height:2px;background-color:#ffffff;border-radius:50%;box-shadow:0 0 6px rgba(255,255,255,.8);animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}