*{-webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 margin:0;
 padding:0;}html{font-size:16px;}body{margin:0;
 padding:0;
 font-family:'Lato', sans-serif;
 font-size:16px;
 font-weight:400;
 color:#fefefe;
 overflow-x:hidden;
 line-height:1.2;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 background:linear-gradient(180deg, #13152b, #292c52);
 background-attachment:fixed;}h1,h2,h3,h4,h5,h6{font-family:'Poppins', sans-serif;}section{position:relative;}a,a:hover{text-decoration:none;}p{line-height:1.75;
 margin-bottom:1.38em;}.wave img{max-width:100%;
 height:auto;
 display:block;}.btn{font-size:14px;
 font-weight:700;
 color:#28c77f;
 background:transparent;
 border-radius:3px;
 border:1px solid #28c77f;
 /*padding:1.2em;*/
 /*min-width:160px;*/
 text-align:center;
 cursor:pointer;
 -webkit-transition:.2s cubic-bezier(0.43, 0.49, 0.51, 0.68);
 transition:.2s cubic-bezier(0.43, 0.49, 0.51, 0.68);}.btn:hover{color:#fff;
 background-color:#28c77f;
 border-color:#28c77f;}.btn:focus{box-shadow:none;}.btn svg,.btn span,.btn i{vertical-align:middle;}.scroll-next-sec{width:60px;
 height:60px;
 line-height:60px;
 text-align:center;
 color:#fff;
 font-size:20px;
 cursor:pointer;
 display:block;
 border-radius:50%;
 border:2px solid #8e78f9;}.scroll-next-sec i{display:inline-block;
 animation:.7s upndown infinite;
 animation-direction:alternate;}@media (min-width:1230px){.container{max-width:1350px;}.navbar{padding-left:0;
 padding-right:0;}}.overlay{position:absolute;
 display:block;
 width:100%;
 height:100%;
 top:0;
 left:0;}@-webkit-keyframes upndown{
 to{
 -webkit-transform:translateY(-5px);
 transform:translateY(-5px);
}

 from{
 -webkit-transform:translateY(5px);
 transform:translateY(5px);
}
}@keyframes upndown{
 to{
 -webkit-transform:translateY(-5px);
 transform:translateY(-5px);
}

 from{
 -webkit-transform:translateY(5px);
 transform:translateY(5px);
}
}@-webkit-keyframes pulse{
 0%{
 transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 opacity:1;
}

 100%{
 transform:translateX(-50%) translateY(-50%) translateZ(0) scale(2.4);
 opacity:0;
}
}@keyframes pulse{
 0%{
 transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 opacity:1;
}

 100%{
 transform:translateX(-50%) translateY(-50%) translateZ(0) scale(2.4);
 opacity:0;
}
}.navbar{/*padding-top:33px;*/
 /*padding-bottom:33px;*/
 backface-visibility:hidden;
 -webkit-transition:.25s cubic-bezier(0.43, 0.49, 0.51, 0.68);
 transition:.25s cubic-bezier(0.43, 0.49, 0.51, 0.68);
 background:#434343;
 /*margin:1em;*/
 /*padding:1em;*/
 /*border-radius:1.5em;*/
 /*box-shadow:0px 0px 2em 0px #000*/}.navbar.sticky-nav{background-color:#fff;
 padding-top:10px;
 padding-bottom:10px;
 box-shadow:0 0 10px rgba(0, 0, 0, .15);}.navbar.sticky-nav .navbar-nav li a.nav-link-scroll::after,.navbar.sticky-nav .navbar-nav li a.nav-link-scroll::before{background-color:#28c77f;}.navbar.sticky-nav .navbar-nav li a,.navbar.sticky-nav .nav-search i{color:#000;}.navbar.sticky-nav .navbar-nav li a:hover,.navbar.sticky-nav .navbar-nav li a.active{color:#28c77f;}.navbar-nav li,.navbar-nav li a{font-size:15px;
 font-weight:600;
 color:#fff;
 position:relative;
 font-family:'Poppins', sans-serif;
 -webkit-transition:.15s cubic-bezier(0.43, 0.49, 0.51, 0.68);
 transition:.15s cubic-bezier(0.43, 0.49, 0.51, 0.68);}.navbar-nav > li{padding-top:1em;
 padding-bottom:0.5em;}@media (min-width:992px){.navbar-expand-lg .navbar-nav li a,.navbar-expand-lg .navbar-nav li a.nav-link{padding:0;}.navbar-nav li{margin-left:1.55em;
 margin-right:1.55em;}.navbar-nav li a.nav-link-scroll::after{content:"";
 position:absolute;
 display:block;
 width:0;
 height:1px;
 background-color:#fff;
 bottom:0;
 left:0;
 border:0;
 -webkit-transition:.2s cubic-bezier(0.43, 0.49, 0.51, 0.68);
 transition:.2s cubic-bezier(0.43, 0.49, 0.51, 0.68);}.navbar-nav li a.nav-link-scroll::before{content:"";
 position:absolute;
 display:block;
 width:0;
 height:1px;
 background-color:#fff;
 bottom:0;
 right:0;
 -webkit-transition:.2s cubic-bezier(0.43, 0.49, 0.51, 0.68);
 transition:.2s cubic-bezier(0.43, 0.49, 0.51, 0.68);}.navbar-nav li a.nav-link-scroll:hover::after,.navbar-nav li a.nav-link-scroll:hover::before,.navbar-nav li a.nav-link-scroll.active::after,.navbar-nav li a.nav-link-scroll.active::before{width:50%;}.navbar-nav > li:last-child{margin-right:.85em;}.navbar-nav .dropdown-menu{position:absolute;
 min-width:160px;
 background:#fff;
 display:block;
 left:0;
 margin:0;
 border:0;
 opacity:0;
 padding:20px 15px;
 visibility:hidden;
 border-radius:0;
 border-radius:3px;
 overflow:hidden;
 box-shadow:0 6px 12px rgba(0, 0, 0, 0.17);
 -webkit-transition:.2s ease-in-out;
 transition:.2s ease-in-out;}.dropdown-menu li{display:block;
 margin-left:0;
 margin-right:0;}.navbar-nav .dropdown-menu li a,.navbar-expand-lg .navbar-nav .dropdown-menu li a,.navbar-expand-lg .navbar-nav .dropdown-menu li a.nav-link{color:#000;
 padding:.7em 1.2em;
 white-space:nowrap;
 font-size:13px;}.navbar-nav .dropdown-menu li a:hover,.navbar-expand-lg .navbar-nav .dropdown-menu li a:hover,.navbar-expand-lg .navbar-nav .dropdown-menu li a.nav-link:hover{color:#28c77f;}#main-nav .dropdown:hover > .dropdown-menu{opacity:1;
 visibility:visible;}}.nav-search{position:relative;
 padding-left:12px;}.nav-search::before{content:"";
 display:block;
 position:absolute;
 width:1px;
 height:80%;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 background-color:#fff;
 -webkit-transition:.25s cubic-bezier(0.43, 0.49, 0.51, 0.68);
 transition:.25s cubic-bezier(0.43, 0.49, 0.51, 0.68);}.navbar.sticky-nav .nav-search::before{background-color:#000;}.nav-search i{color:#fff;
 font-size:14px;
 display:block;
 cursor:pointer;
 -webkit-transition:.15s cubic-bezier(0.43, 0.49, 0.51, 0.68);
 transition:.15s cubic-bezier(0.43, 0.49, 0.51, 0.68);}.navbar-brand img{width:183px;}.navbar-brand img.color-logo,.navbar.sticky-nav .navbar-brand img.white-logo{display:none;}.navbar.sticky-nav .navbar-brand img.color-logo,.navbar.sticky-nav img.white-logo{display:block;}.navbar-nav > li.dropdown{position:relative;}.menu-toggle{width:22px;
 height:22px;
 position:relative;
 cursor:pointer;
 margin-left:12px;
 margin-right:12px;
 display:block;}.menu-toggle .hamburger{position:absolute;
 height:100%;
 width:100%;
 display:block;}.menu-toggle .hamburger span{width:100%;
 height:2px;
 position:relative;
 top:0;
 left:0;
 margin:4px 0;}.menu-toggle .hamburger span:nth-child(1){transition-delay:.3s;}.menu-toggle .hamburger span:nth-child(2){transition-delay:.4s;}.menu-toggle .hamburger span:nth-child(3){transition-delay:.5s;}.menu-toggle .hamburger-cross{position:absolute;
 height:100%;
 width:100%;
 transform:rotate(45deg);
 display:block;}.menu-toggle .hamburger-cross span,.menu-toggle .hamburger-cross span:nth-child(1){height:0%;
 width:2px;
 position:absolute;
 top:0;
 left:10px;
 transition-delay:0s;}.menu-toggle .hamburger-cross span:nth-child(2){width:0%;
 height:2px;
 position:absolute;
 left:0;
 top:10px;
 transition-delay:.2s;}.menu-toggle .hamburger span,.menu-toggle .hamburger-cross span{display:block;
 background:#fff;
 border-radius:3px;
 -webkit-transition:.2s ease-in-out;
 transition:.2s ease-in-out;}.navbar.sticky-nav .menu-toggle .hamburger span,.navbar.sticky-nav .menu-toggle .hamburger-cross span{background:#000;}.navbar-toggler[aria-expanded="true"] .hamburger span{width:0%;}.navbar .navbar-toggler{background:#00c8f8;
 padding-top:8px;
 padding-bottom:8px;}.navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(1){transition-delay:0s;}.navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(2){transition-delay:.125s;}.navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(3){transition-delay:.2s;}.navbar-toggler[aria-expanded="true"] .hamburger-cross span:nth-child(1){height:100%;
 transition-delay:.3s;}.navbar-toggler[aria-expanded="true"] .hamburger-cross span:nth-child(2){width:100%;
 transition-delay:.4s;}.navbar-toggler{outline:none;
 padding:0;
 border:0;}.navbar-toggler:focus{outline:none;}.main-search-area{position:fixed;
 width:100%;
 height:100%;
 background:rgba(0, 0, 0, .95);
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:center;
 justify-content:center;
 -ms-flex-align:center;
 align-items:center;
 top:0;
 left:0;
 z-index:999999;
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 font-family:'Poppins', sans-serif;
 -webkit-transition:.25s ease-in-out;
 transition:.25s ease-in-out;}.main-search-area.open{opacity:1;
 visibility:visible;
 pointer-events:auto;}.main-search-area i{position:absolute;
 top:30px;
 right:30px;
 display:block;
 cursor:pointer;
 font-size:3em;
 color:#e85454}.main-banner{position:relative;
 padding-top:112px;}.main-banner > .container{position:relative;
 z-index:1;}.iconic-main-slider{padding-bottom:50px;}.iconic-main-slider .swiper-pagination-bullet.swiper-pagination-bullet-active,.iconic-main-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#fff;}#particles{position:absolute;
 width:100%;
 height:100%;
 display:block;
 bottom:0;
 left:0;
 z-index:0;
 opacity:1;}.feature{padding-top:100px;
 padding-bottom:80px;}section.about{padding-bottom:170px;}.about img{max-width:100%;
 height:auto;
 display:block;}.app-screenshot-slider{padding:20px 15px 30px 15px;}.app-screenshot-slider-2{padding-top:5px;
 padding-bottom:5px;}.swiper-pagination-bullet{width:10px;
 height:10px;
 background-color:#d7dce6;
 opacity:1;
 vertical-align:middle;
 margin:0 5px;
 outline:none;}.swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid #28c77f;
 width:14px;
 height:14px;
 background-color:transparent;}.swiper-pagination{position:relative;
 top:auto;
 left:auto;
 right:auto;
 bottom:auto;
 margin-top:70px;}.app-screenshot-slider-3{position:relative;}.testimonial-slider{padding:15px 15px 40px 15px;}.testimonial-btn-next,.testimonial-btn-prev{width:50px;
 height:50px;
 line-height:50px;
 display:block;
 text-align:center;
 color:#252a32;
 font-size:20px;
 background-color:#fff;
 border-radius:50%;
 position:absolute;
 top:50%;
 box-shadow:0px 2px 4px rgba(0, 12, 31, 0.08);
 border:1px solid #ecf0f5;
 cursor:pointer;
 outline:none;
 z-index:2;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 -webkit-transition:.2s ease-in-out;
 transition:.2s ease-in-out;}.testimonial-btn-next:hover,.testimonial-btn-prev:hover{border-color:#28c77f;
 background-color:#28c77f;
 color:#fff;}.testimonial-btn-next{right:-50px;}.testimonial-btn-prev{left:-50px;}@media (min-width:1450px){.testimonial-btn-next{right:-75px;}.testimonial-btn-prev{left:-75px;}}.comment .children{padding-left:70px;}.widget{position:relative;
 margin-bottom:42px;}.widget ul{list-style:none;}.form-control{border:1px solid transparent;
 border-radius:3px;
 box-shadow:0px 2px 4px rgba(0, 12, 31, 0.08);
 background-color:#ffffff;
 color:#252a32;
 font-size:16px;
 padding:1.12em 1.9em;
 -webkit-transition:.15s ease-out;
 transition:.15s ease-out;}.form-control:focus{box-shadow:0px 10px 20px rgba(0, 12, 31, 0.1);
 outline:none;
 border-color:#eceff5;}.form-control::-webkit-input-placeholder{color:#b3bbc8;}.form-control::-moz-placeholder{color:#b3bbc8;}.form-control:-ms-input-placeholder{color:#b3bbc8;}.form-control::placeholder{color:#b3bbc8;}.contact-form .form-group{margin-bottom:22px;}.contact-form .btn{margin-top:10px;}#map{width:100%;
 height:400px;
 border:6px solid #fff;
 box-shadow:0px 2px 4px 0px rgba(0, 12, 31, 0.08);}footer,.footer{position:relative;
 overflow:hidden;
 background-color:transparent;
 font-size:16px;
 font-weight:400;
 color:#8b9aa8;}.footer p{line-height:1.75;}.footer ul{margin-bottom:32px;}.f-copyright-area ul{margin-bottom:0;}.f-widget-area{position:relative;
 padding-top:110px;
 padding-bottom:32px;}.f-nav,.footer .f-nav{list-style:none;
 position:relative;
 margin-bottom:0;
 padding:0;}.f-nav li{display:inline-block;
 position:relative;
 margin:0;
 padding:0;}.f-nav li a{font-size:12px;
 font-weight:400;
 color:#8b9aa8;
 display:block;
 margin:.5em 1em;
 padding:0;
 -webkit-transition:.15s cubic-bezier(0.43, 0.49, 0.51, 0.68);
 transition:.15s cubic-bezier(0.43, 0.49, 0.51, 0.68);}.f-nav .nav-item:last-child a{margin-right:0;}.f-nav .nav-item:first-child a{margin-left:0;}.f-nav li a:hover{color:#28c77f;}.f-copyright-area{position:relative;}.copyright{font-size:12px;
 color:#8b9aa8;
 margin-bottom:0;}.copyright a{color:#28c77f;}.f-copyright-area > .container{position:relative;
 padding-top:19px;
 padding-bottom:19px;}.f-copyright-area > .container:before{content:"";
 display:block;
 width:calc(100% - 30px);
 height:1px;
 background-color:#c6d9eb;
 position:absolute;
 top:0;
 left:15px;}.scroll-top{width:40px;
 height:40px;
 line-height:40px;
 position:fixed;
 right:20px;
 bottom:20px;
 z-index:999;
 font-size:22px;
 color:#fff;
 cursor:pointer;
 text-align:center;
 text-decoration:none;
 display:none;
 background:-webkit-linear-gradient(40deg, #28c77f 0%, #7658f7 100%);
 background:linear-gradient(40deg, #28c77f 0%, #7658f7 100%);
 border-radius:3px;
 box-shadow:0 2px 15px rgba(0, 0, 0, .25);
 -webkit-transition:.2s ease-in-out;
 transition:.2s ease-in-out;}.scroll-top:hover{line-height:33px;}.game-area{display:flex;
 overflow-x:scroll;
 display:grid !important;
 grid-template-columns:repeat(auto-fill, minmax(144px, 1fr));
 grid-gap:20px;
 grid-auto-rows:minmax(144px, auto);
 grid-auto-flow:dense;
 min-height:217px;}.game-article{width:10em;
 text-align:center;
 /* display:flex;*/
 margin:1em;
 position:relative;}.game-article .new-img{width:4em !important;
 height:4em !important;
 position:absolute;
 right:0px;
 border-radius:0px 1.5em;}.game-article .game-image{width:10em;
 height:10em;
 object-fit:contain;
 background:#e0e0e0;
 border-radius:1.5em;}.game-article .game-name{font-size:13px;
 font-weight:600;
 margin-top:10px;
 margin-bottom:6px;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 color:white !important;}.game-article .game-plays{font-size:11px;
 font-weight:400;
 margin-bottom:0px;
 color:white;}.game-area.editor-choice{background:#5e617b70;
 border-radius:1em;
 overflow-x:hidden;
 grid-auto-flow:column;
 grid-template-columns:repeat(10, 1fr);}.all-games{overflow-x:auto;
 /* margin-left:auto;*/
 /* margin-right:auto;*/}.all-games .game-article{width:100%;
 display:block;}.all-games .game-article img{width:100%;
 height:auto;
 aspect-ratio:4/3;
 object-fit:cover;}.checked{color:orange;}.categories{}.index-category{overflow-x:hidden;
 overflow-y:hidden;
 grid-template-columns:repeat(10, 1fr);
 display:grid !important;
 grid-auto-flow:column;}.category-article{position:relative;
 display:inline-block;
 width:12em;
 background:#01bae8;
 padding:7px;
 border-radius:10px;
 margin-right:7px;
 font-weight:bold;
 color:#ffffff;
 vertical-align:middle;
 text-align:left;
 border-bottom:6px solid #157a93;
 height:4em;}.grid-repeat{grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));
 grid-gap:15px;}/*!* Track *!*//*!*Handle*!*//*!* Handle on hover *!*/.next-btn{border-radius:8px;
 background:#f7a035;
 color:#2f2b3c;
 padding:5px 15px 4px 15px;
 border:none;
 border-bottom:4px solid #a25c09;}.prev-btn{border-radius:8px;
 background:#f7a035;
 color:#2f2b3c;
 padding:5px 15px 4px 15px;
 border:none;
 border-bottom:4px solid #a25c09;}.smooth-scroll{scroll-behavior:smooth;}.scroll-buttons{position:absolute;
 top:0px;
 right:10px;}.navbar.bottom-header{background:#13152b;
 position:absolute;
 display:flex;
 top:80px;
 padding:0px;}.opacity-background.open{width:100%;
 top:0px;
 height:100%;
 background-color:#000000;
 opacity:0.6;
 position:fixed;
 z-index:1031;
 overflow-y:hidden;}.no-overflow{overflow:hidden;}h4{font-size:19px;}.category-image{background:#4c4c4c;
 padding:10px;
 border-radius:11px;
 margin-right:8px;
 display:inline-block;
 width:45px;
 height:45px;}.category-image img{width:25px;
 object-fit:contain;}.btn-play{padding:18px 40px;
 line-height:0;
 font-size:24px;
 font-weight:700;
 color:#ffffff;
 background:#01c4f5;
 border-color:#ffffff;
 border-radius:10px;
 width:75%;}.btn-play:hover{color:#ffffff !important;
 background:#019dce !important;
 border-color:#ffffff !important;}.game-bottom-btn{width:40px;
 height:40px;
 border-radius:34%;
 background:#01ccfe;
 color:#ffffff;
 border:none;
 position:absolute;
 top:7px;
 right:30px;}.clickable{transition:top 500ms;}.clickable:hover{cursor:pointer;
 position:relative;
 top:-2px;}.pagination{margin-top:10px;}.pagination .page-item{margin:2px;
 font-weight:800;}.pagination .page-item a{color:#e0e0e0;
 margin-top:2px;
 border-radius:8px;
 padding:5px 15px 4px 15px;
 font-weight:800;
 background:#00c8f8;
 border-bottom:solid 4px #125768 !important;}.pagination .page-item.active a{border-bottom:none !important;
 background:#99a1af !important;
 border-bottom:solid 4px #505675 !important;}.pagination .page-item.limit a{background:#99a1af !important;
 border-bottom:solid 4px #505675 !important;}.btn-cstm{color:#282c53;
 border-radius:5px;
 padding:5px 15px 4px 15px;
 font-weight:800;
 background:#f7a035;
 height:31px;
 right:0px;
 border:none;}input{height:2.3em;
 width:15em;
 position:unset;
 border-radius:7px;
 border:none;
 background:#e0e0e0;
 color:#505050;
 padding-left:10px;
 font-size:0.9em;
 padding-right:10px;
 padding-top:1px;}.input-group.custom{border-radius:7px;
 margin-top:-0.5em;}.game-area-new{grid-template-columns:repeat(auto-fill, minmax(7em, 7em));
 grid-template-rows:repeat(auto-fill, minmax(5.25em, 5.25em));
 margin:0px;
 align-items:center;
 justify-content:center;
 display:grid !important;
 grid-gap:20px;}.game-area-new .game-object{grid-area:auto;
 position:relative;
 height:100%;
 aspect-ratio:4/3;}.xl{grid-column:span 2;
 grid-row:span 2}.game-area-new .xl .game-object{}.game-area-new .game-object .game-logo{width:100%;
 height:100%;
 border-radius:11px;
 cursor:pointer;
 object-fit:cover;}.game-area-new .game-object .new-img{position:absolute;
 width:2.5em;
 right:0px;
 top:0px;
 border-radius:0px 10px 0px 0px;}.game-area-new .game-url{color:white;}.game-area-new .game-object .game-title{background-color:#434343d4;
 align-items:center;
 width:100%;
 position:absolute;
 height:100%;
 top:0px;
 border-radius:10px;
 display:none;}.game-area-new .game-object:hover .game-title{display:table;}.game-area-new .game-object .game-title label{position:relative;
 display:table-cell;
 /* bottom:0px;*/
 width:100%;
 text-align:center;
 /* margin-top:auto;*/
 vertical-align:middle;
 /* height:100%;*/
 font-weight:800;
 padding-left:5px;
 padding-right:5px;
 cursor:pointer;}.view-area{background:#9f9f9f;
 width:100%;
 height:100%;
 border-radius:13px;
 box-shadow:0px 0px 17px -5px #000;}.homepage-v2{--bg-primary:#0f0f1a;
 --bg-surface:#1a1a2e;
 --bg-glass:rgba(255,255,255,0.05);
 --bg-glass-hover:rgba(255,255,255,0.12);
 --accent:#6c5ce7;
 --accent-teal:#00cec9;
 --accent-warm:#f7a035;
 --text-primary:#f0f0f5;
 --text-muted:#9ca3af;
 --border-glass:rgba(255,255,255,0.08);
 --glow-purple:0 0 20px rgba(108,92,231,0.3);
 --glow-teal:0 0 20px rgba(0,206,201,0.2);
 --radius-card:16px;
 --radius-pill:50px;

 background:var(--bg-primary);
 min-height:100vh;
 padding:0 1em 2em;
 position:relative;
 z-index:1;}@keyframes hp-glow-float{
 0%, 100%{transform:translate(0, 0) scale(1);opacity:0.6}
 50%{transform:translate(20px, -15px) scale(1.1);opacity:1}
}.hp-section-title{font-family:'Poppins', sans-serif;
 font-size:1.3rem;
 font-weight:600;
 color:var(--text-primary);
 margin:0 0 1em;
 padding-bottom:0.5em;
 position:relative;
 display:inline-block;}.hp-section-title::after{content:'';
 position:absolute;
 bottom:0;
 left:0;
 width:50px;
 height:3px;
 background:linear-gradient(90deg, var(--accent), var(--accent-teal));
 border-radius:2px;}.hp-section{margin-bottom:2em;
 position:relative;}.hp-section-header{display:flex;
 align-items:center;
 justify-content:space-between;
 margin-bottom:1em;}.hp-see-all{font-size:0.85rem;
 font-weight:600;
 color:var(--accent-warm);
 text-decoration:none;
 padding:6px 16px;
 border:1px solid rgba(247,160,53,0.3);
 border-radius:var(--radius-pill);
 transition:all 0.25s ease;
 white-space:nowrap;}.hp-see-all:hover{background:var(--accent-warm);
 color:#1a1a2e;
 transform:translateY(-1px);
 box-shadow:0 4px 15px rgba(247,160,53,0.3);
 text-decoration:none;}.homepage-v2 .game-area-new{grid-template-columns:repeat(auto-fill, minmax(8em, 1fr));
 grid-template-rows:repeat(auto-fill, minmax(6em, auto));
 grid-gap:14px;
 margin:0;}.homepage-v2 .game-area-new .game-url{display:block;
 text-decoration:none;}.homepage-v2 .game-area-new .game-object{background:var(--bg-glass);
 border:1px solid var(--border-glass);
 border-radius:var(--radius-card);
 overflow:hidden;
 transition:transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
 position:relative;
 aspect-ratio:4/3;
 height:auto;}@supports (backdrop-filter:blur(1px)){.homepage-v2 .game-area-new .game-object{backdrop-filter:blur(8px);}}.homepage-v2 .game-area-new .game-object:hover{transform:translateY(-4px) scale(1.03);
 box-shadow:var(--glow-purple);
 border-color:rgba(108,92,231,0.3);}.homepage-v2 .game-area-new .game-object .game-logo{width:100%;
 height:100%;
 object-fit:cover;
 border-radius:var(--radius-card);
 transition:transform 0.35s ease;}.homepage-v2 .game-area-new .game-object:hover .game-logo{transform:scale(1.08);}.homepage-v2 .game-area-new .game-object .game-title{background:linear-gradient(180deg, transparent 0%, rgba(15,15,26,0.95) 100%);
 display:flex !important;
 align-items:flex-end;
 justify-content:center;
 padding:8px 6px;
 opacity:0;
 transition:opacity 0.3s ease;
 border-radius:var(--radius-card);}.homepage-v2 .game-area-new .game-object:hover .game-title{display:flex !important;
 opacity:1;}.homepage-v2 .game-area-new .game-object .game-title label{display:block;
 position:relative;
 font-size:0.75rem;
 font-weight:600;
 color:var(--text-primary);
 text-align:center;
 padding:0;
 width:100%;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 cursor:pointer;
 vertical-align:unset;}.homepage-v2 .game-area-new .game-object::after{content:'\25B6';
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%) scale(0.5);
 font-size:1.8rem;
 color:#fff;
 opacity:0;
 transition:opacity 0.3s ease, transform 0.3s ease;
 z-index:3;
 text-shadow:0 2px 10px rgba(0,0,0,0.5);
 pointer-events:none;}.homepage-v2 .game-area-new .game-object:hover::after{opacity:0.9;
 transform:translate(-50%, -50%) scale(1);}.homepage-v2 .game-area-new .xl .game-object{border:1px solid rgba(108,92,231,0.2);}.homepage-v2 .game-area-new .xl .game-object:hover{box-shadow:0 0 30px rgba(108,92,231,0.4);
 border-color:rgba(108,92,231,0.4);}.homepage-v2 .game-area-new .game-object .new-img{position:absolute;
 width:auto;
 height:auto;
 max-width:2.8em;
 right:0;
 top:0;
 border-radius:0 var(--radius-card) 0 10px;
 z-index:4;
 filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));}.homepage-v2 .pagination{display:flex;
 justify-content:center;
 gap:6px;
 flex-wrap:wrap;
 margin:2em 0;}.homepage-v2 .pagination .page-item .page-link,.homepage-v2 .pagination a,.homepage-v2 .pagination span{background:var(--bg-glass);
 border:1px solid var(--border-glass);
 color:var(--text-primary);
 border-radius:10px;
 padding:8px 14px;
 font-size:0.85rem;
 transition:all 0.2s ease;
 text-decoration:none;}.homepage-v2 .pagination .page-item.active .page-link,.homepage-v2 .pagination .active,.homepage-v2 .pagination a:hover{background:var(--accent);
 border-color:var(--accent);
 color:#fff;
 box-shadow:0 4px 12px rgba(108,92,231,0.3);}.homepage-v2-footer{background:var(--bg-glass) !important;
 border:1px solid var(--border-glass) !important;
 color:var(--text-primary) !important;
 border-radius:20px !important;
 box-shadow:0 8px 32px rgba(0,0,0,0.3) !important;
 padding:2em !important;}@supports (backdrop-filter:blur(1px)){.homepage-v2-footer{backdrop-filter:blur(12px);}}.homepage-v2-footer h2{color:var(--text-primary) !important;
 font-size:1.1rem !important;
 font-weight:600;}.homepage-v2-footer p{color:var(--text-muted) !important;
 font-size:0.9rem;
 line-height:1.7;}.homepage-v2-footer a{color:var(--accent-teal) !important;
 text-decoration:underline !important;
 transition:color 0.2s ease;}.homepage-v2-footer a:hover{color:var(--accent) !important;}