@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap);body{font-family:'Poppins',sans-serif;transition:all 0.3s ease}.game-card{transition:all 0.3s ease;position:relative;overflow:hidden;border-radius:12px;aspect-ratio:3/4;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgb(0 0 0 / .2)}.game-card-img{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease}.game-card:hover .game-card-img{transform:scale(1.05)}.game-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(to top,rgb(0 0 0 / .7),transparent);transition:all 0.3s ease;z-index:1}.game-card:hover::before{height:100%}.game-info{position:absolute;bottom:0;left:0;right:0;padding:15px;z-index:2;transform:translateY(100%);transition:all 0.3s ease;text-align:center}.game-card:hover .game-info{transform:translateY(0)}.game-name{color:#fff;font-weight:700;font-size:.8rem;margin-bottom:5px}.game-developer{color:rgb(255 255 255 / .8);font-size:.6rem;font-weight:400}@media (max-width:480px){.game-name{font-size:.6rem}.game-developer{font-size:.5rem}}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn 0.5s ease}.tab-btn{position:relative;overflow:hidden;transition:all 0.3s ease}.tab-btn:not(.active):hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgb(0 0 0 / .1)}.tab-btn::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width 0.3s ease}.tab-btn:hover::after{width:100%}.tab-btn.active::after{width:100%}.search-container{transition:all 0.3s ease;width:100%;max-width:300px}.search-input{transition:all 0.3s ease;width:100%}.search-input:focus{outline:none;box-shadow:0 0 0 2px rgb(99 102 241 / .5)}.mobile-search{display:none}@media (max-width:768px){.desktop-search{display:none}.mobile-search{display:flex}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#hero-slider{scroll-behavior:smooth}.slider-dot.active{background-color:white!important;transform:scale(1.3)}@media (max-width:640px){#hero-slider h2{font-size:1rem}#hero-slider .slider-dot{width:6px;height:6px;bottom:12px}}.show-all-btn{display:inline-flex;align-items:center;justify-content:center}.show-all-btn i{transition:transform 0.3s ease}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media (max-width:767px){#tab-scroll-left,#tab-scroll-right{display:flex!important;align-items:center;justify-content:center}}.description{color:#fff;font-size:1rem;line-height:1.6;margin-bottom:10px}@media (max-width:480px){.description{font-size:.8rem;line-height:1.4}}