:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.atropos-rotate-touch,.atropos-rotate-scroll-x,.atropos-rotate-scroll-y{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[data-atropos-offset]{transition-property:transform}[data-atropos-offset][data-atropos-opacity]{transition-property:transform,opacity}.atropos-container{width:290px;height:240px;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.my-atropos{width:290px;height:240px;border-radius:50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.my-atropos img{margin:15px;border-radius:15px}.name{display:flex;flex-direction:column;align-items:start;justify-content:center}.name h4{margin:0;font-size:17px;position:relative;bottom:12px;left:5px}.name h2{margin:0;font-size:50px}.container h3{width:40vw;margin:0}.container h1{margin-bottom:0}.body{top:50%;left:50%;position:absolute;margin:0;padding:0;min-height:100%;min-width:100%;background:radial-gradient(circle at 20% 80%,#120458 0%,transparent 50%),radial-gradient(circle at 80% 20%,#421e84 0%,transparent 50%),radial-gradient(circle at 40% 40%,#8b1e84 0%,transparent 50%),linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);display:flex;justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;overflow:hidden;transform:translate(-50%,-50%)}.particle{position:absolute;width:4px;height:4px;background:#0ff;animation:float 8s infinite linear;box-shadow:0 0 6px #0ff}.particle:nth-child(1){left:10%;animation-delay:-2s;animation-duration:6s}.particle:nth-child(2){left:20%;animation-delay:-4s;animation-duration:8s;background:#f0f;box-shadow:0 0 6px #f0f}.particle:nth-child(3){left:30%;animation-delay:-1s;animation-duration:7s;background:#ff0;box-shadow:0 0 6px #ff0}.particle:nth-child(4){left:40%;animation-delay:-3s;animation-duration:9s}.particle:nth-child(5){left:50%;animation-delay:-5s;animation-duration:6s;background:#f0f;box-shadow:0 0 6px #f0f}.particle:nth-child(6){left:60%;animation-delay:-2s;animation-duration:8s;background:#ff0;box-shadow:0 0 6px #ff0}.particle:nth-child(7){left:70%;animation-delay:-4s;animation-duration:7s}.particle:nth-child(8){left:80%;animation-delay:-1s;animation-duration:9s;background:#f0f;box-shadow:0 0 6px #f0f}.particle:nth-child(9){left:90%;animation-delay:-3s;animation-duration:6s;background:#ff0;box-shadow:0 0 6px #ff0}@keyframes float{0%{transform:translateY(1000px) rotate(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(900px) rotate(36deg) scale(1)}90%{opacity:1;transform:translateY(-100px) rotate(324deg) scale(1)}to{transform:translateY(-200px) rotate(360deg) scale(0);opacity:0}}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px);animation:scanline 2s linear infinite;pointer-events:none}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(1000px)}}.container{text-align:center;z-index:10;position:relative;display:flex;flex-direction:column;align-items:center}.retro-title{color:#fff;font-size:28px;text-wrap:nowrap;margin-bottom:50px;text-transform:uppercase;letter-spacing:0px;position:relative;animation:titleGlow 3s ease-in-out infinite alternate,titleFloat 4s ease-in-out infinite,titleRainbow 6s linear infinite}@keyframes titleGlow{0%{text-shadow:0 0 5px #00ffff,0 0 10px #00ffff,0 0 15px #00ffff,0 0 20px #00ffff}to{text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 30px #ff00ff,0 0 40px #ff00ff}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes titleRainbow{0%{color:red}16.66%{color:#f80}33.33%{color:#ff0}50%{color:#0f0}66.66%{color:#08f}83.33%{color:#80f}to{color:red}}.pixel-button{display:inline-block;margin:20px;cursor:pointer;position:relative;animation:buttonFloat 3s ease-in-out infinite;transform-style:preserve-3d}@keyframes buttonFloat{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-8px) rotateX(5deg)}}.button-body{position:relative;padding:20px 40px;background:linear-gradient(45deg,#ff6b35,#ff8f65);color:#fff;font-size:16px;text-transform:uppercase;letter-spacing:2px;border:none;outline:none;box-shadow:inset 0 0 0 2px #fa8,inset 0 0 0 4px #ff6b35,0 0 0 2px #ff6b35,0 0 0 4px #e63946,0 0 0 6px #c1121f,0 0 0 8px #2d3436,6px 6px 0 8px #636e72,8px 8px 0 8px #495057,10px 10px 0 8px #343a40,0 0 20px #ff6b3566,0 0 40px #ff6b3533;transition:all .2s cubic-bezier(.25,.46,.45,.94);animation:buttonPulse 2s ease-in-out infinite,buttonGlow 3s ease-in-out infinite alternate}@keyframes buttonPulse{0%,50%,to{transform:scale(1)}25%{transform:scale(1.02)}75%{transform:scale(.98)}}@keyframes buttonGlow{0%{box-shadow:inset 0 0 0 2px #fa8,inset 0 0 0 4px #ff6b35,0 0 0 2px #ff6b35,0 0 0 4px #e63946,0 0 0 6px #c1121f,0 0 0 8px #2d3436,6px 6px 0 8px #636e72,8px 8px 0 8px #495057,10px 10px 0 8px #343a40,0 0 20px #ff6b3566,0 0 40px #ff6b3533}to{box-shadow:inset 0 0 0 2px #fa8,inset 0 0 0 4px #ff6b35,0 0 0 2px #ff6b35,0 0 0 4px #e63946,0 0 0 6px #c1121f,0 0 0 8px #2d3436,6px 6px 0 8px #636e72,8px 8px 0 8px #495057,10px 10px 0 8px #343a40,0 0 30px #ff6b35cc,0 0 60px #ff6b3566,0 0 80px #ff6b3533}}.pixel-button:hover .button-body{background:linear-gradient(45deg,#fd79a8,#fdcb6e);transform:translate(-4px,-4px) scale(1.05) rotate(2deg);box-shadow:inset 0 0 0 2px #ffe4e1,inset 0 0 0 4px #fd79a8,0 0 0 2px #fd79a8,0 0 0 4px #e84393,0 0 0 6px #d63031,0 0 0 8px #2d3436,10px 10px 0 8px #636e72,12px 12px 0 8px #495057,14px 14px 0 8px #343a40,0 0 30px #fd79a8cc,0 0 60px #fd79a866,0 0 100px #fd79a833;animation:buttonHover .3s ease-in-out infinite alternate,buttonPulse 1s ease-in-out infinite}@keyframes buttonHover{0%{filter:hue-rotate(0deg) brightness(1.1)}to{filter:hue-rotate(10deg) brightness(1.2)}}.pixel-button:active .button-body{transform:translate(6px,6px) scale(.95) rotate(-1deg);box-shadow:inset 0 0 0 2px #ffe4e1,inset 0 0 0 4px #fd79a8,0 0 0 2px #fd79a8,0 0 0 4px #e84393,0 0 0 6px #d63031,0 0 0 8px #2d3436,2px 2px 0 8px #636e72,4px 4px 0 8px #495057,6px 6px 0 8px #343a40,0 0 15px #fd79a8;animation:buttonPress .1s ease-out}@keyframes buttonPress{0%{transform:translate(6px,6px) scale(.95) rotate(-1deg)}50%{transform:translate(8px,8px) scale(.9) rotate(-2deg)}to{transform:translate(6px,6px) scale(.95) rotate(-1deg)}}.pixel-heart{display:inline-block;width:20px;height:18px;margin-right:20px;position:relative;animation:heartBeat 1.5s ease-in-out infinite}.pixel-heart:before,.pixel-heart:after{content:"";position:absolute;width:16px;height:26px;background:#fff;border-radius:10px 10px 0 0;transform:rotate(-45deg);transform-origin:0 100%;animation:heartGlow 2s ease-in-out infinite alternate}.pixel-heart:after{left:-4px;transform:rotate(45deg);transform-origin:100% 100%}@keyframes heartBeat{0%,50%,to{transform:scale(1)}25%{transform:scale(1.2)}75%{transform:scale(1.1)}}@keyframes heartGlow{0%{background:#fff;box-shadow:0 0 5px #ff69b4}to{background:#ff69b4;box-shadow:0 0 15px #ff1493,0 0 25px #ff69b4}}.sparkle{position:absolute;width:6px;height:6px;background:#fff;border-radius:0%;animation:sparkleAnimation 2s linear infinite}.sparkle:nth-child(1){top:-10px;left:20%;animation-delay:0s;background:#0ff;box-shadow:0 0 10px #0ff}.sparkle:nth-child(2){top:50%;right:-10px;animation-delay:.5s;background:#f0f;box-shadow:0 0 10px #f0f}.sparkle:nth-child(3){bottom:-10px;left:70%;animation-delay:1s;background:#ff0;box-shadow:0 0 10px #ff0}.sparkle:nth-child(4){top:20%;left:-10px;animation-delay:1.5s;background:#0f0;box-shadow:0 0 10px #0f0}@keyframes sparkleAnimation{0%,to{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.5) rotate(180deg);opacity:1}}.sound-wave{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:12px;color:#fdcb6e;opacity:0;animation:soundWave 2s ease-in-out infinite}@keyframes soundWave{0%,90%,to{opacity:0;transform:translate(-50%) translateY(0) scale(.8)}10%,80%{opacity:1;transform:translate(-50%) translateY(-20px) scale(1.2)}}.description{color:#74b9ff;font-size:11px;margin-top:50px;line-height:1.8;max-width:500px;overflow:hidden;white-space:nowrap;animation:typewriter 4s steps(80) infinite}@keyframes typewriter{0%,90%,to{width:0}30%,60%{width:100%}}.pixel-button:hover .button-body:before{content:attr(data-text);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:red;animation:rgbSplit .3s ease-in-out infinite alternate;pointer-events:none;mix-blend-mode:screen}@keyframes rgbSplit{0%{transform:translate(0)}to{transform:translate(2px,-1px)}}@media(orientation:portrait){.container h3{width:90vw;margin:0}.container h1{margin-bottom:0;font-size:45px;width:90vw}}.atropos{position:relative;display:block;perspective:1200px;transform:translateZ(0)}.atropos-rotate-touch,.atropos-rotate-scroll-x,.atropos-rotate-scroll-y{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{touch-action:pan-y}.atropos-rotate-touch-scroll-x{touch-action:pan-x}.atropos-rotate-touch{touch-action:none}.atropos-scale,.atropos-rotate{width:100%;height:100%;transform-style:preserve-3d;transition-property:transform;display:block}.atropos-shadow,.atropos-highlight{position:absolute;pointer-events:none;transition-property:transform,opacity;display:block;opacity:0}.atropos-shadow{z-index:-1;background:#000;left:0;top:0;width:100%;height:100%;filter:blur(30px)}.atropos-highlight{left:-50%;top:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 50%,rgba(255,255,255,.25),transparent 50%);z-index:0}.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;position:relative;overflow:hidden;transform-style:preserve-3d;transform:translateZ(0);display:block}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1!important}[data-atropos-offset],::slotted([data-atropos-offset]){transition-property:transform}[data-atropos-opacity]{transition-property:opacity}[data-atropos-offset][data-atropos-opacity],::slotted([data-atropos-offset][data-atropos-opacity]){transition-property:transform,opacity}