.pixel-bg{background-color:#2c3e50;background-image:linear-gradient(0deg,transparent 24%,hsla(0,0%,100%,.05) 25%,hsla(0,0%,100%,.05) 26%,transparent 27%,transparent 74%,hsla(0,0%,100%,.05) 75%,hsla(0,0%,100%,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,hsla(0,0%,100%,.05) 25%,hsla(0,0%,100%,.05) 26%,transparent 27%,transparent 74%,hsla(0,0%,100%,.05) 75%,hsla(0,0%,100%,.05) 76%,transparent 77%,transparent);background-size:30px 30px;position:relative;overflow:hidden}.dark .pixel-bg{background-color:#0f172a}.pixel-bg:after,.pixel-bg:before{content:"";position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:-1}.pixel-bg:before{background-image:radial-gradient(circle at 20% 20%,rgba(52,211,153,.1) 0,transparent 20%),radial-gradient(circle at 75% 40%,rgba(124,58,237,.1) 0,transparent 20%),radial-gradient(circle at 40% 60%,rgba(239,68,68,.1) 0,transparent 20%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0,transparent 20%);animation:float-clouds 60s linear infinite}.pixel-bg:after{background-image:radial-gradient(circle at 30% 30%,rgba(249,115,22,.1) 0,transparent 15%),radial-gradient(circle at 65% 50%,rgba(16,185,129,.1) 0,transparent 15%),radial-gradient(circle at 50% 70%,rgba(139,92,246,.1) 0,transparent 15%),radial-gradient(circle at 90% 90%,rgba(236,72,153,.1) 0,transparent 15%);animation:float-clouds 45s linear infinite reverse}@keyframes float-clouds{0%{background-position:0 0}to{background-position:100% 100%}}.pixel-art{position:fixed;pointer-events:none;z-index:-1}.pixel-mushroom{width:40px;height:40px;bottom:10%;left:5%;background-image:linear-gradient(180deg,transparent 0,transparent 40%,#8b4513 0,#8b4513 60%,transparent 0,transparent),radial-gradient(circle at center 30%,red 40%,#fff 0,#fff 50%,transparent 0);animation:bounce 3s ease-in-out infinite}.pixel-coin{width:30px;height:30px;top:15%;right:10%;border-radius:50%;background:gold;box-shadow:inset -5px -5px 0 rgba(0,0,0,.2);animation:spin 4s linear infinite}.pixel-star{width:0;height:0;top:70%;right:15%;border-right:10px solid transparent;border-bottom:7px solid gold;border-left:10px solid transparent;transform:rotate(35deg);animation:twinkle 2s ease-in-out infinite}.pixel-star:before{top:-4.5px;left:-6.5px;border-bottom:8px solid gold;border-left:3px solid transparent;border-right:3px solid transparent;transform:rotate(-35deg)}.pixel-star:after,.pixel-star:before{content:"";position:absolute;height:0;width:0}.pixel-star:after{top:0;left:-10.5px;border-right:10px solid transparent;border-bottom:7px solid gold;border-left:10px solid transparent;transform:rotate(-70deg)}.pixel-block{width:40px;height:40px;top:30%;left:15%;background:linear-gradient(135deg,#8b4513,#8b4513 25%,sienna 0,sienna 50%,#8b4513 0,#8b4513 75%,sienna 0,sienna);background-size:20px 20px;box-shadow:inset -5px -5px 0 rgba(0,0,0,.3);animation:float 5s ease-in-out infinite}.pixel-ghost{width:40px;height:50px;bottom:20%;right:20%;background:#6a5acd;border-radius:20px 20px 0 0;position:relative;animation:float-ghost 8s ease-in-out infinite}.pixel-ghost:before{width:10px;background:#fff;border-radius:50%;top:15px;left:8px;box-shadow:15px 0 0 #fff}.pixel-ghost:after,.pixel-ghost:before{content:"";position:absolute;height:10px}.pixel-ghost:after{width:40px;background:#6a5acd;bottom:-10px;left:0;border-radius:0 0 10px 10px;clip-path:polygon(0 0,20% 100%,40% 0,60% 100%,80% 0,100% 100%,100% 0)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes float-ghost{0%{transform:translateX(0)}25%{transform:translateX(20px) translateY(-10px)}50%{transform:translateX(0) translateY(0)}75%{transform:translateX(-20px) translateY(-10px)}to{transform:translateX(0)}}.pixel-card{border:4px solid #000!important;box-shadow:8px 8px 0 rgba(0,0,0,.2)!important;transition:all .2s ease!important}.pixel-card:hover{transform:translate(-2px,-2px)!important;box-shadow:10px 10px 0 rgba(0,0,0,.2)!important}.pixel-font{font-family:Courier New,monospace;letter-spacing:-.1em;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.pixel-section{position:relative;z-index:1}.pixel-corner{position:absolute;width:80px;height:80px;background-image:linear-gradient(45deg,transparent 48%,#3b82f6 0,#3b82f6 52%,transparent 0),linear-gradient(135deg,transparent 48%,#3b82f6 0,#3b82f6 52%,transparent 0);background-size:20px 20px;opacity:.7;z-index:0}.pixel-corner-tl{top:0;left:0}.pixel-corner-tr{top:0;right:0;transform:scaleX(-1)}.pixel-corner-bl{bottom:0;left:0;transform:scaleY(-1)}.pixel-corner-br{bottom:0;right:0;transform:scale(-1)}