/* PelukBet purple-magenta theme — screenshot-inspired overrides only */
:root{
  --bg-main:#080617;
  --bg-secondary:#120727;
  --surface:#1a0930;
  --surface-2:#290a49;
  --surface-3:#340b5d;
  --surface-soft:rgba(48,12,85,.78);
  --navy:#0c1028;
  --purple:#6e2dff;
  --purple-2:#8d38ff;
  --magenta:#ff1fb3;
  --magenta-2:#ff45d0;
  --pink:#ff69df;
  --cyan:#3fd8ff;
  --cyan-2:#68e7ff;
  --text-main:#fbf4ff;
  --text-soft:#d2c3f1;
  --text-muted:#aa96d2;
  --border-glow:rgba(255,82,210,.24);
  --border-soft:rgba(150,105,255,.22);
  --shadow-main:0 18px 45px rgba(0,0,0,.48);
}
html{scroll-behavior:smooth}
body{
  color:var(--text-main) !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(65,220,255,.18), transparent 24%),
    radial-gradient(circle at 85% 8%, rgba(255,71,208,.18), transparent 25%),
    radial-gradient(circle at 50% 55%, rgba(128,55,255,.18), transparent 30%),
    linear-gradient(180deg, #060918 0%, #140625 22%, #1c0631 48%, #10041f 72%, #050711 100%) !important;
  animation:none !important;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.32;
  background-image:
    linear-gradient(rgba(116,79,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,58,198,.05) 1px, transparent 1px);
  background-size:36px 36px;
}
.thunderstorm-overlay,.rain-container{display:none !important}
.particle{filter:blur(2px);opacity:.9}
.particle.p1,.particle.p4{background:var(--magenta)}
.particle.p2,.particle.p5{background:var(--cyan)}
.particle.p3{background:var(--purple-2)}

