section{padding:var(--sp5) 0;position:relative}
.hero-section{
  overflow:hidden;
  padding:var(--sp5) 0 var(--sp4);
  position:relative;
}
.hero-section::before{
  background:radial-gradient(ellipse at top,rgba(255,46,184,.3) 0%,transparent 60%);
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:0;
}
.hero-section .container{position:relative;z-index:1}
.hero-section h1{
  background:linear-gradient(135deg,#fff 0%,#ff2eb8 50%,#ffd60a 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  margin-bottom:var(--sp3);
}
.hero-section>.container>p{
  color:#e8ddff;
  font-size:1.15rem;
  max-width:780px;
}
.hero-meta{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:var(--sp3);
  margin:var(--sp3) 0 var(--sp4);
}
.hero-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:var(--sp2);
  margin-bottom:var(--sp3);
}
.hero-stats{
  display:grid;
  gap:var(--sp2);
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  margin:var(--sp4) 0;
}
.stat-box{
  background:rgba(255,255,255,.04);
  border:1px solid var(--border);
  border-radius:var(--rad);
  padding:var(--sp3);
}
.stat-box strong{
  background:var(--grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  display:block;
  font-family:'Syne',sans-serif;
  font-size:2.2rem;
  font-weight:800;
  line-height:1;
  margin-bottom:6px;
}
.stat-box span{color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}
.hero-trust{
  align-items:center;
  background:rgba(255,46,184,.08);
  border:1px solid var(--border);
  border-radius:100px;
  display:inline-flex;
  flex-wrap:wrap;
  gap:var(--sp2);
  padding:10px 20px;
}
.hero-trust .dot{
  background:#00ff88;
  border-radius:50%;
  box-shadow:0 0 12px #00ff88;
  height:10px;
  width:10px;
  animation:pulse 2s infinite;
}
@keyframes pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.6;transform:scale(1.3)}
}
.countdown{
  align-items:center;
  background:linear-gradient(135deg,rgba(255,107,0,.15),rgba(255,46,184,.15));
  border:1px solid var(--c4);
  border-radius:var(--rad);
  display:flex;
  flex-wrap:wrap;
  gap:var(--sp3);
  margin:var(--sp3) 0;
  padding:var(--sp3);
}
.countdown-label{
  color:var(--c5);
  font-family:'Syne',sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.countdown-timer{
  display:flex;
  gap:var(--sp1);
}
.countdown-timer div{
  background:rgba(0,0,0,.4);
  border-radius:var(--rad-sm);
  min-width:60px;
  padding:var(--sp1) var(--sp2);
  text-align:center;
}
.countdown-timer strong{
  display:block;
  font-family:'Syne',sans-serif;
  font-size:1.8rem;
  color:var(--c5);
}
.countdown-timer small{
  color:var(--muted);
  font-size:.7rem;
  text-transform:uppercase;
}

.registration,.security,.providers,.game-categories,.bonuses,.payments,.mobile-app,.faq{
  overflow:hidden;
}
.info-card,.promo-block{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--rad);
  box-shadow:0 10px 30px rgba(0,0,0,.3);
  margin:var(--sp3) 0;
  padding:var(--sp4);
  transition:.4s;
}
.info-card:hover,.promo-block:hover{
  border-color:var(--c3);
  box-shadow:0 20px 50px rgba(255,46,184,.25);
  transform:translateY(-4px);
}
.highlight-box{
  background:linear-gradient(135deg,rgba(125,46,255,.2),rgba(255,46,184,.15));
  border-left:4px solid var(--c3);
  border-radius:var(--rad);
  margin:var(--sp3) 0;
  padding:var(--sp4);
}
.checklist,.highlight-list,.feature-list{
  list-style:none;
  padding:0;
}
.checklist li,.highlight-list li{
  padding:var(--sp1) 0 var(--sp1) var(--sp4);
  position:relative;
}
.checklist li::before,.highlight-list li::before{
  background:var(--grad);
  border-radius:50%;
  content:"";
  height:10px;
  left:8px;
  position:absolute;
  top:18px;
  width:10px;
}
.feature-list dt{
  background:var(--grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-family:'Syne',sans-serif;
  font-size:1.2rem;
  font-weight:700;
  margin-top:var(--sp3);
}
.feature-list dd{
  color:#e8ddff;
  margin:6px 0 var(--sp2);
  padding-left:var(--sp2);
}
.cards{
  display:grid;
  gap:var(--sp3);
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  margin:var(--sp3) 0;
}
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--rad);
  color:var(--fg);
  padding:var(--sp3);
  position:relative;
  transition:.4s;
}
.card::before{
  background:var(--grad);
  border-radius:var(--rad) var(--rad) 0 0;
  content:"";
  height:4px;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
.card:hover{
  border-color:var(--c3);
  box-shadow:0 20px 40px rgba(255,46,184,.3);
  transform:translateY(-6px);
}
.card h3{
  background:var(--grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.cards-grid-2{
  display:grid;
  gap:var(--sp3);
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}

.accordion-item{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--rad);
  margin-bottom:var(--sp2);
  overflow:hidden;
  transition:.3s;
}
.accordion-item:hover{border-color:var(--c3)}
.accordion-header{
  align-items:center;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  margin:0;
  padding:var(--sp3);
  transition:.3s;
}
.accordion-header::after{
  background:var(--grad);
  border-radius:50%;
  color:#fff;
  content:"+";
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Syne',sans-serif;
  font-size:1.5rem;
  height:36px;
  transition:.3s;
  width:36px;
}
.accordion-item.is-open .accordion-header::after{transform:rotate(45deg)}
.accordion-body{
  max-height:0;
  overflow:hidden;
  padding:0 var(--sp3);
  transition:.4s;
}
.accordion-item.is-open .accordion-body{
  max-height:300px;
  padding:0 var(--sp3) var(--sp3);
}

.section-cta{
  align-items:center;
  background:linear-gradient(135deg,rgba(255,46,184,.15),rgba(125,46,255,.15));
  border:1px solid var(--c3);
  border-radius:var(--rad);
  display:flex;
  flex-wrap:wrap;
  gap:var(--sp3);
  justify-content:space-between;
  margin-top:var(--sp4);
  padding:var(--sp3) var(--sp4);
}
.section-cta strong{
  font-family:'Syne',sans-serif;
  font-size:1.3rem;
}

@media(max-width:768px){
  section{padding:var(--sp4) 0}
  .info-card,.promo-block,.highlight-box{padding:var(--sp3)}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .stat-box strong{font-size:1.6rem}
  table th,table td{padding:var(--sp2)}
}
@media(max-width:480px){
  .hero-stats{grid-template-columns:1fr}
  .countdown-timer div{min-width:52px}
  .countdown-timer strong{font-size:1.4rem}
}