.game-page{background:#08070d;color:#f7f4ff;min-height:100vh}.game-head{position:sticky;top:0;z-index:20;max-width:1180px;margin:0 auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,7,13,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.game-back{color:#bdb6cc}.game-shell{max-width:1180px;margin:auto;padding:22px 22px 80px}.catalog-banner{padding:34px 28px;margin:18px 0 26px;border-radius:28px;background:linear-gradient(135deg,#6d4df5,#9a48ee);box-shadow:0 24px 60px rgba(109,77,245,.18)}.catalog-banner h1{font-size:clamp(2rem,7vw,4rem);margin:.25em 0}.catalog-banner p{max-width:620px;margin:0;color:#eee7ff}.category-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#13101b;padding:8px;border-radius:18px;margin-bottom:28px}.category-tab{border:0;background:transparent;color:#aaa2b9;padding:13px 10px;border-radius:13px;font-weight:700}.category-tab.active{background:#7657f4;color:#fff;box-shadow:0 10px 24px rgba(118,87,244,.28)}.catalog-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.catalog-title-row h2{font-size:clamp(1.6rem,5vw,2.4rem);margin:.18em 0 0}.catalog-search{display:flex;align-items:center;gap:8px;min-width:260px;background:#15121d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0 14px}.catalog-search input{border:0!important;background:transparent!important;box-shadow:none!important;width:100%;padding:13px 0!important;color:#fff}.vip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:20px}.vip-card{display:flex;flex-direction:column;color:inherit;text-decoration:none;min-width:0;transition:.2s transform}.vip-card:hover{transform:translateY(-4px)}.vip-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px;background:#17131f;box-shadow:0 14px 35px rgba(0,0,0,.24)}.vip-card-title{font-weight:750;margin:10px 4px 2px;line-height:1.3}.vip-card small{margin:0 4px;color:#8e879c}.empty-catalog,.catalog-loading{grid-column:1/-1;padding:35px;text-align:center;color:#aaa2b9;background:#13101b;border-radius:20px}.detail-shell{max-width:1120px}.detail-hero{display:flex;gap:22px;align-items:center;padding:26px 0 30px}.detail-hero img{width:120px;height:120px;object-fit:cover;border-radius:26px;box-shadow:0 18px 45px rgba(0,0,0,.32)}.detail-hero h1{font-size:clamp(2rem,6vw,3.7rem);margin:.15em 0}.detail-hero p{color:#aaa2b9}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.detail-main{display:grid;gap:20px}.detail-card,.checkout-summary{background:#13101b;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px}.step-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.step-title>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#7657f4;font-weight:800}.step-title h2{margin:0}.step-title p{margin:4px 0 0;color:#91899f}.game-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-card label{display:grid;gap:8px;color:#d8d2e2}.detail-card input{width:100%}.nickname-btn{margin-top:14px}.nickname-result{min-height:28px;padding-top:8px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.service-option{display:flex;min-height:106px;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;padding:16px;border-radius:18px;border:1px solid rgba(139,112,255,.45);background:#0e0c14;color:#f8f5ff}.service-option strong{align-self:flex-end}.service-option.selected{background:linear-gradient(135deg,#7657f4,#8a61ef);border-color:transparent;box-shadow:0 14px 34px rgba(118,87,244,.24)}.checkout-summary{position:sticky;top:92px}.checkout-summary h2{margin:.5em 0}.checkout-summary>p{color:#aaa2b9;min-height:48px}.summary-line{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);font-size:1.05rem}.summary-line strong{font-size:1.25rem}.profit-note{font-size:.8rem;color:#8f879c;margin-bottom:16px}.checkout-summary button{width:100%}.checkout-summary button:disabled{opacity:.45;cursor:not-allowed}.game-payment-card{margin-top:40px;background:#13101b;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:24px}.game-result{text-align:center;padding:35px 10px}.game-result>div{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:2rem;background:rgba(73,217,137,.15)}.game-result a{display:inline-block;margin-top:15px}.game-result.failed>div{background:rgba(255,80,100,.15)}
@media(max-width:800px){.detail-layout{grid-template-columns:1fr}.checkout-summary{position:static}.catalog-title-row{align-items:stretch;flex-direction:column}.catalog-search{min-width:0}.category-tabs{overflow-x:auto;display:flex}.category-tab{min-width:105px}.detail-hero img{width:90px;height:90px}.detail-card,.checkout-summary{padding:18px}}
@media(max-width:560px){.game-shell{padding:14px 16px 70px}.game-head{padding:14px 16px}.catalog-banner{padding:27px 20px;border-radius:22px}.vip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vip-card img{border-radius:15px}.vip-card-title{font-size:.82rem}.vip-card small{font-size:.72rem}.detail-hero{align-items:flex-start}.detail-hero img{width:76px;height:76px;border-radius:18px}.game-two,.service-grid{grid-template-columns:1fr 1fr}.service-option{min-height:112px;padding:13px;font-size:.88rem}.detail-card{border-radius:20px}.detail-card input{font-size:16px}}

/* V20.2 detail polish */
.detail-card{overflow:hidden}.target-fields,.buyer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-control{display:flex!important;flex-direction:column;gap:9px;font-weight:650;color:#e8e2f0!important}.field-control input{box-sizing:border-box;width:100%!important;min-height:54px;padding:0 16px!important;border:1px solid rgba(152,126,255,.34)!important;border-radius:14px!important;background:#0c0a12!important;color:#fff!important;outline:none!important;font-size:16px!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s,background .2s}.field-control input::placeholder{color:#746d80}.field-control input:focus{border-color:#8c6cff!important;box-shadow:0 0 0 4px rgba(118,87,244,.14)!important;background:#100d18!important}.target-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.save-id-btn,.nickname-btn{min-height:46px;padding:0 18px!important;border-radius:12px!important;border:1px solid rgba(139,112,255,.45)!important;font-weight:800!important}.save-id-btn{background:linear-gradient(135deg,#7657f4,#9b5cf0)!important;color:#fff!important;box-shadow:0 10px 24px rgba(118,87,244,.22)}.nickname-btn{background:#181225!important;color:#fff!important}.nickname-result{font-size:.9rem;color:#c7baff}.buyer-card{background:linear-gradient(180deg,#15111e,#110e18)}.buyer-fields{align-items:end}.checkout-summary{background:linear-gradient(180deg,#171221,#100d17);box-shadow:0 22px 60px rgba(0,0,0,.24)}.checkout-summary>p{white-space:normal;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}.pay-qris-btn{display:flex!important;align-items:center;justify-content:space-between;min-height:54px;padding:0 18px!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#7657f4,#9b5cf0)!important;color:#fff!important;font-weight:850!important;font-size:1rem!important;box-shadow:0 14px 30px rgba(118,87,244,.25)}.pay-qris-btn b{font-size:1.4rem}.pay-qris-btn:disabled{background:#2a2433!important;box-shadow:none}.service-option{transition:transform .18s,border-color .18s,box-shadow .18s}.service-option:hover{transform:translateY(-2px)}.service-option span{line-height:1.35}.service-option strong{margin-top:12px}.vip-card{position:relative}.vip-card img{border:1px solid rgba(255,255,255,.08)}.vip-card:after{content:'Lihat produk';position:absolute;left:8px;right:8px;top:calc(100% - 64px);padding:7px 8px;border-radius:10px;text-align:center;font-size:.68rem;font-weight:800;background:rgba(9,7,14,.82);color:#fff;opacity:0;transform:translateY(5px);transition:.18s}.vip-card:hover:after{opacity:1;transform:none}
@media(max-width:800px){.target-fields,.buyer-fields{grid-template-columns:1fr}.checkout-summary{margin-top:2px}.detail-hero{padding-top:18px}}
@media(max-width:560px){.detail-shell{padding-left:12px;padding-right:12px}.detail-card,.checkout-summary{padding:18px 16px}.step-title h2{font-size:1.32rem}.step-title p{font-size:.88rem}.target-fields,.buyer-fields{grid-template-columns:1fr}.service-grid{gap:10px}.service-option{min-height:118px;border-radius:16px}.detail-hero h1{font-size:2rem}.pay-qris-btn{position:relative}.vip-card:after{display:none}}

/* V21 — KivoPay digital order history */
.history-shell{max-width:980px}.history-hero{padding:28px 0 18px}.history-hero h1{margin:8px 0;font-size:clamp(30px,6vw,52px)}.history-hero p{color:#aaa2b7}.history-tools{display:grid;grid-template-columns:1fr 210px;gap:12px;margin:14px 0 22px}.history-tools input,.history-tools select{min-height:52px;border-radius:15px;border:1px solid rgba(145,103,255,.25);background:#12101a;color:#fff;padding:0 15px}.kivo-history-list{display:grid;gap:16px}.kivo-history-card{padding:20px;border:1px solid rgba(145,103,255,.23);border-radius:22px;background:linear-gradient(145deg,#15111e,#0e0b14);box-shadow:0 18px 48px rgba(0,0,0,.2)}.history-card-top{display:flex;justify-content:space-between;gap:12px}.history-card-top small,.history-info-grid small{display:block;color:#91889e;margin-bottom:5px}.history-card-top strong{overflow-wrap:anywhere}.kivo-history-card h2{margin:18px 0 4px}.kivo-history-card>p{margin:0;color:#aaa2b7}.history-status{display:inline-flex;align-items:center;height:32px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.history-status.pending{background:rgba(245,158,11,.15);color:#fbbf24}.history-status.paid,.history-status.processing{background:rgba(139,92,246,.18);color:#c4b5fd}.history-status.completed{background:rgba(34,197,94,.16);color:#4ade80}.history-status.failed,.history-status.expired{background:rgba(239,68,68,.15);color:#f87171}.history-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.history-info-grid>div{padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);overflow-wrap:anywhere}.history-detail-btn{width:100%;min-height:46px;border:0;border-radius:13px;background:linear-gradient(135deg,#6d4cff,#a23df0);color:#fff;font-weight:900}.history-empty{text-align:center;padding:50px 20px;border:1px dashed rgba(145,103,255,.3);border-radius:22px}.history-empty a{display:inline-flex;margin-top:12px;padding:12px 18px;border-radius:12px;background:#744cf5;color:#fff}.kivo-detail-dialog{width:min(650px,calc(100% - 24px));max-height:88vh;overflow:auto;border:1px solid rgba(145,103,255,.3);border-radius:24px;background:#15111e;color:#fff;padding:24px;box-shadow:0 25px 90px #000}.kivo-detail-dialog::backdrop{background:rgba(2,0,8,.78);backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:13px;top:11px;border:0;background:transparent;color:#fff;font-size:30px}.detail-service{color:#aaa2b7}.history-detail-grid{display:grid;grid-template-columns:170px 1fr;margin:20px 0;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.history-detail-grid dt,.history-detail-grid dd{margin:0;padding:13px;border-bottom:1px solid rgba(255,255,255,.07)}.history-detail-grid dt{font-weight:800;color:#aaa2b7;background:rgba(255,255,255,.025)}.history-detail-grid dd{overflow-wrap:anywhere}.order-timeline{display:grid;gap:0;margin-top:14px}.timeline-item{display:grid;grid-template-columns:24px 1fr;gap:10px;position:relative;padding-bottom:22px}.timeline-item:before{content:"";position:absolute;left:6px;top:15px;bottom:0;width:2px;background:rgba(139,92,246,.25)}.timeline-item:last-child:before{display:none}.timeline-item i{width:14px;height:14px;border-radius:50%;background:#6d4cff;box-shadow:0 0 0 5px rgba(109,76,255,.14)}.timeline-item.active i{background:#35d07f}.timeline-item strong,.timeline-item small{display:block}.timeline-item small{color:#91889e;margin-top:3px}.timeline-item p{margin:6px 0 0;color:#bbb3c7}.game-result.success a,.game-result.failed a{display:inline-flex;margin-top:12px;padding:11px 16px;border-radius:12px;background:#754cf5;color:#fff;font-weight:800}@media(max-width:720px){.history-tools{grid-template-columns:1fr}.history-info-grid{grid-template-columns:1fr 1fr}.history-detail-grid{grid-template-columns:1fr}.history-detail-grid dt{padding-bottom:4px;border-bottom:0}.history-detail-grid dd{padding-top:4px}.kivo-detail-dialog{padding:20px 15px}}

/* V22 — input rules and navigation polish */
[hidden]{display:none!important}
.game-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:14px}
.game-nav-actions{display:flex;align-items:center;gap:10px}
.game-nav-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:13px;border:1px solid rgba(151,112,255,.28);background:rgba(117,76,245,.08);color:#eee8f8;text-decoration:none;font-size:.92rem;font-weight:800;transition:.18s}
.game-nav-btn span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(137,93,255,.18);font-size:1.15rem}
.game-nav-btn:hover{transform:translateY(-1px);border-color:rgba(151,112,255,.55);background:rgba(117,76,245,.16)}
.history-link{background:linear-gradient(135deg,rgba(109,76,255,.2),rgba(162,61,240,.16));color:#d9c8ff}
@media(max-width:560px){.game-detail-nav .brand span:last-child{display:none}.game-nav-actions{gap:7px}.game-nav-btn{padding:0 10px;min-height:40px}.game-nav-btn b{font-size:.8rem}}

/* V22 — user history mobile polish */
@media(max-width:560px){
  .kivo-history-card{padding:16px;border-radius:19px}
  .history-card-top{align-items:flex-start}
  .history-card-top>div{min-width:0}
  .kivo-history-card h2{font-size:1.08rem;line-height:1.38}
  .history-info-grid{grid-template-columns:1fr}
  .history-info-grid>div{display:grid;grid-template-columns:105px 1fr;gap:8px;align-items:start}
  .history-info-grid small{margin:0}
  .history-info-grid strong{text-align:right}
  .history-detail-btn{min-height:48px}
}

/* KivoPay V24 dynamic target fields */
.dynamic-target-fields{display:grid;gap:14px}.dynamic-field-help{display:block;margin-top:7px;color:#978da3;font-size:12px;line-height:1.45}.dynamic-field-control select,.dynamic-field-control textarea{width:100%;min-height:74px;border:1px solid rgba(151,108,255,.34);border-radius:18px;background:#0d0a13;color:#f5efff;padding:16px 20px;font:inherit;outline:none}.dynamic-field-control select{min-height:72px}.dynamic-field-control textarea:focus,.dynamic-field-control select:focus{border-color:#8d5cff;box-shadow:0 0 0 3px rgba(127,75,255,.12)}

/* Promo catalog hero */
.promo-catalog-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:center;gap:28px;min-height:300px;padding:42px 40px;background:linear-gradient(125deg,#593cf0 0%,#8548f5 54%,#b24bea 100%)}
.promo-catalog-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.2),transparent 30%),linear-gradient(115deg,transparent 50%,rgba(255,255,255,.08));pointer-events:none}
.promo-copy,.promo-cards{position:relative;z-index:1}.promo-badge{display:inline-flex;align-items:center;min-height:31px;padding:0 12px;border-radius:999px;background:rgba(17,8,47,.25);border:1px solid rgba(255,255,255,.22);font-size:.75rem;font-weight:900;letter-spacing:.13em;color:#fff}
.promo-catalog-banner h1{max-width:720px;margin:16px 0 13px;font-size:clamp(2rem,6vw,4.2rem);line-height:1.03;letter-spacing:-.045em}.promo-catalog-banner h1 span{color:#fff3b4;text-shadow:0 5px 24px rgba(86,36,171,.28)}
.promo-catalog-banner p{max-width:690px;font-size:1.02rem;line-height:1.65;color:rgba(255,255,255,.86)}.promo-benefits{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.promo-benefits span{padding:9px 12px;border-radius:12px;background:rgba(15,7,37,.2);border:1px solid rgba(255,255,255,.16);font-size:.79rem;font-weight:800;color:#fff}
.promo-cards{height:220px}.promo-mini-card{position:absolute;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.28);background:linear-gradient(145deg,rgba(255,255,255,.26),rgba(255,255,255,.1));box-shadow:0 25px 55px rgba(55,22,130,.3);backdrop-filter:blur(12px);color:#fff}.promo-main-card{right:16px;top:19px;width:210px;min-height:144px;padding:24px;border-radius:25px;transform:rotate(4deg)}.promo-main-card small{font-size:.67rem;font-weight:900;letter-spacing:.14em;color:#fff2aa}.promo-main-card strong{margin:16px 0 7px;font-size:1.55rem}.promo-main-card span{font-size:.86rem;color:rgba(255,255,255,.78)}.promo-float-card{left:0;bottom:8px;width:126px;padding:16px 17px;border-radius:19px;transform:rotate(-5deg)}.promo-float-card b{font-size:1.05rem}.promo-float-card span{margin-top:4px;font-size:.75rem;color:rgba(255,255,255,.78)}.promo-orb{position:absolute;border-radius:50%;filter:blur(1px);background:rgba(255,239,140,.8);box-shadow:0 0 34px rgba(255,239,140,.42)}.promo-orb-one{width:18px;height:18px;right:6px;bottom:26px}.promo-orb-two{width:9px;height:9px;left:38px;top:22px}

/* Order confirmation */
.order-confirm-dialog{width:min(610px,calc(100% - 28px));max-height:90vh;overflow:auto;border:1px solid rgba(151,112,255,.32);border-radius:27px;background:linear-gradient(180deg,#181321,#100d17);color:#f8f4ff;padding:25px;box-shadow:0 30px 100px rgba(0,0,0,.72)}.order-confirm-dialog::backdrop{background:rgba(4,2,10,.78);backdrop-filter:blur(8px)}.order-confirm-close{position:absolute;right:15px;top:13px;width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.07);color:#fff;font-size:25px}.order-confirm-head{display:flex;gap:15px;padding-right:35px}.order-confirm-icon{flex:0 0 46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#744cf5,#a44fec);font-size:1.35rem}.order-confirm-head h2{margin:5px 0 5px;font-size:1.45rem}.order-confirm-head p{margin:0;color:#aaa2b6;line-height:1.5;font-size:.88rem}.order-confirm-details{display:grid;gap:0;margin:22px 0 0;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden}.order-confirm-row{display:grid;grid-template-columns:155px minmax(0,1fr);gap:15px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.07)}.order-confirm-row:last-child{border-bottom:0}.order-confirm-row span{color:#938b9f;font-size:.85rem}.order-confirm-row strong{overflow-wrap:anywhere;text-align:right}.order-confirm-total{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 3px 13px}.order-confirm-total span{color:#aaa2b6}.order-confirm-total strong{font-size:1.65rem;color:#d6b7ff}.order-confirm-warning{padding:12px 14px;border-radius:14px;background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.2);color:#f3c66a;font-size:.82rem;line-height:1.5}.order-confirm-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:11px;margin-top:18px}.order-confirm-actions button{min-height:52px;border-radius:14px;font-weight:900}.order-cancel-btn{border:1px solid rgba(255,255,255,.13);background:#211b2b;color:#eee8f7}.order-confirm-btn{display:flex;align-items:center;justify-content:center;gap:12px;border:0;background:linear-gradient(135deg,#744cf5,#a44fec);color:#fff;box-shadow:0 14px 30px rgba(117,76,245,.25)}.order-confirm-btn:disabled{opacity:.55}
@media(max-width:720px){.promo-catalog-banner{grid-template-columns:1fr;min-height:auto;padding:30px 25px}.promo-cards{display:none}.promo-catalog-banner h1{font-size:clamp(2.15rem,10vw,3.15rem)}.promo-benefits{gap:7px}.promo-benefits span{font-size:.72rem}.order-confirm-dialog{padding:21px 17px}.order-confirm-row{grid-template-columns:110px minmax(0,1fr);padding:12px}.order-confirm-row strong{font-size:.9rem}.order-confirm-actions{grid-template-columns:1fr 1.35fr}}


/* KivoPay V26 polished catalog dashboard */
.catalog-head-actions{display:flex;align-items:center;gap:10px}.catalog-nav-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;border-radius:14px;border:1px solid rgba(155,119,255,.24);background:rgba(24,18,34,.78);color:#eee9f7!important;text-decoration:none!important;font-weight:800;font-size:.9rem;box-shadow:0 9px 26px rgba(0,0,0,.18);overflow:hidden;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.catalog-nav-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.13) 48%,transparent 72%);transform:translateX(-130%);transition:transform .55s ease}.catalog-nav-btn:hover:before,.catalog-nav-btn:active:before{transform:translateX(130%)}.catalog-nav-btn:hover,.catalog-nav-btn:active{transform:translateY(-2px);border-color:rgba(169,134,255,.55);box-shadow:0 13px 30px rgba(83,48,177,.22)}.catalog-back-btn{background:linear-gradient(145deg,rgba(37,29,49,.92),rgba(20,16,28,.92))}.catalog-history-btn{background:linear-gradient(135deg,rgba(108,72,241,.24),rgba(169,65,230,.18));color:#d8c7ff!important}.catalog-nav-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.07);font-size:1rem;line-height:1}

.promo-catalog-banner{min-height:238px;padding:30px 34px;border:1px solid rgba(255,255,255,.13);box-shadow:0 22px 55px rgba(83,43,183,.22);animation:catalogHeroIn .7s cubic-bezier(.2,.75,.25,1) both}.promo-catalog-banner:after{content:"";position:absolute;top:-60%;left:-25%;width:34%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:rotate(18deg);animation:catalogShine 6s ease-in-out infinite}.promo-catalog-banner h1{margin:12px 0 10px;font-size:clamp(2rem,5vw,3.45rem);line-height:1.01}.promo-catalog-banner p{font-size:.94rem;line-height:1.55}.promo-benefits{margin-top:16px}.promo-benefits span{padding:8px 11px;animation:benefitPop .55s ease both}.promo-benefits span:nth-child(2){animation-delay:.1s}.promo-benefits span:nth-child(3){animation-delay:.2s}.promo-cards{height:170px}.promo-main-card{top:5px;width:188px;min-height:126px;padding:20px;border-radius:22px;animation:promoFloat 4.6s ease-in-out infinite}.promo-main-card strong{margin:13px 0 6px;font-size:1.35rem}.promo-float-card{bottom:0;width:116px;padding:14px 15px;animation:promoFloatAlt 4.1s ease-in-out infinite}.promo-orb-one{animation:orbPulse 2.8s ease-in-out infinite}.promo-orb-two{animation:orbPulse 2.8s .7s ease-in-out infinite}

.category-tabs{position:relative;border:1px solid rgba(255,255,255,.055);box-shadow:0 14px 35px rgba(0,0,0,.18);animation:catalogRise .65s .12s both}.category-tab{position:relative;overflow:hidden;transition:transform .2s ease,color .2s ease,background .2s ease}.category-tab:hover{transform:translateY(-2px);color:#fff}.category-tab.active:after{content:"";position:absolute;left:18%;right:18%;bottom:4px;height:2px;border-radius:99px;background:rgba(255,255,255,.74);animation:tabGlow 1.8s ease-in-out infinite}
.catalog-section{animation:catalogRise .7s .2s both}.catalog-search{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.catalog-search:focus-within{transform:translateY(-2px);border-color:rgba(151,108,255,.6);box-shadow:0 0 0 4px rgba(119,77,245,.1),0 14px 30px rgba(0,0,0,.18)}.vip-card{animation:cardReveal .55s cubic-bezier(.2,.75,.25,1) both}.vip-card:nth-child(2n){animation-delay:.05s}.vip-card:nth-child(3n){animation-delay:.1s}.vip-card img{transition:transform .28s ease,filter .28s ease,box-shadow .28s ease}.vip-card:hover img,.vip-card:active img{transform:scale(1.035);filter:brightness(1.08);box-shadow:0 18px 42px rgba(83,48,177,.2)}

@keyframes catalogHeroIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes catalogRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes catalogShine{0%,62%{transform:translateX(-160%) rotate(18deg)}82%,100%{transform:translateX(440%) rotate(18deg)}}@keyframes promoFloat{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-9px)}}@keyframes promoFloatAlt{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-2deg) translateY(7px)}}@keyframes orbPulse{0%,100%{transform:scale(.8);opacity:.55}50%{transform:scale(1.25);opacity:1}}@keyframes benefitPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes tabGlow{0%,100%{opacity:.35;transform:scaleX(.65)}50%{opacity:1;transform:scaleX(1)}}@keyframes cardReveal{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:720px){.game-head{gap:10px}.brand span:last-child{display:none}.catalog-head-actions{margin-left:auto;gap:8px}.catalog-nav-btn{min-height:42px;padding:0 11px;border-radius:13px;font-size:.81rem}.catalog-nav-icon{width:22px;height:22px}.promo-catalog-banner{margin-top:10px;margin-bottom:18px;padding:22px 20px;min-height:0;border-radius:23px}.promo-catalog-banner h1{font-size:clamp(1.85rem,8.4vw,2.55rem);margin:10px 0 9px;line-height:1.02}.promo-catalog-banner p{font-size:.84rem;line-height:1.5}.promo-badge{min-height:27px;padding:0 10px;font-size:.64rem;letter-spacing:.1em}.promo-benefits{margin-top:13px;gap:6px}.promo-benefits span{padding:7px 9px;font-size:.66rem}.category-tabs{margin-bottom:22px}.catalog-title-row{margin-bottom:17px}.catalog-title-row h2{font-size:1.7rem}}
@media(max-width:390px){.catalog-nav-btn{padding:0 9px;gap:6px}.catalog-nav-btn span:last-child{font-size:.76rem}.promo-catalog-banner{padding:20px 17px}.promo-catalog-banner h1{font-size:1.85rem}.promo-benefits span{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.promo-catalog-banner,.promo-catalog-banner:after,.promo-main-card,.promo-float-card,.promo-orb,.promo-benefits span,.category-tabs,.catalog-section,.vip-card,.category-tab.active:after{animation:none!important}.catalog-nav-btn,.category-tab,.catalog-search,.vip-card,.vip-card img{transition:none!important}}


/* KivoPay V27 motion experience */
html{scroll-behavior:smooth}.catalog-dashboard,.detail-page,.payment-page{background:radial-gradient(circle at 50% -15%,rgba(112,65,241,.16),transparent 38%),#08070d}.ambient-particles{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ambient-particles i{position:absolute;left:var(--x);bottom:-20px;width:var(--size);height:var(--size);border-radius:50%;background:rgba(177,139,255,.55);box-shadow:0 0 12px rgba(157,103,255,.55);animation:particleRise var(--d) var(--delay) linear infinite}.game-head,.game-shell{position:relative;z-index:1}.game-head{box-shadow:0 8px 30px rgba(0,0,0,.22)}.brand .mark{animation:logoPulse 3s ease-in-out infinite;box-shadow:0 0 0 0 rgba(128,80,255,.35)}
.page-loader{position:fixed;inset:0;z-index:9999;display:grid;place-content:center;justify-items:center;text-align:center;background:radial-gradient(circle at center,rgba(118,77,244,.19),transparent 34%),#08070d;transition:opacity .48s ease,visibility .48s ease}.page-loader.hide{opacity:0;visibility:hidden}.loader-logo{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#744cf5,#b450ef);font-size:2rem;font-weight:950;box-shadow:0 0 45px rgba(130,73,255,.48);animation:loaderBounce 1.1s ease-in-out infinite}.loader-track{width:min(260px,68vw);height:5px;margin:26px 0 17px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}.loader-track span{display:block;width:40%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#caa8ff,#fff2a0,transparent);animation:loaderTrack 1.15s linear infinite}.page-loader strong{font-size:1.15rem}.page-loader p{margin:7px 0 0;color:#9e96aa;font-size:.9rem}
.live-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:-9px 0 24px}.live-stats article{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(145deg,rgba(25,20,35,.92),rgba(14,12,20,.9));box-shadow:0 15px 35px rgba(0,0,0,.16);animation:catalogRise .65s both}.live-stats article:nth-child(2){animation-delay:.08s}.live-stats article:nth-child(3){animation-delay:.16s}.live-stats article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:rgba(119,77,244,.16)}.live-stats div{display:grid}.live-stats strong{font-size:1.02rem}.live-stats small{color:#8f879c;margin-top:2px}
.vip-card{position:relative;isolation:isolate;overflow:visible}.vip-card:before{content:"";position:absolute;inset:-3px;border-radius:22px;background:conic-gradient(from 180deg,transparent,rgba(155,105,255,.65),transparent 32%);opacity:0;filter:blur(5px);z-index:-1;transition:opacity .25s}.vip-card:hover:before,.vip-card:active:before{opacity:.7}.vip-card:after{content:"";position:absolute;top:8px;left:8px;width:42%;height:24%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.32),transparent);transform:translateX(-170%) rotate(12deg);transition:transform .55s;pointer-events:none}.vip-card:hover:after,.vip-card:active:after{transform:translateX(230%) rotate(12deg)}.vip-card:nth-child(4n+1) .vip-card-title:after{content:"HOT";margin-left:6px;padding:2px 5px;border-radius:6px;background:#ef476f;color:#fff;font-size:.5rem;vertical-align:2px}.vip-card:nth-child(7n+2) .vip-card-title:after{content:"BEST";margin-left:6px;padding:2px 5px;border-radius:6px;background:#7c55f5;color:#fff;font-size:.5rem;vertical-align:2px}
.click-ripple{position:absolute!important;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.25);transform:scale(0);animation:ripple .62s ease-out;z-index:9}.catalog-nav-btn,.game-nav-btn,button{overflow:hidden;isolation:isolate}.toast-stack{position:fixed;right:18px;top:84px;z-index:10000;display:grid;gap:9px;width:min(330px,calc(100vw - 32px))}.kivo-toast{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:rgba(20,16,29,.94);box-shadow:0 18px 50px rgba(0,0,0,.35);backdrop-filter:blur(15px);opacity:0;transform:translateX(18px);transition:.25s}.kivo-toast.show{opacity:1;transform:none}.kivo-toast>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(119,77,244,.2)}.kivo-toast.success>span{background:rgba(49,199,120,.18);color:#70e6a4}.kivo-toast.error>span{background:rgba(255,83,106,.17);color:#ff7186}.kivo-toast p{margin:0;font-size:.84rem;color:#eee9f5}
.order-progress{display:flex;align-items:center;justify-content:center;gap:9px;margin:7px 0 16px;padding:12px 15px;border-radius:18px;background:rgba(19,16,27,.74);border:1px solid rgba(255,255,255,.065);backdrop-filter:blur(12px)}.order-progress span{display:flex;align-items:center;gap:7px;color:#716b7a;font-size:.76rem;font-weight:800;transition:.3s}.order-progress span b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#24202d;color:#817a89}.order-progress span.active{color:#eee9fa}.order-progress span.active b{background:linear-gradient(135deg,#744cf5,#a44fec);color:#fff;box-shadow:0 0 18px rgba(122,78,244,.35)}.order-progress i{width:34px;height:2px;background:#292431;border-radius:9px;transition:.3s}.order-progress i.active{background:#865cf5;box-shadow:0 0 10px rgba(134,92,245,.5)}
.success-confetti{position:fixed;inset:0;pointer-events:none;z-index:9998;overflow:hidden}.success-confetti i{position:absolute;left:var(--x);top:-30px;width:10px;height:18px;border-radius:3px;background:hsl(calc(var(--x) * 3.6),85%,65%);color:#fff;font-style:normal;font-size:11px;animation:confettiFall var(--dur) var(--delay) cubic-bezier(.16,.75,.36,1) forwards}.game-result.success>div{animation:successPop .7s cubic-bezier(.18,.9,.25,1.35),successGlow 2s .7s ease-in-out infinite}
@keyframes particleRise{to{transform:translateY(-110vh) translateX(28px);opacity:0}}@keyframes logoPulse{50%{box-shadow:0 0 0 9px rgba(128,80,255,0);transform:translateY(-2px)}}@keyframes loaderBounce{50%{transform:translateY(-8px) rotate(3deg);box-shadow:0 0 62px rgba(130,73,255,.62)}}@keyframes loaderTrack{from{transform:translateX(-120%)}to{transform:translateX(350%)}}@keyframes ripple{to{transform:scale(2.5);opacity:0}}@keyframes confettiFall{to{transform:translate(var(--tx),110vh) rotate(var(--r));opacity:.85}}@keyframes successPop{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.18)}100%{transform:scale(1)}}@keyframes successGlow{50%{box-shadow:0 0 0 12px rgba(73,217,137,0),0 0 35px rgba(73,217,137,.38)}}
@media(max-width:720px){.live-stats{grid-template-columns:1fr 1fr;margin-top:-4px}.live-stats article:last-child{grid-column:1/-1}.order-progress{gap:5px;overflow:auto;justify-content:flex-start}.order-progress span{font-size:.67rem;white-space:nowrap}.order-progress span b{width:23px;height:23px}.order-progress i{width:18px;flex:0 0 18px}.toast-stack{top:74px;right:12px}.ambient-particles i:nth-child(n+11){display:none}}
@media(prefers-reduced-motion:reduce){.ambient-particles,.page-loader .loader-logo,.loader-track span,.brand .mark,.game-result.success>div{animation:none!important}.page-loader{transition:none}.click-ripple{display:none}}

/* V37 game/order visual polish */
.game-shell,.game-page,.checkout-shell,.payment-shell,.history-shell{width:min(1120px,94vw)!important;margin-inline:auto}.game-hero,.game-detail-hero,.checkout-hero,.payment-hero{border:1px solid var(--v37-line)!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(22,40,67,.95),rgba(8,20,35,.94))!important;box-shadow:var(--v37-shadow)!important;overflow:hidden}
.game-grid,.service-grid,.nominal-grid{gap:14px!important}.game-card,.service-card,.nominal-card{border-radius:20px!important}.nominal-card.selected,.service-card.selected{border-color:rgba(35,211,192,.65)!important;box-shadow:0 0 0 3px rgba(35,211,192,.10),0 18px 45px rgba(0,0,0,.24)!important}
.order-summary,.payment-summary,.checkout-summary{position:relative;border-radius:22px!important}.order-summary:before,.payment-summary:before,.checkout-summary:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(79,140,255,.65),transparent)}
.step,.progress-step{transition:.2s}.step.active,.progress-step.active{color:#fff!important}.step.active:before,.progress-step.active:before{box-shadow:0 0 0 6px rgba(79,140,255,.10)}
@media(max-width:700px){.game-hero,.game-detail-hero,.checkout-hero,.payment-hero{border-radius:22px!important;padding:22px 18px!important}.game-grid,.service-grid,.nominal-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.game-card,.service-card,.nominal-card{border-radius:17px!important}.order-summary,.payment-summary,.checkout-summary{border-radius:19px!important}}