.environment-container{position:absolute;top:0;left:0;width:100%;height:100%;transition:background 2s ease-in-out,box-shadow 2s ease-in-out;overflow:hidden;--animation-speed: 1s;--transition-duration: 2s}.environment-container.transitioning{animation:fadeTransition var(--transition-duration) ease-in-out}.environment-container.transitioning.slide-left{animation:slideLeftTransition var(--transition-duration) ease-in-out}.environment-container.transitioning.slide-right{animation:slideRightTransition var(--transition-duration) ease-in-out}.environment-container.transitioning.zoom{animation:zoomTransition var(--transition-duration) ease-in-out}@keyframes fadeTransition{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes slideLeftTransition{0%{transform:translate(0);opacity:1}50%{transform:translate(-20px);opacity:.7}to{transform:translate(0);opacity:1}}@keyframes slideRightTransition{0%{transform:translate(0);opacity:1}50%{transform:translate(20px);opacity:.7}to{transform:translate(0);opacity:1}}@keyframes zoomTransition{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.environment-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 0%,rgba(0,0,0,.05) 100%);opacity:0;animation:ambientPulse 15s ease-in-out infinite}@keyframes ambientPulse{0%{opacity:0}50%{opacity:.7}to{opacity:0}}.decorations{position:absolute;bottom:0;left:0;width:100%;height:40%;z-index:1}.tree{position:absolute;bottom:0;background:#2d2b1f;width:10px;height:40px;transform-origin:bottom center;animation:treeSwaying calc(var(--animation-speed) * 8) ease-in-out infinite}@keyframes treeSwaying{0%{transform:rotate(0)}25%{transform:rotate(1deg)}50%{transform:rotate(0)}75%{transform:rotate(-1deg)}to{transform:rotate(0)}}.tree:after{content:"";position:absolute;width:60px;height:60px;background:#2e5829;border-radius:50%;top:-50px;left:-25px;animation:leavesRustling calc(var(--animation-speed) * 6) ease-in-out infinite}@keyframes leavesRustling{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.tree.large{left:20%;height:60px;width:12px}.tree.large:after{width:80px;height:80px;top:-70px;left:-34px}.tree.medium{left:40%;height:50px}.tree.small{left:60%;height:30px;width:8px}.tree.small:after{width:40px;height:40px;top:-30px;left:-16px}.tree.right{left:auto;right:20%}.mountain{position:absolute;bottom:0;border-left:80px solid transparent;border-right:80px solid transparent;border-bottom:150px solid #6E6E6E}.mountain.large{left:10%;border-left-width:100px;border-right-width:100px;border-bottom-width:180px}.mountain.medium{left:35%;z-index:2}.mountain.small{left:60%;border-left-width:60px;border-right-width:60px;border-bottom-width:120px}.mountain:after{content:"";position:absolute;top:-20px;left:-20px;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:40px solid #FFFFFF}.dune{position:absolute;bottom:0;height:60px;width:100%;background:#e2c391;border-radius:50% 50% 0 0}.dune.medium{bottom:20px;height:40px;background:#d4b483;left:-20%;width:140%}.cactus{position:absolute;bottom:60px;left:30%;width:15px;height:60px;background:#4b7f52;border-radius:2px}.cactus:after{content:"";position:absolute;width:30px;height:15px;background:#4b7f52;top:15px;left:15px;border-radius:2px}.cactus.right{left:70%;height:50px}.cactus.right:after{top:20px;left:-30px}.ocean{position:absolute;bottom:0;height:150px;width:100%;background:#09c;clip-path:polygon(0 20%,20% 15%,40% 20%,60% 15%,80% 20%,100% 15%,100% 100%,0 100%);animation:wavesMoving calc(var(--animation-speed) * 8) ease-in-out infinite}@keyframes wavesMoving{0%{clip-path:polygon(0 20%,20% 15%,40% 20%,60% 15%,80% 20%,100% 15%,100% 100%,0 100%)}50%{clip-path:polygon(0 15%,20% 20%,40% 15%,60% 20%,80% 15%,100% 20%,100% 100%,0 100%)}to{clip-path:polygon(0 20%,20% 15%,40% 20%,60% 15%,80% 20%,100% 15%,100% 100%,0 100%)}}.palm-tree{position:absolute;bottom:150px;left:20%;width:10px;height:70px;background:#8b4513;transform:rotate(-5deg);animation:palmSwaying calc(var(--animation-speed) * 10) ease-in-out infinite}@keyframes palmSwaying{0%{transform:rotate(-5deg)}50%{transform:rotate(-8deg)}to{transform:rotate(-5deg)}}.palm-tree:after{content:"";position:absolute;width:60px;height:40px;background:#3d8b3d;border-radius:100% 10%;top:-30px;left:0;transform:rotate(-20deg)}.palm-tree:before{content:"";position:absolute;width:60px;height:40px;background:#3d8b3d;border-radius:10% 100%;top:-25px;left:-50px;transform:rotate(20deg)}.palm-tree.right{left:70%;transform:rotate(5deg)}.building{position:absolute;bottom:0;width:50px;background:#444;animation:buildingGlow 20s ease-in-out infinite}@keyframes buildingGlow{0%{box-shadow:none}50%{box-shadow:0 0 10px #ffffc833}to{box-shadow:none}}.building.tall{left:20%;height:180px;width:60px}.building.medium-tall{left:45%;height:150px;width:70px}.building.medium{left:65%;height:130px}.building.small{left:85%;height:100px;width:40px}.building:after{content:"";position:absolute;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent,transparent 15px,rgba(255,255,200,.3) 15px,rgba(255,255,200,.3) 20px)}.weather-effect{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.rain{background-image:linear-gradient(to bottom,#0000,#c8c8ff4d);background-size:20px 20px;animation:rain calc(var(--animation-speed) * .5) linear infinite;transition:all 3s ease-in-out}.rain.heavy{background-size:15px 15px;animation-duration:.3s}@keyframes rain{0%{background-position:0px 0px}to{background-position:20px 50px}}.lightning{opacity:0;background:#fff0;animation:lightning calc(var(--animation-speed) * 10) linear infinite;transition:animation-duration 4s ease-in-out}@keyframes lightning{0%{opacity:0;background:#fff0}1%{opacity:1;background:#ffffff80}2%{opacity:0;background:#fff0}5%{opacity:0;background:#fff0}6%{opacity:1;background:#ffffff80}7%{opacity:0;background:#fff0}to{opacity:0;background:#fff0}}.fog{background-image:linear-gradient(to right,#ffffff4d,#ffffff80,#ffffff4d);background-size:200% 100%;animation:fog calc(var(--animation-speed) * 20) ease infinite;transition:opacity 3s ease-in-out,background-size 3s ease-in-out}@keyframes fog{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.snow{background-image:radial-gradient(circle,white 10%,transparent 10%),radial-gradient(circle,white 10%,transparent 10%);background-size:30px 30px;animation:snow 10s linear infinite}@keyframes snow{0%{background-position:0px 0px,15px 15px}to{background-position:30px 60px,45px 75px}}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,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;--primary: #646cff;--secondary: #535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}#root{width:100vw;height:100vh;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2em}.read-the-docs{color:#888}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}}.text-gradient{background:linear-gradient(to right,#60a5fa,#4f46e5,#8b5cf6,#d946ef,#8b5cf6,#4f46e5,#60a5fa);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:textGradient 8s linear infinite}@keyframes textGradient{0%{background-position:0% center}to{background-position:200% center}}.glow-effect{box-shadow:0 0 15px #4f46e566;transition:box-shadow .3s ease}.glow-effect:hover{box-shadow:0 0 20px #60a5fa99}.scale-102{transform:scale(1.02)}.spinner{border:3px solid rgba(255,255,255,.1);border-top:3px solid rgba(96,165,250,.8);border-radius:50%;width:30px;height:30px;animation:spin 1s cubic-bezier(.6,.2,.4,.8) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.choice-button{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.choice-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:all .6s}.choice-button:hover:after{left:100%}