@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root{color-scheme:dark;--font-sans:'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;--background:224 42% 10%;--background-elevated:223 38% 12%;--background-soft:222 30% 16%;--foreground:210 40% 98%;--foreground-soft:217 20% 72%;--foreground-faint:218 14% 60%;--primary:40 98% 59%;--primary-foreground:222 47% 9%;--primary-soft:38 96% 66%;--accent:214 100% 68%;--accent-cyan:191 95% 63%;--accent-violet:248 88% 72%;--card:223 34% 14%;--card-soft:223 29% 17%;--card-foreground:210 40% 98%;--secondary:223 27% 14%;--secondary-foreground:210 40% 98%;--muted:223 21% 18%;--muted-foreground:217 18% 70%;--border:222 22% 25%;--border-soft:221 18% 20%;--input:223 24% 15%;--ring:214 100% 68%;--popover:223 34% 14%;--popover-foreground:210 40% 98%;--success:142 71% 45%;--warning:39 96% 56%;--destructive:0 72% 55%;--info:217 91% 60%;--radius:1.1rem;--radius-lg:1.35rem;--radius-xl:1.6rem;--button-gradient-theme:linear-gradient(135deg, #ffdc7a 0%, #ffbb33 45%, #ff8a1c 100%);--button-gradient-blue:linear-gradient(135deg, rgba(96,165,250,.22) 0%, rgba(34,211,238,.18) 100%);--shadow-ambient:0 18px 60px rgba(2, 6, 23, .42);--shadow-soft:0 10px 28px rgba(2, 6, 23, .24);--shadow-card:0 14px 34px rgba(2, 6, 23, .32), 0 0 0 1px rgba(255,255,255,.03);--shadow-card-hover:0 26px 54px rgba(2, 6, 23, .42), 0 0 0 1px rgba(96,165,250,.12);--shadow-focus:0 0 0 4px rgba(96, 165, 250, .14);--glow-primary:0 0 0 1px rgba(255,255,255,.04), 0 16px 40px rgba(245,158,11,.18);--glow-blue:0 0 0 1px rgba(255,255,255,.04), 0 16px 40px rgba(59,130,246,.14), 0 6px 16px rgba(34,211,238,.08);--surface-0:linear-gradient(180deg, rgba(14,21,38,.98) 0%, rgba(10,18,34,.98) 100%);--surface-1:linear-gradient(180deg, rgba(22,34,58,.92) 0%, rgba(12,21,40,.96) 100%);--surface-2:linear-gradient(180deg, rgba(27,40,67,.86) 0%, rgba(15,24,44,.94) 100%);--surface-active:linear-gradient(180deg, rgba(28,48,88,.95) 0%, rgba(13,25,47,.98) 100%);--premium-glow:rgba(96, 165, 250, 0.35);--premium-glow-lg:rgba(96, 165, 250, 0.2);--glass-bg:rgba(22, 34, 58, 0.72);--glass-border:rgba(148, 163, 184, 0.12);--glass-blur:18px;--card-radius:1.1rem;--transition-base:0.28s cubic-bezier(0.4, 0, 0.2, 1);--transition-bounce:0.4s cubic-bezier(0.34, 1.56, 0.64, 1);--gradient-card:linear-gradient(160deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.02) 40%, transparent 70%)}*,*::before,*::after{box-sizing:border-box}html,body{min-height:100%}body{font-family:var(--font-sans)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:hsl(var(--foreground));background:#05112a!important}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgb(255 255 255 / .02) 0%,transparent 20%),radial-gradient(circle at 50% 0%,rgb(255 255 255 / .05),transparent 20%);opacity:.5;z-index:0}body>*{position:relative}header,main,footer,section,.container,.footer-premium,.header-premium{position:relative}.offcanvas,.offcanvas-backdrop,.modal,.modal-backdrop,[role="dialog"],[data-bs-backdrop]{z-index:1080!important}.offcanvas-backdrop,.modal-backdrop{z-index:1070!important}.offcanvas.show,.offcanvas.showing,.modal.show{z-index:1080!important}header,.header-premium,.navbar{color:hsl(var(--foreground));background:rgb(8 15 29 / .78)!important;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid rgb(148 163 184 / .08)!important;box-shadow:0 8px 32px rgb(2 6 23 / .22),0 1px 0 rgb(255 255 255 / .025);position:sticky}header a,.navbar a,.header-premium a{color:hsl(var(--muted-foreground));transition:color .22s ease}header a:hover,.navbar a:hover,.header-premium a:hover,header a.text-primary,.navbar a.text-primary{color:hsl(var(--foreground))}nav .absolute.inset-x-0.bottom-0,nav .bg-primary{box-shadow:0 0 20px rgb(255 187 51 / .5)}.search-spotlight{position:relative}input[id*="search"],.search-spotlight input{color:hsl(var(--foreground))!important;background:linear-gradient(180deg,rgb(17 28 48 / .90),rgb(11 20 38 / .96))!important;border:1px solid rgb(148 163 184 / .14)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .03);transition:border-color .2s ease,box-shadow .2s ease}input[id*="search"]:focus,.search-spotlight input:focus{outline:none;border-color:rgb(96 165 250 / .5)!important;box-shadow:var(--shadow-focus)!important}#containerSearchDesktop,#containerSearchAndroid,#searchResults{background:rgb(11 19 35 / .96)!important;border:1px solid rgb(148 163 184 / .14)!important;box-shadow:0 22px 46px rgb(2 6 23 / .36);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);border-radius:16px;overflow:hidden}.bg-sidebar-odg{background:rgb(4 10 31 / .93);border-radius:16px;box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgb(4 10 31 / .3)}.sidebar-premium,.offcanvas-body .space-y-2{background:#fff0}.offcanvas-body a:hover,.sidebar-premium a:hover{color:hsl(var(--foreground));background:rgb(96 165 250 / .08)}.hero-premium{position:relative;overflow:hidden;border-bottom:1px solid rgb(148 163 184 / .10);background:radial-gradient(640px circle at 20% 10%,rgb(59 130 246 / .12),transparent 30%),linear-gradient(180deg,rgb(14 22 41 / .72),rgb(10 18 34 / .42))}.hero-premium::after{content:'';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent,rgb(8 16 31 / .8));pointer-events:none;z-index:2}.hero-premium .swiper-slide img{width:100%;display:block;border-radius:1.7rem;border:1px solid rgb(148 163 184 / .16);box-shadow:0 20px 44px rgb(2 6 23 / .34)}.swiper-button>div,button[data-action="prev"],button[data-action="next"]{background:rgb(11 18 34 / .82)!important;border:1px solid rgb(148 163 184 / .18);box-shadow:0 12px 30px rgb(2 6 23 / .28);backdrop-filter:blur(12px);border-radius:50%}.section-title{display:inline-flex;align-items:center;gap:.75rem;font-weight:800;letter-spacing:.02em;color:hsl(var(--foreground));line-height:1.1;font-family:var(--font-sans)}.section-title__icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;color:hsl(var(--foreground));background:linear-gradient(180deg,rgb(255 255 255 / .10),rgb(255 255 255 / .04));border:1px solid rgb(148 163 184 / .16);box-shadow:inset 0 1px 0 rgb(255 255 255 / .08);flex-shrink:0}.section-subtitle{color:hsl(var(--foreground-soft));font-size:.85rem;line-height:1.55}hr.section-divider{height:1px;border:none;background:linear-gradient(90deg,transparent,rgb(96 165 250 / .3),rgb(34 211 238 / .2),transparent);margin:3rem 0}.card,.product-card,.game-card,.payment-card,.article-card,.review-card,.card-trending,.card-game,.review-item-card,.glass-card,.glass-subtle{position:relative;overflow:hidden;color:hsl(var(--card-foreground));background:var(--surface-1);border:1px solid rgb(148 163 184 / .12);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}.card::before,.product-card::before,.game-card::before,.payment-card::before,.article-card::before,.review-card::before,.card-trending::before,.card-game::before,.review-item-card::before,.glass-card::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(160deg,rgb(255 255 255 / .10) 0%,rgb(255 255 255 / .04) 25%,#fff0 52%),radial-gradient(circle at 90% 0%,rgb(96 165 250 / .10),transparent 32%);border-radius:inherit}.card:hover,.product-card:hover,.game-card:hover,.payment-card:hover,.article-card:hover,.review-card:hover,.card-trending:hover,.card-game:hover,.review-item-card:hover,.card-tabs:hover>.card-game,.glass-card:hover{transform:translateY(-5px);border-color:rgb(96 165 250 / .24);box-shadow:var(--shadow-card-hover)}.card-game{background:linear-gradient(133deg,rgb(0 55 150 / 77%) 0%,rgb(2 24 72 / 85%) 100%);cursor:pointer}.card-game>.overflow-hidden{border-bottom:1px solid rgb(148 163 184 / .09)}.card-game img,.card-trending img{display:block;width:100%;transition:transform .4s ease,filter .35s ease}.card-tabs:hover .card-game img,.card-trending:hover img{transform:scale(1.04);filter:saturate(1.06) brightness(1.02)}.card-game__info{position:relative;z-index:1;display:flex;flex-direction:column;gap:.32rem;padding:.95rem .95rem 1rem;background:linear-gradient(180deg,rgb(22 34 58 / .9) 0%,rgb(12 21 40 / .98) 100%)}.card-game__title{font-weight:800;font-size:.875rem;color:hsl(var(--foreground));line-height:1.18}.card-game__subtitle{font-size:.78rem;color:hsl(var(--foreground-soft))}.card-trending{display:flex;align-items:center;gap:14px;padding:14px;background:var(--surface-1);min-height:unset}.card-trending>div{position:relative;z-index:1}.card-trending .image-wrapper{width:64px;height:64px;flex-shrink:0;border-radius:14px;overflow:hidden;background:rgb(255 255 255 / .04);display:flex;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / .06)}.card-trending .image-wrapper img{width:100%;height:100%;object-fit:contain;padding:2px}.card-trending>a img,.card-trending img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex-shrink:0}.card-trending h2{color:hsl(var(--foreground));font-weight:700;font-size:.875rem}.card-trending p{color:hsl(var(--foreground-soft));font-size:.78rem}.review-item-card{padding:1.1rem 1.2rem;background:var(--surface-1)}.review-item-card .stars{display:flex;gap:2px;color:hsl(var(--primary))}.review-item-card p{color:hsl(var(--foreground-soft));font-size:.85rem;line-height:1.6}.article-card{overflow:hidden}.article-card img{display:block;width:100%;transition:transform .4s ease}.article-card:hover img{transform:scale(1.04)}.badge-rank,.badge,.tag{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:1.85rem;padding:.32rem .7rem;border-radius:999px;font-weight:700;font-size:.72rem;letter-spacing:.03em;border:1px solid rgb(255 198 78 / .22);color:#ffcf6a;background:linear-gradient(180deg,rgb(255 185 51 / .16),rgb(255 138 28 / .10));box-shadow:inset 0 1px 0 rgb(255 255 255 / .08)}.badge-rank.rank-1{background:linear-gradient(135deg,rgb(255 213 86 / .22),rgb(255 155 28 / .14));border-color:rgb(255 200 60 / .35);color:#ffd566;box-shadow:0 6px 20px rgb(245 158 11 / .22),inset 0 1px 0 rgb(255 255 255 / .12)}.badge-rank.rank-2{background:linear-gradient(135deg,rgb(203 213 225 / .16),rgb(148 163 184 / .10));border-color:rgb(203 213 225 / .28);color:#cbd5e1;box-shadow:0 4px 14px rgb(148 163 184 / .16)}.badge-rank.rank-3{background:linear-gradient(135deg,rgb(205 127 50 / .20),rgb(160 90 30 / .12));border-color:rgb(205 127 50 / .30);color:#d4945a;box-shadow:0 4px 14px rgb(180 100 40 / .18)}.badge-premium{display:inline-flex;align-items:center;padding:.28rem .8rem;border-radius:999px;font-size:.70rem;font-weight:700;letter-spacing:.04em}.badge-premium.badge-success{background:rgb(16 185 129 / .14);color:#34d399;border:1px solid rgb(16 185 129 / .22)}.badge-premium.badge-warning{background:rgb(245 158 11 / .14);color:#fbbf24;border:1px solid rgb(245 158 11 / .22)}.badge-premium.badge-danger{background:rgb(239 68 68 / .14);color:#f87171;border:1px solid rgb(239 68 68 / .22)}.badge-premium.badge-info{background:rgb(96 165 250 / .14);color:#93c5fd;border:1px solid rgb(96 165 250 / .22)}.produk-btn,.order-variant,.variant-item{position:relative;overflow:hidden;color:hsl(var(--foreground));background:var(--surface-1);border:1px solid rgb(148 163 184 / .13)!important;border-radius:18px!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .04),var(--shadow-soft);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.produk-btn::before,.order-variant::before,.variant-item::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(160deg,rgb(255 255 255 / .09) 0%,#fff0 42%)}.produk-btn>*{position:relative;z-index:2}.produk-btn:hover:not(:disabled),.order-variant:hover,.variant-item:hover{transform:translateY(-3px);border-color:rgb(96 165 250 / .36)!important;box-shadow:var(--glow-blue)}.produk-btn.bj-shadow,.produk-btn.ring-2,.order-variant.active,.variant-item.active{border-color:rgb(125 211 252 / .55)!important;background:var(--surface-active);box-shadow:0 0 0 1px rgb(125 211 252 / .16),0 18px 34px rgb(37 99 235 / .18),inset 0 1px 0 rgb(255 255 255 / .10)!important;transform:translateY(-2px)}.produk-btn:disabled,.produk-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none!important;filter:grayscale(.6)}.metode-btn,.payment-item,.method-item,button[id*="metode"],button[id*="Metode"]{position:relative;overflow:hidden;color:hsl(var(--foreground));background:var(--surface-1);border:1px solid rgb(148 163 184 / .13)!important;border-radius:16px!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .04),var(--shadow-soft);transition:all .22s ease}.metode-btn::before,.payment-item::before,.method-item::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgb(255 255 255 / .07) 0%,#fff0 38%)}.metode-btn:hover,.payment-item:hover,.method-item:hover{transform:translateY(-2px);border-color:rgb(96 165 250 / .34)!important;box-shadow:var(--glow-blue)}.metode-btn.bj-shadow,.metode-btn.ring-2,.payment-item.active,.method-item.active{border-color:rgb(125 211 252 / .52)!important;background:var(--surface-active);box-shadow:0 0 0 1px rgb(125 211 252 / .14),0 18px 34px rgb(37 99 235 / .16),inset 0 1px 0 rgb(255 255 255 / .09)!important}input,select,textarea,.input-premium{color:hsl(var(--foreground))!important;background:linear-gradient(180deg,rgb(17 28 48 / .90),rgb(11 20 38 / .96))!important;border:1px solid rgb(210 247 0 / 59%)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .03);transition:border-color .2s ease,box-shadow .2s ease;font-family:var(--font-sans)}input::placeholder,textarea::placeholder{color:hsl(var(--foreground-faint))!important}input:focus,select:focus,textarea:focus,.input-premium:focus{outline:none!important;border-color:rgb(96 165 250 / .46)!important;box-shadow:var(--shadow-focus)!important;background:linear-gradient(180deg,rgb(20 33 56 / .94),rgb(12 22 41 / .98))!important}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}#kode_voucher{border-radius:12px 0 0 12px!important}.btn-primary,button.bg-primary,button.bg-button-gradient-theme,a.bg-primary,.bg-button-gradient-theme,.btn-cta{position:relative;overflow:hidden;color:#0f1728!important;font-weight:800;border-radius:999px;border:1px solid rgb(255 213 111 / .26)!important;background:var(--button-gradient-theme)!important;box-shadow:0 14px 34px rgb(245 158 11 / .18),inset 0 1px 0 rgb(255 255 255 / .30);transition:transform .22s ease,filter .22s ease,box-shadow .22s ease;cursor:pointer;padding:5px}.btn-primary::before,button.bg-primary::before,.btn-cta::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgb(255 255 255 / .30),rgb(255 255 255 / .06) 36%,transparent 62%)}.btn-primary:hover,button.bg-primary:hover,.btn-cta:hover,.bg-button-gradient-theme:hover{transform:translateY(-2px);filter:brightness(1.04) saturate(1.05);box-shadow:0 20px 42px rgb(245 158 11 / .26),0 6px 18px rgb(59 130 246 / .10),inset 0 1px 0 rgb(255 255 255 / .36)}.btn-secondary,button.border,button.bg-transparent,button.border-border\/50,a.border.border-border\/50{color:hsl(var(--foreground));background:rgb(255 255 255 / .03)!important;border:1px solid rgb(148 163 184 / .16)!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .03);border-radius:12px;transition:all .22s ease}.btn-secondary:hover,button.border:hover,button.bg-transparent:hover{background:rgb(96 165 250 / .08)!important;border-color:rgb(96 165 250 / .26)!important;color:hsl(var(--foreground))}#btn-beli,.btn-beli-main,button[form]:not([type="button"]){position:relative;overflow:hidden;background:var(--button-gradient-theme)!important;color:#0f1728!important;font-weight:800;border:none!important;border-radius:16px!important;transition:all .24s ease;box-shadow:0 12px 28px rgb(245 158 11 / .22),inset 0 1px 0 rgb(255 255 255 / .22)}#btn-beli:hover,.btn-beli-main:hover{transform:translateY(-2px)!important;box-shadow:0 20px 40px rgb(245 158 11 / .28)!important}.pill-category,.tab,[role="tab"],.tabs button{color:hsl(var(--foreground-soft));background:rgb(255 255 255 / .03);border:1px solid rgb(148 163 184 / .12);border-radius:999px;padding:.5rem 1.1rem;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.pill-category:hover,.tab:hover,[role="tab"]:hover{color:hsl(var(--foreground));background:rgb(96 165 250 / .06);border-color:rgb(96 165 250 / .22)}.pill-category.active,.tab.active,.tab.bg-primary,[role="tab"][aria-selected="true"],.tab.focus\:bg-primary:focus{color:#091527!important;background:linear-gradient(135deg,#7ec8ff 0%,#5badff 44%,#7de8ff 100%)!important;border-color:rgb(125 211 252 / .44)!important;box-shadow:0 10px 26px rgb(59 130 246 / .18);font-weight:700}@media (max-width:767px){input,select,textarea,.input-premium{font-size:16px!important}input,#whatsappFormatted{font-size:16px!important}}.order-header,.section-header,.card-header,section[id]>.flex.items-center.overflow-hidden{background:linear-gradient(180deg,rgb(23 35 60 / .92),rgb(14 24 43 / .98))!important;color:hsl(var(--foreground));border-bottom:1px solid rgb(148 163 184 / .10);backdrop-filter:blur(8px)}.flex.h-10.w-10.items-center.justify-center.bg-primary,section[id] .bg-primary.font-semibold{background:var(--button-gradient-theme)!important;color:#0f1728!important;font-weight:800;box-shadow:0 0 18px rgb(255 187 51 / .30)}.summary-bg-order{background:rgb(5 18 57 / .97)!important;border:1px solid rgb(148 163 184 / .12)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card)}@media (min-width:1024px){.col-span-3.lg\:col-span-1{position:sticky;top:80px}}.table,.table-premium,.leaderboard-table,.invoice-table,.payment-table,.data-table,.table-responsive table,.content table,main table,section table{width:100%;border-collapse:separate;border-spacing:0;color:hsl(var(--foreground));background:linear-gradient(180deg,rgb(15 24 44 / .92),rgb(10 18 34 / .98));border:1px solid rgb(148 163 184 / .14);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card);font-size:.9rem}.table thead,.table-premium thead,.leaderboard-table thead,.invoice-table thead,.table-responsive table thead{background:linear-gradient(180deg,rgb(29 45 74 / .96),rgb(18 30 53 / .99))}.table th,.table-premium th,.leaderboard-table th,.invoice-table th,.table-responsive table th{padding:.9rem 1.1rem;font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:hsl(var(--foreground-soft));border-bottom:1px solid rgb(148 163 184 / .10);white-space:nowrap;text-align:left}.table td,.table-premium td,.leaderboard-table td,.invoice-table td,.table-responsive table td{padding:.9rem 1.1rem;color:hsl(var(--foreground));border-bottom:1px solid rgb(148 163 184 / .08);background:rgb(255 255 255 / .008);vertical-align:middle}.table tbody tr,.table-premium tbody tr,.leaderboard-table tbody tr,.invoice-table tbody tr,.table-responsive table tbody tr{transition:background .18s ease}.table tbody tr:hover td,.table-premium tbody tr:hover td,.leaderboard-table tbody tr:hover td,.invoice-table tbody tr:hover td,.table-responsive table tbody tr:hover td{background:linear-gradient(90deg,rgb(96 165 250 / .06),rgb(34 211 238 / .03))!important}.table tbody tr:last-child td,.table-premium tbody tr:last-child td{border-bottom:0}.table tbody tr:nth-child(even) td{background:rgb(255 255 255 / .018)}.kint-rich,.kint-rich *,.kint-rich table,.kint-rich td,.kint-rich th,.kint-rich tr{backdrop-filter:none!important;box-shadow:none!important;border-radius:0!important;background:revert!important}footer,.footer-premium{margin-top:4rem;position:relative;background:linear-gradient(180deg,#0b1326 0%,#08101f 100%)!important;border-top:1px solid rgb(148 163 184 / .08)!important;color:hsl(var(--foreground-soft))}footer::before,.footer-premium::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgb(96 165 250 / .36),rgb(34 211 238 / .24),transparent)}footer a{color:hsl(var(--foreground-soft));transition:color .2s ease}footer a:hover{color:hsl(var(--foreground))}footer h3{color:hsl(var(--primary))}@keyframes premium-shimmer{100%{transform:translateX(100%)}}.skeleton-fs,.skeleton-card,.skeleton-card-kategori,.skeleton-berita{position:relative;overflow:hidden;background:linear-gradient(180deg,rgb(23 34 58 / .90),rgb(13 22 41 / .96))!important;border:1px solid rgb(148 163 184 / .10);box-shadow:inset 0 1px 0 rgb(255 255 255 / .03);border-radius:var(--radius-lg)}.skeleton-fs::after,.skeleton-card::after,.skeleton-card-kategori::after,.skeleton-berita::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgb(255 255 255 / .07),transparent);animation:premium-shimmer 1.8s infinite}.odg-bg{background:#032a57!important}.bg-popover,.dropdown-menu,[role="menu"],.dropdown{background:rgb(14 22 40 / .97)!important;border:1px solid rgb(148 163 184 / .14)!important;backdrop-filter:blur(20px);border-radius:14px!important;box-shadow:0 22px 46px rgb(2 6 23 / .4);color:hsl(var(--foreground))}[role="menuitem"],.dropdown-item{color:hsl(var(--foreground-soft));transition:background .18s ease,color .18s ease;border-radius:8px}[role="menuitem"]:hover,.dropdown-item:hover{background:rgb(96 165 250 / .08);color:hsl(var(--foreground))}#user-dropdown-mobile{background:rgb(12 20 38 / .97)!important;border:1px solid rgb(148 163 184 / .14)!important;border-radius:14px;box-shadow:0 20px 44px rgb(2 6 23 / .4)}.invoice-status-timeline,.invoice-card{background:var(--surface-1);border:1px solid rgb(148 163 184 / .12);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.5rem}.status-badge-success{background:rgb(16 185 129 / .14);color:#34d399;border:1px solid rgb(16 185 129 / .24);border-radius:999px;padding:.3rem .9rem;font-weight:700;font-size:.78rem}.status-badge-pending{background:rgb(245 158 11 / .14);color:#fbbf24;border:1px solid rgb(245 158 11 / .22);border-radius:999px;padding:.3rem .9rem;font-weight:700;font-size:.78rem}.status-badge-failed{background:rgb(239 68 68 / .14);color:#f87171;border:1px solid rgb(239 68 68 / .22);border-radius:999px;padding:.3rem .9rem;font-weight:700;font-size:.78rem}.qr-container,canvas[id*="qr"],img[id*="qr"]{border:4px solid rgb(255 255 255 / .08);border-radius:16px;box-shadow:0 0 0 1px rgb(96 165 250 / .14),var(--shadow-card);background:#fff;padding:8px}.leaderboard-table thead th:first-child{border-radius:18px 0 0 0}.leaderboard-table thead th:last-child{border-radius:0 18px 0 0}.leaderboard-table tbody tr:nth-child(1) td{background:linear-gradient(90deg,rgb(255 213 86 / .08),rgb(255 155 28 / .04))!important}.leaderboard-table tbody tr:nth-child(2) td{background:linear-gradient(90deg,rgb(203 213 225 / .06),rgb(148 163 184 / .03))!important}.leaderboard-table tbody tr:nth-child(3) td{background:linear-gradient(90deg,rgb(205 127 50 / .07),rgb(160 90 30 / .03))!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;text-align:center}.empty-state__icon{width:80px;height:80px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;border:1px solid rgb(148 163 184 / .14);box-shadow:var(--shadow-soft);color:hsl(var(--foreground-soft))}.empty-state__title{font-size:1.1rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.5rem}.empty-state__desc{font-size:.875rem;color:hsl(var(--foreground-soft));max-width:360px;line-height:1.6}pre,code,.code-block,.code-block-premium{background:rgb(6 12 26 / .94)!important;border:1px solid rgb(148 163 184 / .14);border-radius:14px;color:#e2e8f0;font-family:'JetBrains Mono','Fira Code',ui-monospace,monospace;font-size:.825rem;line-height:1.75;padding:1.25rem 1.4rem;overflow-x:auto;box-shadow:inset 0 1px 0 rgb(255 255 255 / .025),var(--shadow-card);position:relative}pre::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgb(255 255 255 / .04),transparent 40%);pointer-events:none}.api-sidebar,.docs-sidebar{background:var(--surface-0);border:1px solid rgb(148 163 184 / .10);border-radius:var(--radius-lg);padding:1.25rem}.api-sidebar a,.docs-sidebar a{color:hsl(var(--foreground-soft));font-size:.84rem;padding:.4rem .8rem;border-radius:8px;display:block;transition:all .2s ease}.api-sidebar a:hover,.docs-sidebar a:hover{color:hsl(var(--foreground));background:rgb(96 165 250 / .08)}.api-sidebar a.active,.docs-sidebar a.active{color:hsl(var(--accent));background:rgb(96 165 250 / .10);font-weight:600}.article-grid{display:grid;gap:1.5rem}.article-card-wrapper{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-1);border:1px solid rgb(148 163 184 / .12);box-shadow:var(--shadow-card);transition:transform .26s ease,box-shadow .26s ease}.article-card-wrapper:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:rgb(96 165 250 / .2)}.article-meta{font-size:.74rem;color:hsl(var(--foreground-faint));letter-spacing:.03em}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.82rem;font-weight:600;color:hsl(var(--foreground-soft));margin-bottom:.5rem;letter-spacing:.02em}.form-card,.contact-card{background:var(--surface-1);border:1px solid rgb(148 163 184 / .12);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-card)}.bg-secondary,.bg-muted{background:var(--surface-1)!important;color:hsl(var(--foreground))}.bg-card,.bg-card\/50{background:rgb(22 34 58 / .72)!important}.bg-background{background:#fff0}.text-foreground{color:hsl(var(--foreground))!important}.text-muted-foreground,.text-foreground\/60{color:hsl(var(--muted-foreground))!important}.text-primary{color:hsl(var(--primary))!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background:rgb(148 163 184 / .18);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:rgb(148 163 184 / .30)}*{scrollbar-width:thin;scrollbar-color:rgb(148 163 184 / .18) #fff0}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,100%{box-shadow:0 0 14px var(--premium-glow)}50%{box-shadow:0 0 28px var(--premium-glow),0 0 50px var(--premium-glow-lg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-glow-pulse{animation:glowPulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-stagger>*{opacity:0;animation:fadeInUp .42s ease-out forwards}.animate-stagger>*:nth-child(1){animation-delay:.04s}.animate-stagger>*:nth-child(2){animation-delay:.08s}.animate-stagger>*:nth-child(3){animation-delay:.12s}.animate-stagger>*:nth-child(4){animation-delay:.16s}.animate-stagger>*:nth-child(5){animation-delay:.20s}.animate-stagger>*:nth-child(6){animation-delay:.24s}.animate-stagger>*:nth-child(7){animation-delay:.28s}.animate-stagger>*:nth-child(8){animation-delay:.32s}.animate-stagger>*:nth-child(9){animation-delay:.36s}.animate-stagger>*:nth-child(10){animation-delay:.40s}.animate-stagger>*:nth-child(11){animation-delay:.44s}.animate-stagger>*:nth-child(12){animation-delay:.48s}.hover-lift{transition:all var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}@media (max-width:767px){.card-game__info{padding:.8rem .8rem .92rem}.table,.table-premium,.leaderboard-table,.invoice-table,.table-responsive table{font-size:.88rem}.table th,.table td,.table-premium th,.table-premium td,.leaderboard-table th,.leaderboard-table td,.invoice-table th,.invoice-table td,.table-responsive table th,.table-responsive table td{padding:.8rem .9rem}.summary-bg-order{position:fixed;bottom:0;left:0;right:0;z-index:50;border-radius:20px 20px 0 0!important;box-shadow:0 -8px 40px rgb(2 6 23 / .5)!important}}#flash-sale .group>div>div:first-child{background:linear-gradient(180deg,rgb(29 45 74 / .96),rgb(15 26 48 / .99))}.product-thumbnail-container img{box-shadow:0 20px 50px rgb(2 6 23 / .5),0 0 0 1px rgb(255 255 255 / .06)}section.bg-title-product{background:linear-gradient(180deg,rgb(14 22 40 / .62),rgb(10 18 34 / .44))!important;border-bottom:1px solid rgb(148 163 184 / .10)}#toast-container,#toast-container *,#toast-container>div{background-image:none!important;background-repeat:no-repeat}#toast-container input,#toast-container button{background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important}#toast-container>.toast-success,.toast-success{background:rgb(16 185 129 / .16)!important;border:1px solid rgb(16 185 129 / .32)!important;border-radius:12px!important;box-shadow:0 8px 24px rgb(16 185 129 / .18)!important;backdrop-filter:blur(14px);padding:14px 14px 14px 50px!important}#toast-container>.toast-error,.toast-error{background:rgb(239 68 68 / .16)!important;border:1px solid rgb(239 68 68 / .32)!important;border-radius:12px!important;box-shadow:0 8px 24px rgb(239 68 68 / .18)!important;backdrop-filter:blur(14px);padding:14px 14px 14px 50px!important}#toast-container>.toast-warning,.toast-warning{background:rgb(245 158 11 / .16)!important;border:1px solid rgb(245 158 11 / .32)!important;border-radius:12px!important;box-shadow:0 8px 24px rgb(245 158 11 / .18)!important;backdrop-filter:blur(14px);padding:14px 14px 14px 50px!important}#toast-container>.toast-info,.toast-info{background:rgb(96 165 250 / .16)!important;border:1px solid rgb(96 165 250 / .32)!important;border-radius:12px!important;box-shadow:0 8px 24px rgb(96 165 250 / .18)!important;backdrop-filter:blur(14px);padding:14px 14px 14px 50px!important}.toast-title{font-weight:700!important;font-size:.875rem!important;color:hsl(var(--foreground))!important}.toast-message{color:hsl(var(--foreground-soft))!important;font-size:.82rem!important;line-height:1.5!important}#toast-container>div::before{content:""!important;display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;left:12px!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;border-radius:50%!important;font-size:14px!important;font-weight:800!important;line-height:28px!important;text-align:center!important;pointer-events:none!important;z-index:10!important;background:none!important}#toast-container>.toast-success::before{content:"✓"!important;background:rgb(16 185 129 / .24)!important;color:#34d399!important}#toast-container>.toast-error::before{content:"✕"!important;background:rgb(239 68 68 / .22)!important;color:#f87171!important}#toast-container>.toast-warning::before{content:"!"!important;background:rgb(245 158 11 / .20)!important;color:#fbbf24!important}#toast-container>.toast-info::before{content:"i"!important;background:rgb(96 165 250 / .20)!important;color:#93c5fd!important}.toast-close-button{color:hsl(var(--foreground-soft))!important;opacity:.7;font-size:18px!important;background:none!important;border:none!important;box-shadow:none!important}.toast-close-button:hover{opacity:1;color:hsl(var(--foreground))!important}