:root{--bg:#080604;--panel:#120e09;--gold:#e5b64b;--gold2:#ffd978;--muted:#aaa49b;--green:#32d978;--line:rgba(229,182,75,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#fff;background:linear-gradient(180deg,#080604,#0d0905 48%,#070503);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:min(1160px,calc(100% - 24px));margin:auto}.section{padding:50px 0}.section-head{margin-bottom:22px}.section-head h2{margin:0;font:700 clamp(30px,4vw,43px)/1.1 Georgia,serif}.section-head p{margin:8px 0 0;color:var(--muted)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(8,6,4,.88);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.nav{display:flex;gap:22px;color:#d6d1ca;font-size:14px}.nav a:hover{color:var(--gold2)}.brand img{width:92px}.header-actions{display:flex;justify-content:flex-end;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:12px;border:1px solid transparent;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-outline{border-color:rgba(229,182,75,.55);color:var(--gold2);background:rgba(229,182,75,.04)}.btn-gold{color:#171005;background:linear-gradient(135deg,#ffe39a,#d49a27)}.btn-dark{border-color:rgba(255,255,255,.09);background:#100c08}
.hero{padding:24px 0}.hero-panel{min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:58px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 78% 22%,rgba(229,182,75,.16),transparent 26%),linear-gradient(135deg,#0b0805,#171006 55%,#090604)}.hero-logo{width:190px;margin-bottom:10px}.hero-kicker{margin:0;color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:.22em}.hero h1{max-width:760px;margin:12px 0 16px;font:700 clamp(42px,6vw,76px)/1.02 Georgia,serif}.hero h1 span{color:var(--gold2)}.hero-copy{max-width:650px;margin:0;color:#b7b1a8;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.ticker{display:grid;grid-template-columns:auto 1fr;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#100c08}.ticker>strong{padding:12px 14px;background:#9e6916}.ticker-window{overflow:hidden;white-space:nowrap;display:flex;align-items:center}.ticker-window span{display:inline-block;padding-left:100%;animation:ticker 26s linear infinite;color:#d7d1c8}@keyframes ticker{to{transform:translateX(-100%)}}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid a{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:#110d08;transition:.2s}.quick-grid a:hover{transform:translateY(-3px);border-color:rgba(229,182,75,.4)}.quick-grid b{display:block;font-size:28px}.quick-grid span{display:block;margin-top:10px;font-weight:800}.quick-grid small{display:block;margin-top:4px;color:#938d83}
.slider{position:relative;aspect-ratio:1983/793;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#111}.slide{position:absolute;inset:0;opacity:0;transition:opacity .5s ease}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.slider-btn{position:absolute;top:50%;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.48);color:#fff;font-size:25px;transform:translateY(-50%);cursor:pointer}.prev{left:12px}.next{right:12px}.dots{position:absolute;z-index:3;left:50%;bottom:12px;display:flex;gap:7px;transform:translateX(-50%)}.dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.5)}.dot.active{width:22px;border-radius:99px;background:var(--gold2)}
.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.game-card{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:19px;background:#110d08;transition:.2s}.game-card:hover{transform:translateY(-4px);border-color:rgba(229,182,75,.42)}.game-img{position:relative;aspect-ratio:1/1;overflow:hidden}.game-img img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.game-card:hover img{transform:scale(1.04)}.badge{position:absolute;right:9px;top:9px;padding:6px 9px;border-radius:99px;background:linear-gradient(135deg,#ffe39a,#d49a27);color:#151005;font-size:9px;font-weight:900}.badge.domino{background:linear-gradient(135deg,#fff,#a8a8a8)}.badge.slot{background:linear-gradient(135deg,#ffc35d,#dd7d17)}.badge.sports{color:#fff;background:linear-gradient(135deg,#d0b15b,#526e9b)}.game-body{padding:14px}.game-body h3{margin:0;font-size:16px}.status{display:flex;align-items:center;gap:7px;margin:8px 0 13px;color:#aaa399;font-size:11px}.status i,.online i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(50,217,120,.7)}.play{width:100%;font-size:12px}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.featured{display:grid;grid-template-columns:200px 1fr}.featured .game-img{aspect-ratio:auto;min-height:200px}.featured .game-body{display:flex;flex-direction:column;justify-content:center;padding:22px}.featured .game-body h3{font-size:24px}
.payment-grid{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:14px}.pay-box{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#110d08}.pay-box h3{margin:0 0 13px}.pay-list{display:flex;flex-wrap:wrap;gap:9px}.pay-list span{min-width:86px;padding:11px 13px;border-radius:11px;background:#fff;color:#151515;font-weight:900;text-align:center}.bca{color:#0756a0!important}.mandiri{color:#163f7c!important}.bni{color:#f26c21!important}.bri{color:#0b68b3!important}.seabank{color:#ee5b24!important}.dana{color:#108ee9!important}.ovo{color:#4c2a86!important}.gopay{color:#11a2d0!important}.tsel{color:#e50020!important}.xl{color:#193cc5!important}.online{display:flex;justify-content:center;align-items:center;gap:8px;margin:17px 0 0;color:#ddd7cf}
footer{padding:40px 0 24px;border-top:1px solid rgba(255,255,255,.06);background:#060402}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:28px}.footer-grid img{width:100px}.footer-grid p,.footer-grid a{display:block;color:#999288;line-height:1.8;font-size:13px}.footer-grid h3{margin:0 0 10px}.copyright{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);color:#777067;font-size:12px}
#toTop{position:fixed;right:16px;bottom:16px;z-index:20;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,220,132,.45);background:linear-gradient(135deg,#ffe39a,#c18117);color:#211303;font-weight:900;opacity:0;visibility:hidden;transition:.2s}#toTop.show{opacity:1;visibility:visible}
@media(max-width:900px){.nav{display:none}.header-inner{grid-template-columns:1fr auto}.header-actions{grid-column:2}.brand{grid-column:1}.game-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.payment-grid{grid-template-columns:1fr}.hero-panel{padding:40px}}
@media(max-width:600px){.container{width:min(100% - 16px,1160px)}.section{padding:38px 0}.header-inner{min-height:68px}.brand img{width:72px}.header-actions .btn{padding:9px 11px;min-height:38px;font-size:11px}.hero-panel{min-height:430px;padding:28px 20px;border-radius:20px}.hero-logo{width:140px}.hero h1{font-size:40px}.hero-copy{font-size:14px}.hero-actions{display:grid;width:100%}.ticker>strong{font-size:11px;padding:10px}.ticker-window{font-size:12px}.game-grid{gap:9px}.game-body{padding:10px}.game-body h3{font-size:14px}.play{font-size:10px;padding:8px 5px}.featured-grid{grid-template-columns:1fr}.featured{grid-template-columns:140px 1fr}.featured .game-img{min-height:155px}.featured .game-body{padding:14px}.featured .game-body h3{font-size:18px}.footer-grid{grid-template-columns:1fr}.slider-btn{width:36px;height:36px}}
@media(max-width:360px){.game-grid{grid-template-columns:1fr}.featured{grid-template-columns:1fr}.featured .game-img{aspect-ratio:1/1}}