/* Custom styles; Tailwind handles layout */
:root{ --bg:#0b0b12; --text:#e5e7eb; --card:#10121a; --border:rgba(255,255,255,.08); --g1:#f43f5e; --g2:#f59e0b; }
html,body{background:var(--bg); color:var(--text);}
header.sticky{position:sticky; top:0; background:rgba(11,11,18,.85); backdrop-filter:blur(8px); z-index:50; border-bottom:1px solid var(--border);}
.logo{height:40px}
.container-custom{max-width:1100px; margin:0 auto; padding:0 1rem;}
.section{padding:3rem 0;}
.btn{display:inline-flex; align-items:center; gap:.5rem; padding:.8rem 1.2rem; background:linear-gradient(90deg,var(--g1),var(--g2)); color:#fff; border-radius:.75rem; font-weight:700; text-decoration:none;}
.btn:hover{opacity:.95}
.nav-link{color:#cbd5e1; text-decoration:none; padding:.5rem .75rem; border-radius:.5rem;}
.nav-link:hover{background:rgba(255,255,255,.06)}
.table-responsive{overflow:auto; border:1px solid var(--border); border-radius:.75rem; margin:1rem 0;}
table{width:100%; border-collapse:collapse;}
th,td{padding:.65rem .8rem; border-bottom:1px solid var(--border);}
th{background:#141826; text-align:left;}
.card{background:var(--card); border:1px solid var(--border); border-radius:1rem; padding:1rem;}
.small{font-size:.9rem; color:#9ca3af}
.hero-grad{background: radial-gradient(900px 320px at 20% -10%, rgba(124,58,237,.25), transparent), radial-gradient(900px 320px at 80% -10%, rgba(245,158,11,.25), transparent);}
#menu{display:none}
#menu.open{display:block}
@media (min-width:768px){ #menu{display:block !important} }



.bg-aviator:before {
  background: url(https://sweetbonanza1000ar.com/assets/sweetbonanza-bg-main-t.webp);
  background-size: cover;
  background-position: center;
  content: " ";
  width: 100%;
  position: absolute;
  height: 200%;
  opacity: 1;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
 }
