@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.typewriter-wrapper{display:inline-block;position:relative}.typewriter-text{overflow:hidden;white-space:nowrap;border-right:3px solid;border-color:currentcolor;animation:typewriter 3s steps(40) forwards,blink 1s step-end infinite}.typewriter-char{opacity:0;animation:fadeIn .1s ease-in forwards;display:inline-block}.char-visible{opacity:1}.char-hidden{opacity:0}.typewriter-cursor{display:inline-block;width:3px;height:1.2em;background:linear-gradient(135deg,#00D9FF,#BD00FF);animation:blink 1s infinite;margin-left:2px;vertical-align:text-bottom}.pyramid-loader{position:relative;display:block;transform-style:preserve-3d;transform:rotateX(-20deg);margin:0 auto}.pyramid-loader .wrapper{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:spin 4s linear infinite}@keyframes spin{to{transform:rotateY(1turn)}}.pyramid-loader .wrapper .side{width:70px;height:70px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transform-origin:center top;clip-path:polygon(50% 0,0 100%,100% 100%)}.pyramid-loader .wrapper .side1{transform:rotate(-30deg) rotateY(90deg);background:conic-gradient(#2BDEAC,#F028FD,#D8CCE6,#2F2585)}.pyramid-loader .wrapper .side2{transform:rotate(30deg) rotateY(90deg);background:conic-gradient(#2F2585,#D8CCE6,#F028FD,#2BDEAC)}.pyramid-loader .wrapper .side3{transform:rotateX(30deg);background:conic-gradient(#2F2585,#D8CCE6,#F028FD,#2BDEAC)}.pyramid-loader .wrapper .side4{transform:rotateX(-30deg);background:conic-gradient(#2BDEAC,#F028FD,#D8CCE6,#2F2585)}.pyramid-loader .wrapper .shadow{width:60px;height:60px;background:#8B5AD5;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transform:rotateX(90deg) translateZ(-40px);filter:blur(12px)}.w-32.pyramid-loader .wrapper .side{width:46px;height:46px}.w-32.pyramid-loader .wrapper .shadow{width:40px;height:40px}.w-48.pyramid-loader .wrapper .side{width:70px;height:70px}.w-48.pyramid-loader .wrapper .shadow{width:60px;height:60px}.w-72.pyramid-loader .wrapper .side{width:105px;height:105px}.w-72.pyramid-loader .wrapper .shadow{width:90px;height:90px}