/* Basic styles + Tailwind overrides slot */
:root { --brand:#7c3aed; --accent:#f59e0b; --bg:#0b0b12; --text:#e5e7eb; }
html,body{background:var(--bg); color:var(--text);}
a{color:var(--accent);}
header.sticky{position:sticky; top:0; z-index:50; backdrop-filter:saturate(140%) blur(6px); background:rgba(11,11,18,.8);}
.logo{height:36px}
.container{max-width:1100px; margin:0 auto; padding:0 1rem;}
.section{padding:3rem 0;}
.btn{display:inline-flex; align-items:center; gap:.5rem; background:linear-gradient(90deg,#f43f5e,#f59e0b); color:#fff; padding:.8rem 1.2rem; border-radius:.75rem; text-decoration:none; font-weight:700;}
.btn:hover{opacity:.95}
.table-responsive{overflow:auto; border:1px solid rgba(255,255,255,.08); border-radius:.75rem; margin:1rem 0;}
table{width:100%; border-collapse:collapse;}
th,td{padding:.65rem .8rem; border-bottom:1px solid rgba(255,255,255,.08);}
th{background:#12121a; text-align:left;}
code,kbd{background:#111826; padding:.2rem .4rem; border-radius:.375rem;}
footer{border-top:1px solid rgba(255,255,255,.08); padding:2rem 0; margin-top:3rem;}
.card{background:#0f1018; border:1px solid rgba(255,255,255,.06); border-radius:1rem; padding:1rem;}
.toc a{display:block; padding:.25rem 0;}
.accordion details{background:#0f1018; border:1px solid rgba(255,255,255,.08); border-radius:.75rem; margin:.75rem 0; padding:1rem;}
.accordion summary{cursor:pointer; font-weight:700;}
.badge{display:inline-block; background:#111826; border:1px solid rgba(255,255,255,.08); padding:.2rem .5rem; border-radius:.5rem; font-size:.85rem;}
.nav-link{color:#cbd5e1; text-decoration:none; padding:.5rem .75rem; border-radius:.5rem;}
.nav-link:hover{background:rgba(255,255,255,.06);}
.hero{background: radial-gradient(1200px 400px at 20% -10%, rgba(124,58,237,.25), transparent), radial-gradient(900px 300px at 80% -20%, rgba(245,158,11,.25), transparent);}
figure img{border-radius:.75rem; border:1px solid rgba(255,255,255,.06)}
.small{font-size:.9rem; color:#9ca3af}
/* mobile nav */
#menu{display:none}
#menu.open{display:block}
@media (min-width: 768px){ #menu{display:block !important} }




.bg-aviator:before {
  background: url(https://sweetbonanzargentina.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;
 }