.page-title .title{color:#a855e8;font-size:2.2rem;font-weight:700;letter-spacing:2px;font-family:Righteous,sans-serif}.page-title .des{color:#b7acd9;font-size:1.1rem;font-weight:500;margin-top:2px;font-family:Quicksand,sans-serif}.mySwiper{position:relative;border:1px solid rgba(123,63,209,.3);border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 10px 30px rgba(0,0,0,.45);overflow:hidden}.mySwiper .swiper-slide{aspect-ratio:16/9;background:#14102b}.mySwiper .swiper-slide img{object-fit:cover}.mySwiper::after{content:'';position:absolute;left:0;right:0;bottom:0;height:38%;pointer-events:none;z-index:2;background:linear-gradient(180deg,rgba(20,16,43,0) 0,rgba(20,16,43,.75) 100%)}.slider-reticle{position:absolute;inset:12px;z-index:3;pointer-events:none;opacity:.55}.slider-reticle::after,.slider-reticle::before{content:'';position:absolute;width:26px;height:26px;border:2px solid #4a9df5}.slider-reticle::before{top:0;left:0;border-right:none;border-bottom:none;border-radius:5px 0 0 0}.slider-reticle::after{right:0;bottom:0;border-left:none;border-top:none;border-radius:0 0 5px 0}.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{--swiper-navigation-size:13px;width:38px;height:38px;margin-top:-19px;border-radius:50%;background:rgba(27,19,56,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(168,85,232,.45);color:#f2ecff!important;opacity:0;transition:opacity .3s ease,background .3s ease,border-color .3s ease}.mySwiper:hover .swiper-button-next,.mySwiper:hover .swiper-button-prev{opacity:1}.mySwiper .swiper-button-next:hover,.mySwiper .swiper-button-prev:hover{background:rgba(123,63,209,.75);border-color:#a855e8}.mySwiper .swiper-pagination{left:auto;right:16px;bottom:12px;width:auto;display:flex;align-items:center;gap:6px}.mySwiper .swiper-pagination-bullet{width:18px;height:3px;margin:0!important;border-radius:999px;background:rgba(255,255,255,.35);opacity:1;transition:width .3s ease,background .3s ease}.mySwiper .swiper-pagination-bullet-active{width:30px;background:linear-gradient(90deg,#7b3fd1,#4a9df5)!important}.feature-pills{position:relative;display:flex;align-items:stretch;background:rgba(34,26,71,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(123,63,209,.3);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 10px 30px rgba(0,0,0,.45);overflow:hidden}.feature-pills::before{content:'';position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,232,.55),transparent)}.live-dot{flex:0 0 auto;align-self:center;width:8px;height:8px;margin:0 14px 0 16px;border-radius:50%;background:#4ade80;animation:livePulse 2.4s ease-out infinite}@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}.feature-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 12px;border-left:1px solid rgba(123,63,209,.22);transition:background .3s ease}.feature-pill:hover{background:rgba(123,63,209,.12)}.pill-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.pill-icon--zap{background:rgba(74,157,245,.16);border:1px solid rgba(74,157,245,.35);color:#4a9df5}.pill-icon--shield{background:rgba(168,85,232,.16);border:1px solid rgba(168,85,232,.35);color:#a855e8}.pill-text{font-family:Dangrek,cursive;font-size:.82rem;color:#f2ecff;line-height:1.3;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;width:100%;max-width:1400px;margin:0 auto}.product-card{position:relative;background:#1b1338;border-radius:14px;overflow:hidden;width:100%;border:1px solid rgba(123,63,209,.3);box-shadow:0 4px 14px rgba(0,0,0,.35);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.product-card:hover{transform:translateY(-6px);border-color:#a855e8;box-shadow:0 10px 30px rgba(123,63,209,.45)}.product-card{animation:tileReveal .5s cubic-bezier(.22,1,.36,1) backwards}@keyframes tileReveal{from{opacity:0;transform:translateY(12px)}}.product-grid .product-card:first-child{animation-delay:0s}.product-grid .product-card:nth-child(2){animation-delay:45ms}.product-grid .product-card:nth-child(3){animation-delay:90ms}.product-grid .product-card:nth-child(4){animation-delay:135ms}.product-grid .product-card:nth-child(5){animation-delay:180ms}.product-grid .product-card:nth-child(6){animation-delay:225ms}.product-grid .product-card:nth-child(7){animation-delay:270ms}.product-grid .product-card:nth-child(8){animation-delay:315ms}.product-grid .product-card:nth-child(9){animation-delay:360ms}.product-grid .product-card:nth-child(10){animation-delay:405ms}.product-grid .product-card:nth-child(11){animation-delay:450ms}.product-grid .product-card:nth-child(n+12){animation-delay:495ms}.card-link,.disabled-link{display:flex;flex-direction:column;width:100%;height:100%;text-decoration:none;color:inherit}.card-link:hover{text-decoration:none;color:inherit}.disabled-link{cursor:not-allowed}.card-art{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#14102b}.card-image{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s ease}.product-card:hover .card-image{transform:scale(1.06)}.card-reticle{position:absolute;inset:8px;pointer-events:none;opacity:.45;transition:opacity .3s ease}.card-reticle::after,.card-reticle::before{content:'';position:absolute;width:16px;height:16px;border:2px solid #4a9df5;transition:border-color .3s ease}.card-reticle::before{top:0;left:0;border-right:none;border-bottom:none;border-radius:4px 0 0 0}.card-reticle::after{right:0;bottom:0;border-left:none;border-top:none;border-radius:0 0 4px 0}.product-card:hover .card-reticle{opacity:1}.product-card:hover .card-reticle::after,.product-card:hover .card-reticle::before{border-color:#a855e8}.card-label{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;margin-top:auto;background:#1b1338}.card-label::before{content:'';position:absolute;left:10px;right:10px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,232,.55),transparent)}.game-title{flex:1 1 auto;min-width:0;color:#fff;font-weight:700;font-size:.8rem;text-align:left;text-transform:uppercase;letter-spacing:.4px;margin:0;font-family:Quicksand,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topup-button{flex:0 0 auto;background:rgba(123,63,209,.85);border:1px solid rgba(168,85,232,.6);color:#fff;padding:4px 10px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.62rem;letter-spacing:.3px;font-family:Quicksand,sans-serif;cursor:pointer;transition:background .3s ease,border-color .3s ease}.product-card:hover .topup-button{background:#a855e8;border-color:#a855e8}.topup-button.disabled{background:rgba(68,59,102,.9);border-color:rgba(255,255,255,.12);cursor:not-allowed;pointer-events:none}.restock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(20,16,43,.85);display:flex;align-items:center;justify-content:center;border-radius:14px;opacity:0;transition:opacity .3s ease;overflow:hidden;z-index:10}.product-card.restock .restock-overlay{opacity:1}.restock-text{color:#a855e8;font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;font-family:Righteous,sans-serif}.product-card.restock{cursor:not-allowed;position:relative}.product-card.restock:hover{transform:none;box-shadow:0 4px 12px rgba(0,0,0,.35);border-color:rgba(123,63,209,.3)}.product-card.restock .card-image{filter:grayscale(100%) brightness(.7);opacity:.5}.product-card.restock:hover .card-image{transform:none}.product-card.restock .card-reticle{opacity:.2}.product-card.restock .game-title{color:rgba(255,255,255,.6)}@media (max-width:1200px){.product-grid{grid-template-columns:repeat(4,1fr);gap:18px}}@media (max-width:992px){.product-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:768px){.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{display:none}.product-grid{grid-template-columns:repeat(3,1fr);gap:12px}.card-reticle{inset:6px}.card-reticle::after,.card-reticle::before{width:12px;height:12px}.game-title{font-size:.72rem}}@media (max-width:576px){.product-grid{grid-template-columns:repeat(3,1fr);gap:8px}.card-label{flex-direction:column;align-items:stretch;gap:5px;padding:7px}.card-label::before{left:7px;right:7px}.game-title{font-size:.62rem;text-align:center}.topup-button{padding:3px 6px;font-size:.55rem;text-align:center}}@media (max-width:480px){.product-grid{grid-template-columns:repeat(3,1fr);gap:6px}.card-reticle{inset:5px}.card-reticle::after,.card-reticle::before{width:10px;height:10px;border-width:1.5px}.game-title{font-size:.58rem}.slider-reticle{inset:8px}.slider-reticle::after,.slider-reticle::before{width:18px;height:18px}.mySwiper .swiper-pagination{right:10px;bottom:9px}.mySwiper .swiper-pagination-bullet{width:14px}.mySwiper .swiper-pagination-bullet-active{width:24px}.live-dot{margin:0 9px 0 11px;width:7px;height:7px}.feature-pill{padding:9px 6px;gap:6px}.pill-icon{width:22px;height:22px;font-size:10px;border-radius:5px}.pill-text{font-size:.7rem}}