:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--accent:#f43f5e;--accent-dark:#e11d48;--bg-dark:#0f172a;--bg-card:#1e293b;--text-light:#f8fafc}body{font-family:Poppins,sans-serif;background-color:var(--bg-dark);color:var(--text-light);overflow-x:hidden}.game-font{font-family:Orbitron,sans-serif}.card-hover{transition:.3s}.card-hover:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px rgba(99,102,241,.4),0 10px 10px -5px rgba(99,102,241,.3)}.glow{text-shadow:0 0 10px rgba(99,102,241,.5),0 0 20px rgba(99,102,241,.3)}.hero-bg{position:relative;overflow:hidden}.hero-bg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#6366f1,#4f46e5,#818cf8,#4f46e5);background-size:400% 400%;animation:15s infinite gradientBG;opacity:.8;z-index:-1}@keyframes gradientBG{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.glass{background:rgba(30,41,59,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.nav-link{position:relative;overflow:hidden}.nav-link::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:var(--primary);transition:width .3s}.nav-link:hover::after{width:100%}.gradient-button{background-size:200% auto;transition:.5s}.gradient-button:hover{background-position:right center}.floating{animation:3s ease-in-out infinite floating}@keyframes floating{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.game-card{position:relative;overflow:hidden}.game-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(99,102,241,.1),transparent);transform:rotate(45deg);animation:6s infinite shine}@keyframes shine{0%{left:-50%}100%{left:150%}}.scroll-down{animation:2s ease-in-out infinite scrollDown}@keyframes scrollDown{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(10px);opacity:.5}}.play-button{transition:.3s}.play-button:hover{transform:scale(1.05)}.play-button:hover svg{animation:1.5s infinite pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.hero-bg-purple::before{background:linear-gradient(45deg,#4338ca,#6366f1,#8b5cf6)}.hero-bg-blue::before{background:linear-gradient(45deg,#1e40af,#3b82f6,#60a5fa)}#particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}