
:root{
  --bg:#000;
  --panel:#090909;
  --panel-2:#151515;
  --line:#2a2a2a;
  --gold:#ffd000;
  --gold-soft:#f7efaa;
  --gold-dark:#b88416;
  --red:#ff2b1c;
  --text:#f4f0da;
  --muted:#cfc6a8;
  --max:1170px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:#020206;
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1.55;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at top,#3b3630 0,#151515 35%,#020206 72%);
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%;height:auto}
.s33-container{width:min(calc(100% - 24px),var(--max));margin-inline:auto}
.s33-header{position:sticky;top:0;z-index:100;background:#191919;box-shadow:0 8px 22px rgba(0,0,0,.45)}
.s33-topbar{min-height:44px;border-bottom:1px solid #2b2b2b}
.s33-topbar-inner{min-height:44px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:14px}
.s33-logo{display:flex;align-items:center;min-height:78px}
.s33-logo img{width:210px;max-height:68px;object-fit:contain}
.s33-running{overflow:hidden;white-space:nowrap;color:#ddd;font-size:12px;font-weight:700;letter-spacing:.3px}
.s33-running span{display:inline-block;min-width:100%;animation:s33-run 18s linear infinite}
@keyframes s33-run{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.s33-action-row{display:flex;align-items:center;gap:8px;white-space:nowrap}
.s33-btn{display:inline-flex;align-items:center;justify-content:center;min-width:86px;height:34px;padding:0 18px;border-radius:24px;font-size:13px;font-weight:900;text-shadow:0 1px 1px rgba(0,0,0,.35)}
.s33-login{background:linear-gradient(to bottom,#505050,#8b8b8b);color:#fff;border-top:1px solid #7e7e7e}
.s33-daftar{background:linear-gradient(to bottom,var(--gold-soft),var(--gold-dark));color:#fff;border-top:1px solid var(--gold)}
.s33-nav{background:#141414;border-bottom:2px solid var(--gold)}
.s33-nav-inner{display:flex;align-items:center;justify-content:center;min-height:62px;overflow:auto}
.s33-menu{display:flex;align-items:center;justify-content:center;gap:0;padding:0;margin:0;list-style:none}
.s33-menu a,.s33-bonus{min-width:96px;padding:14px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#a3a3a3;text-transform:uppercase;font-size:12px;font-weight:800;border-left:1px solid rgba(255,255,255,.04)}
.s33-menu a:hover{color:var(--gold)}
.s33-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(to bottom,var(--gold-soft),var(--gold-dark));color:#111;font-size:14px}
.s33-bonus{width:68px;height:68px;min-width:68px;border-radius:50%;padding:0;margin:0 14px;background:linear-gradient(to bottom,#017105,#5f9800,#a9bd00,#017105);color:#fff;font-size:18px;box-shadow:0 0 0 3px rgba(255,208,0,.35)}
.s33-hero{background:#000}
.s33-hero img{width:100%;max-height:520px;object-fit:cover;object-position:center}
.s33-main{background:#191919}
.s33-section{padding:26px 0}
.s33-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.s33-jackpot{background:#020206;border-radius:12px;padding:14px;border:3px solid var(--gold)}
.s33-jackpot img{width:100%;border-radius:9px}
.s33-title{margin:0 0 18px;text-align:center;color:var(--gold);font-size:28px;line-height:1.25;font-weight:900;text-transform:uppercase}
.s33-provider-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.s33-provider{aspect-ratio:1/1;border-radius:12px;display:grid;place-items:center;background:#101013;border:1px solid #333}
.s33-provider img{width:68%;height:68%;object-fit:contain}
.s33-games-wrap{background:#020204;border-radius:12px;padding:22px}
.s33-games-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.s33-game{background:linear-gradient(to bottom,var(--gold-soft),var(--gold-dark));border-radius:12px;padding:3px}
.s33-game-inner{background:#101013;border-radius:9px;overflow:hidden}
.s33-game img{width:100%;aspect-ratio:1/1;object-fit:cover}
.s33-game-name{color:#fff;font-size:12px;text-align:center;padding:7px 5px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s33-content-section{background:#101013;padding:28px 0}
.s33-content-grid{display:grid;grid-template-columns:1.45fr .95fr;gap:20px;align-items:start}
.s33-card{background:#020206;border:1px solid #333;border-radius:12px;padding:22px}
.s33-card h1,.s33-card h2{color:var(--gold);margin:0 0 14px;line-height:1.35}
.s33-card h1{font-size:26px}.s33-card h2{font-size:20px}
.s33-article{color:#e7e7e7;font-size:15px;line-height:1.8}.s33-article p{margin:0 0 14px}
.s33-side{display:grid;gap:18px}
.s33-testimonials{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.s33-testimonial,.s33-faq details{background:#151515;border:1px solid rgba(255,208,0,.18);border-radius:10px;padding:13px}
.s33-testimonial strong{color:#f0d37a;display:block;margin-bottom:7px;font-size:13px}
.s33-testimonial p,.s33-faq p{color:#d8d8d8;margin:0;font-size:13px;line-height:1.6}
.s33-faq{display:grid;gap:10px}.s33-faq summary{cursor:pointer;color:#fff;font-weight:800;font-size:13px;margin-bottom:8px}
.s33-footer{background:#020206;border-top:1px solid #333;padding:22px 0;text-align:center;color:#aaa;font-size:12px}
.s33-float{position:fixed;right:12px;bottom:12px;z-index:90}.s33-float a{display:block;background:linear-gradient(to bottom,var(--gold-soft),var(--gold-dark));color:#111;padding:10px 18px;border-radius:999px;font-weight:900;box-shadow:0 6px 20px rgba(0,0,0,.35)}
@media(max-width:980px){
  .s33-topbar-inner{grid-template-columns:1fr;gap:8px;padding:8px 0}.s33-logo{justify-content:center;min-height:auto}.s33-logo img{width:170px}.s33-action-row{justify-content:center}.s33-nav-inner{justify-content:flex-start}.s33-menu{justify-content:flex-start}.s33-menu a{min-width:74px;padding:10px 8px;font-size:10px}.s33-bonus{width:46px;height:46px;min-width:46px;font-size:12px;margin:0 8px}.s33-intro-grid,.s33-content-grid{grid-template-columns:1fr}.s33-provider-grid{grid-template-columns:repeat(3,1fr)}.s33-games-grid{display:flex;gap:12px;overflow:auto;padding-bottom:6px}.s33-game{min-width:125px}.s33-title{font-size:20px}.s33-card{padding:16px}.s33-card h1{font-size:20px}.s33-testimonials{grid-template-columns:1fr}
}
@media(max-width:480px){.s33-btn{min-width:76px;height:32px;padding:0 12px;font-size:12px}.s33-running{font-size:10px}.s33-hero img{min-height:165px}.s33-section{padding:16px 0}.s33-games-wrap{padding:12px}}


/* V5 COMPLETE FOOTER */
.s33-more-footer{background:linear-gradient(to right top,#252525,#3a3636,#4c4845,#5c5c56);border-top:1px solid rgba(255,208,0,.2);padding:20px 0 42px}
.s33-more-info{text-align:center;color:#111;font-size:18px;margin-bottom:26px}
.s33-more-info span{display:inline-flex;align-items:center;gap:10px}
.s33-more-info .dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#d8ba5e;color:#111;font-weight:900}
.s33-footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:42px}
.s33-footer-col h3{margin:0 0 24px;color:#fff;font-size:16px;text-transform:uppercase}
.s33-footer-block{margin-bottom:24px}
.s33-footer-block strong{display:block;color:#fff;margin-bottom:8px;font-size:14px}
.s33-footer-block p{margin:0;color:#fff;opacity:.94;font-size:14px;line-height:1.55}
.s33-footer-copy{text-align:right;color:#fff;font-size:12px;margin-top:26px}
.s33-footer-provider{margin-top:30px;padding-top:24px;border-top:1px solid rgba(216,186,94,.22)}
.s33-footer-provider-title{color:#fff;font-size:13px;margin-bottom:14px}
.s33-service-logo{width:220px;max-width:100%;margin-bottom:28px}
.s33-provider-logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px 34px;align-items:center}
.s33-provider-logo-grid img{max-width:125px;max-height:32px;object-fit:contain;filter:grayscale(1) brightness(.85);opacity:.8;margin:auto}
.s33-left-float{position:fixed;left:10px;bottom:72px;z-index:120;display:flex;flex-direction:column;gap:10px}
.s33-left-float a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#111;border:2px solid rgba(216,186,94,.8);box-shadow:0 8px 24px rgba(0,0,0,.45)}
.s33-left-float img{width:34px;height:34px;object-fit:contain}
.s33-livechat-float{position:fixed;right:12px;bottom:12px;z-index:120}
.s33-livechat-float a{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(to bottom,var(--gold-soft),var(--gold-dark));color:#111;padding:11px 18px;border-radius:999px;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.s33-float{display:none}
@media(max-width:980px){.s33-footer-cols{grid-template-columns:1fr 1fr;gap:22px}.s33-provider-logo-grid{grid-template-columns:repeat(3,1fr);gap:14px 18px}.s33-footer-copy{text-align:center}.s33-left-float a{width:42px;height:42px}.s33-left-float img{width:28px;height:28px}.s33-livechat-float a{padding:9px 14px;font-size:12px}}
@media(max-width:560px){.s33-footer-cols{grid-template-columns:1fr}.s33-more-footer{padding-bottom:70px}}

/* V6 BREADCRUMB */
.s33-breadcrumb{background:#111;border-bottom:1px solid rgba(255,208,0,.18);font-size:12px;color:#d8d8d8}
.s33-breadcrumb ol{list-style:none;margin:0;padding:9px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.s33-breadcrumb li:not(:last-child)::after{content:"/";margin-left:8px;color:#ffd000}
.s33-breadcrumb a{color:#ffd000}


/* v7.3 speedfix */
.s33-hero{content-visibility:auto;contain-intrinsic-size:1px 420px}
.s33-section,.s33-footer{content-visibility:auto;contain-intrinsic-size:1px 680px}
.s33-provider img,.s33-game img,.s33-logo img{aspect-ratio:1/1}
.s33-hero img{aspect-ratio:3/1}
@media(max-width:768px){
  .s33-header{position:relative}
  .s33-topbar-inner{grid-template-columns:1fr;gap:8px;text-align:center;padding:8px 0}
  .s33-logo{justify-content:center;min-height:auto}
  .s33-logo img{width:170px;max-height:56px}
  .s33-running{font-size:11px}
  .s33-action-row{justify-content:center}
  .s33-nav-inner{justify-content:flex-start;min-height:54px}
  .s33-menu a,.s33-bonus{min-width:76px;padding:10px 8px;font-size:10px}
  .s33-bonus{width:54px;height:54px;min-width:54px;font-size:14px;margin:0 8px}
  .s33-hero img{max-height:none;object-fit:cover}
  .s33-intro-grid{grid-template-columns:1fr}
  .s33-provider-grid{grid-template-columns:repeat(3,1fr)}
  .s33-games-grid{grid-template-columns:repeat(3,1fr);gap:10px}
}
