:root{--pixel-size:4px;--cloud-color-1:rgba(255,255,255,0.1);--cloud-color-2:rgba(255,255,255,0.08);--cloud-color-3:rgba(255,255,255,0.05);--sky-gradient-1:#0a0e27;--sky-gradient-2:#1a2442;--sky-gradient-3:#2a3660}.pixel-parallax-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;background:linear-gradient(to bottom,var(--sky-gradient-1),var(--sky-gradient-2),var(--sky-gradient-3))}.pixel-cloud{position:absolute;width:var(--pixel-size);height:var(--pixel-size);background:currentColor;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pixel-cloud-1{color:var(--cloud-color-1);box-shadow:calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 0) 0 currentColor,calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 0) 0 currentColor,calc(var(--pixel-size) * 5) calc(var(--pixel-size) * 0) 0 currentColor,calc(var(--pixel-size) * 6) calc(var(--pixel-size) * 0) 0 currentColor,calc(var(--pixel-size) * 1) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 5) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 6) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 7) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 8) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 0) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 1) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 5) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 6) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 7) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 8) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 9) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 1) calc(var(--pixel-size) * 3) 0 currentColor,calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 3) 0 currentColor,calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 3) 0 currentColor,calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 3) 0 currentColor,calc(var(--pixel-size) * 5) calc(var(--pixel-size) * 3) 0 currentColor,calc(var(--pixel-size) * 6) calc(var(--pixel-size) * 3) 0 currentColor,calc(var(--pixel-size) * 7) calc(var(--pixel-size) * 3) 0 currentColor,calc(var(--pixel-size) * 8) calc(var(--pixel-size) * 3) 0 currentColor}.pixel-cloud-2{color:var(--cloud-color-2);box-shadow:calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 0) 0 currentColor,calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 0) 0 currentColor,calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 0) 0 currentColor,calc(var(--pixel-size) * 0) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 1) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 5) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 6) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 1) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 5) calc(var(--pixel-size) * 2) 0 currentColor}.pixel-cloud-3{color:var(--cloud-color-3);box-shadow:calc(var(--pixel-size) * 1) calc(var(--pixel-size) * 0) 0 currentColor,calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 0) 0 currentColor,calc(var(--pixel-size) * 0) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 1) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 1) 0 currentColor,calc(var(--pixel-size) * 1) calc(var(--pixel-size) * 2) 0 currentColor,calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 2) 0 currentColor}.pixel-star{position:absolute;width:var(--pixel-size);height:var(--pixel-size);background:white;opacity:.8;animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.parallax-layer-1{animation:drift-slow 120s linear infinite}.parallax-layer-2{animation:drift-medium 80s linear infinite}.parallax-layer-3{animation:drift-fast 40s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes drift-slow{0%{transform:translateX(-100%)}to{transform:translateX(100vw)}}@keyframes drift-medium{0%{transform:translateX(-100%)}to{transform:translateX(100vw)}}@keyframes drift-fast{0%{transform:translateX(-100%)}to{transform:translateX(100vw)}}.pixel-cloud-1{animation:drift-slow 120s linear infinite,float 6s ease-in-out infinite}.pixel-cloud-2{animation:drift-medium 80s linear infinite,float 8s ease-in-out infinite}.pixel-cloud-3{animation:drift-fast 40s linear infinite,float 5s ease-in-out infinite}.cloud-instance-1{top:10%;left:-10%}.cloud-instance-2{top:15%;left:20%;animation-delay:-20s}.cloud-instance-3{top:25%;left:50%;animation-delay:-40s}.cloud-instance-4{top:30%;left:80%;animation-delay:-60s}.cloud-instance-5{top:40%;left:-5%;animation-delay:-10s}.cloud-instance-6{top:50%;left:30%;animation-delay:-30s}.cloud-instance-7{top:60%;left:60%;animation-delay:-50s}.cloud-instance-8{top:70%;left:10%;animation-delay:-70s}.cloud-instance-9{top:80%;left:40%;animation-delay:-25s}.pixel-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent var(--pixel-size),rgba(255,255,255,.02) var(--pixel-size),rgba(255,255,255,.02) calc(var(--pixel-size) * 2)),repeating-linear-gradient(90deg,transparent,transparent var(--pixel-size),rgba(255,255,255,.02) var(--pixel-size),rgba(255,255,255,.02) calc(var(--pixel-size) * 2));pointer-events:none}.pixel-block{position:absolute;width:calc(var(--pixel-size) * 2);height:calc(var(--pixel-size) * 2);background:rgba(58,134,255,.3);box-shadow:0 0 0 var(--pixel-size) rgba(58,134,255,.2),0 0 0 calc(var(--pixel-size) * 2) rgba(58,134,255,.1);animation:float-rotate 10s ease-in-out infinite}@keyframes float-rotate{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-30px) rotate(90deg) scale(1.1)}50%{transform:translateY(-50px) rotate(180deg) scale(1)}75%{transform:translateY(-30px) rotate(270deg) scale(.9)}}.pixel-mountain{position:absolute;bottom:0;width:100%;height:200px;background:transparent}.pixel-mountain:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(15,23,42,.8);clip-path:polygon(0 100%,0 80%,5% 70%,10% 60%,15% 65%,20% 55%,25% 50%,30% 45%,35% 50%,40% 40%,45% 35%,50% 30%,55% 35%,60% 45%,65% 50%,70% 55%,75% 60%,80% 65%,85% 70%,90% 75%,95% 80%,100% 85%,100% 100%)}.pixel-rain{position:absolute;width:var(--pixel-size);height:calc(var(--pixel-size) * 4);background:linear-gradient(180deg,transparent 0,rgba(58,134,255,.8) 50%,transparent);animation:rain-fall linear infinite}@keyframes rain-fall{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.pixel-orb{position:absolute;width:calc(var(--pixel-size) * 3);height:calc(var(--pixel-size) * 3);background:radial-gradient(circle,rgba(255,255,255,.8) 0,transparent 70%);animation:orb-pulse 4s ease-in-out infinite}@keyframes orb-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:1}}.pixel-bird{position:absolute;width:calc(var(--pixel-size) * 3);height:calc(var(--pixel-size) * 2);background:transparent}.pixel-bird:before{content:"";position:absolute;width:var(--pixel-size);height:var(--pixel-size);background:rgba(255,255,255,.8);box-shadow:calc(var(--pixel-size) * 1) 0 0 rgba(255,255,255,.8),0 calc(var(--pixel-size) * -1) 0 rgba(255,255,255,.6),calc(var(--pixel-size) * 2) calc(var(--pixel-size) * -1) 0 rgba(255,255,255,.6);animation:bird-flap .5s ease-in-out infinite alternate}@keyframes bird-flap{0%{box-shadow:calc(var(--pixel-size) * 1) 0 0 rgba(255,255,255,.8),0 calc(var(--pixel-size) * -1) 0 rgba(255,255,255,.6),calc(var(--pixel-size) * 2) calc(var(--pixel-size) * -1) 0 rgba(255,255,255,.6)}to{box-shadow:calc(var(--pixel-size) * 1) 0 0 rgba(255,255,255,.8),0 calc(var(--pixel-size) * 1) 0 rgba(255,255,255,.6),calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 1) 0 rgba(255,255,255,.6)}}.pixel-bird{animation:bird-fly 20s linear infinite}@keyframes bird-fly{0%{transform:translateX(-100px) translateY(0)}to{transform:translateX(calc(100vw + 100px)) translateY(-50px)}}@media (max-width:768px){:root{--pixel-size:3px}.pixel-mountain{height:150px}}@media (prefers-reduced-motion:reduce){.pixel-bird,.pixel-block,.pixel-cloud,.pixel-orb,.pixel-rain,.pixel-star{animation:none!important}}