header{
  background:linear-gradient(180deg, rgba(12,16,40,.95) 0%, rgba(39,10,73,.94) 68%, rgba(52,11,93,.94) 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:var(--shadow-main), 0 0 0 1px rgba(111,76,255,.12) inset, 0 0 35px rgba(255,47,192,.10) !important;
  position:relative;overflow:hidden;
}
header::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 12% 10%, rgba(63,216,255,.16), transparent 22%),radial-gradient(circle at 88% 0%, rgba(255,69,208,.15), transparent 24%);
}
header::after{
  content:"";position:absolute;left:5%;right:5%;bottom:0;height:2px;
  background:linear-gradient(90deg, transparent, var(--cyan), var(--magenta), transparent);
  box-shadow:0 0 16px rgba(255,69,208,.48);
}
.logo-wrapper{margin-bottom:18px}
.site-logo{
  max-width:360px !important;width:min(82vw,360px);
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(63,216,255,.16)) !important;
}
header h1{
  font-size:clamp(24px,4vw,36px) !important;
  background:linear-gradient(180deg, #ffffff 0%, #e9dcff 42%, #ff74e2 100%) !important;
  -webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;
  text-shadow:none !important; letter-spacing:1px !important;
}
.brand-title{letter-spacing:3px;color:#fff !important}
header p{color:var(--text-soft) !important;max-width:760px;margin:0 auto;line-height:1.7}

.live-clock-dashboard{
  background:linear-gradient(180deg, rgba(14,13,34,.90), rgba(40,9,70,.88)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 14px 35px rgba(0,0,0,.38), 0 0 24px rgba(124,55,255,.10) !important;
}
.clock-panel-top{color:#9fe8ff !important}
.clock-panel-bottom .timer-label{color:#ffb8ef !important}
.neon-timer-digital{color:var(--magenta-2) !important;text-shadow:0 0 14px rgba(255,69,208,.45) !important}

.win-ticker-bar{
  background:linear-gradient(90deg, #0b1027 0%, #2a0a48 50%, #0b1027 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.ticker-tag{background:linear-gradient(135deg, var(--cyan), #2ea9ff) !important;color:#081020 !important}
.t-user{color:var(--cyan) !important}
.t-win{color:#ffd36d !important}
.t-game{color:var(--pink) !important}

.provider-nav-tabs{
  background:linear-gradient(180deg, rgba(13,16,39,.92), rgba(38,10,72,.92)) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:var(--shadow-main) !important;
}
.tab-btn{
  background:linear-gradient(180deg, rgba(24,13,48,.95), rgba(15,10,31,.96)) !important;
  color:var(--text-soft) !important;
  border:1px solid rgba(255,255,255,.07) !important;
}
.tab-btn:hover{
  color:#fff !important;
  border-color:rgba(255,92,205,.35) !important;
  background:linear-gradient(180deg, rgba(50,15,85,.95), rgba(28,10,48,.95)) !important;
}
.tab-btn.active{
  background:linear-gradient(135deg, #3cd7ff 0%, #8d38ff 55%, #ff2db9 100%) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 0 20px rgba(141,56,255,.38) !important;
}

.provider-section{
  background:linear-gradient(180deg, rgba(11,15,35,.78), rgba(44,10,77,.82) 58%, rgba(25,8,45,.88) 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:var(--shadow-main), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.provider-section h2{
  color:#ffffff !important;
  border-bottom-color:rgba(255,255,255,.10) !important;
}
.provider-section h2::after{
  background:linear-gradient(135deg, rgba(63,216,255,.15), rgba(255,69,208,.18));
  border:1px solid rgba(255,255,255,.08);
}

.game-card{
  background:linear-gradient(180deg, rgba(25,10,47,.98) 0%, rgba(14,10,29,.98) 100%) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:20px !important;
  box-shadow:0 16px 36px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.game-card:hover{
  transform:translateY(-8px) scale(1.01) !important;
  border-color:rgba(255,77,209,.38) !important;
  box-shadow:0 22px 40px rgba(0,0,0,.52), 0 0 18px rgba(141,56,255,.18) !important;
}
.game-card::after{background:linear-gradient(to right, transparent, rgba(255,97,219,.16), transparent) !important}
.img-container{background:radial-gradient(circle, #21113b 0%, #0c0f26 100%) !important}
.game-info h3{color:#fff5ff !important}

.badge-status{
  background:linear-gradient(135deg, #ff2db9, #8d38ff) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.15) !important;
  box-shadow:0 0 14px rgba(255,45,185,.28) !important;
}

.rtp-bar-container{
  background:#0d1025 !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:inset 0 0 12px rgba(0,0,0,.26) !important;
}
.rtp-bar{
  box-shadow:0 0 12px rgba(255,74,210,.22) !important;
}
.rtp-text{color:#fcefff !important;text-shadow:0 0 8px rgba(255,82,210,.18) !important}

.btn-mainkan{
  background:linear-gradient(135deg, #42d9ff 0%, #7b36ff 45%, #ff2db9 100%) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 8px 16px rgba(114,53,255,.26) !important;
}
.btn-mainkan:hover{filter:brightness(1.07) !important;color:#fff !important;box-shadow:0 0 18px rgba(255,70,208,.24) !important}
.btn-pola{
  background:rgba(255,255,255,.04) !important;
  color:#f9b1ef !important;
  border:1px solid rgba(255,80,210,.28) !important;
}
.btn-pola:hover{background:rgba(255,80,210,.12) !important;color:#fff !important}

.jam-gacor-box,
.pola-item-box,
.warning-pola-box,
.modal-box,
.footer-table-container,
.footer-seo-intro,
.footer-block{
  background:linear-gradient(180deg, rgba(17,18,43,.92), rgba(44,10,77,.86)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.28) !important;
}
.warning-pola-box{background:linear-gradient(180deg, rgba(72,13,77,.88), rgba(44,10,77,.88)) !important;border-color:rgba(255,108,224,.35) !important}
.warn-icon{filter:drop-shadow(0 0 6px rgba(255,80,210,.28))}
.jam-title,.pola-label,.footer-block h3,.seo-table th{color:#ffc9f5 !important}
.jam-digital-text,.footer-block p,.footer-links li a,.seo-table td,.footer-seo-intro p{color:var(--text-soft) !important}
.pola-number-display{color:var(--cyan) !important;text-shadow:0 0 10px rgba(63,216,255,.25) !important}
.pola-dc-line{border-top-color:rgba(255,255,255,.08) !important}

.modal-overlay{background:rgba(5,7,17,.84) !important;backdrop-filter:blur(16px) !important}
.modal-close-btn,
.modal-action-btn{
  background:linear-gradient(135deg, #3cd7ff, #8d38ff, #ff2db9) !important;
  color:#fff !important;
  border:none !important;
}

.seo-footer{
  background:linear-gradient(180deg, rgba(10,12,28,.25), rgba(10,8,22,.98)) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.seo-table th{
  background:rgba(72,20,115,.56) !important;
}
.footer-bottom p{color:#9e88c2 !important}

.floating-bottom-nav{
  background:linear-gradient(180deg, #0e122b 0%, #19072c 100%) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 -12px 30px rgba(0,0,0,.65), 0 -1px 18px rgba(141,56,255,.10) !important;
}
.nav-item{color:#fff !important}
.nav-icon-circle{box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 8px 16px rgba(0,0,0,.25) !important}
.icon-wa{background:radial-gradient(circle, #44f1ff 0%, #365dff 100%) !important}
.icon-daftar{background:radial-gradient(circle, #ff6ce1 0%, #ff2bb8 100%) !important}
.icon-login{background:radial-gradient(circle, #9f5cff 0%, #6630ff 100%) !important}
.icon-roda{background:radial-gradient(circle, #5effd8 0%, #28b8ff 100%) !important}
.text-wa{color:#81ecff !important}
.text-daftar{color:#ff9ae8 !important}
.text-login{color:#b99eff !important}
.text-roda{color:#86fce2 !important}

@media(max-width:768px){
  body{padding-left:10px !important;padding-right:10px !important}
  header{padding:26px 14px !important;border-radius:16px !important}
  .site-logo{max-width:290px !important}
  .provider-section{padding:16px 11px !important}
  .game-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  .game-card{border-radius:16px !important}
}
@media(max-width:380px){
  .game-grid{grid-template-columns:1fr !important}
  .site-logo{max-width:245px !important}
}