a{color:#fff;text-decoration:none} a:hover{color:#FFF80C} *{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif} html,body{overflow-x:hidden;background-color:#120e27;color:#fff} body{position:relative;width:100%;padding-bottom:80px} .header{background-color:#17132c;padding:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-radius:10px} .header img{height:40px;transform:scale(1)} .btn-group{display:flex;gap:.5rem} .btn{padding:.5rem 1rem;border:none;border-radius:5px;font-weight:700;cursor:pointer} .btn-login{background-color:#0c7800;color:#fff} .btn-register{background-color:#c304b9;color:#fff;animation:glowBorder 1.2s infinite} @keyframes glowBorder{50%{box-shadow:0 0 8px #fff}} .top-games{background-color:#120749;display:grid;grid-template-columns:repeat(5,1fr);padding:1rem;gap:.5rem} .game-item{text-align:center;text-decoration:none;color:#fff;font-weight:600;padding:.5rem;border-radius:15px;transition:background .2s ease} .game-item:hover{background-color:#b91c55} .game-item img{height:40px;margin-bottom:.25rem} .game-item span{display:block;font-size:.85rem;white-space:nowrap} .footer{text-align:left;margin:1.5rem;color:#7336f6;padding-bottom:2rem} .footer-description{text-align:left;margin-top:1rem;font-size:.9rem;line-height:1.5;color:#ddd} .bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:#fff;display:flex;justify-content:space-around;align-items:center;padding:.5rem 0;box-shadow:0 -2px 10px rgba(0,0,0,.2);z-index:999} .bottom-nav div{display:flex;flex-direction:column;align-items:center;color:#2C032F;font-size:.75rem;font-weight:700} .bottom-nav img{height:30px;margin-bottom:.25rem} .desktop-nav{display:flex;gap:1rem;align-items:center;color:#fff;font-weight:700} .nav-item{cursor:pointer} .dropdown{position:relative} .dropdown-content{display:none;position:absolute;background-color:#3b014b;top:100%;left:0;padding:1rem;border-radius:10px;z-index:1000} .dropdown-content div{padding:.5rem 1rem;white-space:nowrap} .dropdown:hover .dropdown-content{display:block} .mobile-menu{position:fixed;top:0;left:-100%;width:80%;height:100%;background:#1e001f;color:#fff;z-index:9999;padding:1.5rem;transition:left .3s ease} .mobile-menu.active{left:0} .mobile-menu-header{text-align:center} .mobile-menu-list{list-style:none;padding:0;margin-top:2rem} .mobile-menu-list li{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-weight:700} .mobile-menu-list img{width:24px} .support-btn{display:flex;align-items:center;justify-content:center;background-color:#27930a;padding:1rem;margin:1rem;border-radius:10px;color:#fff;font-weight:700} .social-icons{display:flex;justify-content:center;gap:1rem;margin:2rem 0} .social-icons div{background-color:#340996;padding:1rem;border-radius:10px} .back-bar{background:#380484;padding:1rem;display:flex;align-items:center;gap:1rem} .back-button{background:#e30771;border:none;color:#fff;font-size:1.5rem;padding:.3rem .7rem;border-radius:12px;cursor:pointer;transition:background-color .2s ease} .back-button:hover{background-color:rgba(255,255,255,.2)} @media (max-width:768px){ .team-logos{flex-direction:column;gap:1rem} .desktop-nav{display:none} .header img{transform:scale(1);transform-origin:left center} .mobile-menu-header img{transform:scale(1)} .top-games{padding:.75rem;gap:.25rem} .game-item{padding:.5rem .25rem} .game-item img{height:36px} .game-item span{font-size:.85rem} } @media (min-width:769px){ .header{flex-direction:column;align-items:center} .logo-container{display:flex;flex-direction:column;align-items:center} .desktop-nav{display:flex;gap:1.5rem;margin-top:1rem} .btn-group{display:none} .bottom-nav{display:none} .mobile-menu{display:none} } /* SEO body content (rendered before