.hero-section{
  position:relative;
  padding:5rem 0 6rem;
  overflow:hidden;
}
.hero-section::before{
  content:"";
  position:absolute;
  top:-10%;left:50%;
  transform:translateX(-50%);
  width:80%;height:80%;
  background:radial-gradient(circle,rgba(124,58,237,0.25) 0%,transparent 60%);
  pointer-events:none;
}
.hero-section .container{position:relative;z-index:2}
.hero-section h1{
  margin-bottom:1.5rem;
  background:linear-gradient(135deg,#fff 0%,#b794ff 50%,#ec4899 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  max-width:1000px;
}
.hero-section > .container > p{
  font-size:1.2rem;
  max-width:780px;
  color:#e4dcf5;
  margin-bottom:2rem;
}
.hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.5rem 1.1rem;
  background:rgba(183,148,255,0.1);
  border:1px solid var(--bd);
  border-radius:100px;
  font-size:.85rem;
  font-weight:600;
  color:var(--ac);
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:1.5rem;
}
.hero-eyebrow .dot{
  width:8px;height:8px;
  background:#10dd6e;
  border-radius:50%;
  box-shadow:0 0 12px #10dd6e;
  animation:pulse 2s infinite;
}
@keyframes pulse{50%{opacity:.4}}

.hero-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
  margin:2.5rem 0;
  padding:1.8rem;
  background:linear-gradient(135deg,rgba(124,58,237,0.15) 0%,rgba(236,72,153,0.08) 100%);
  border:1px solid var(--bd);
  border-radius:var(--rad);
  backdrop-filter:blur(10px);
}
.hero-stats div{text-align:center;padding:.5rem}
.hero-stats strong{
  display:block;
  font-family:'Syne',sans-serif;
  font-size:clamp(1.5rem,3vw,2.3rem);
  background:var(--gr1);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  line-height:1;
  margin-bottom:.4rem;
}
.hero-stats span{
  font-size:.82rem;
  color:var(--mu);
  text-transform:uppercase;
  letter-spacing:.05em;
}
.hero-cta-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1.5rem;
  margin-top:2rem;
}
.hero-trust{
  display:flex;
  align-items:center;
  gap:.8rem;
  color:var(--mu);
  font-size:.9rem;
}
.stars{color:var(--gd);font-size:1.1rem;letter-spacing:2px}

main > section{
  padding:4.5rem 0;
  position:relative;
}
main > section:nth-child(even){
  background:linear-gradient(180deg,transparent 0%,rgba(26,15,46,0.4) 50%,transparent 100%);
}

.cards-grid-2{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.5rem;
  margin:2rem 0;
}
.games .cards-grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

.compliance .info-card{
  background:linear-gradient(135deg,rgba(124,58,237,0.18) 0%,rgba(26,15,46,0.6) 100%);
  border-left:4px solid var(--ac);
  margin:2rem 0;
}

.mobile .content-image img{max-width:380px;margin:0 auto;display:block}

.accordion-item{
  background:linear-gradient(160deg,rgba(42,26,74,0.5) 0%,rgba(26,15,46,0.3) 100%);
  border:1px solid var(--bd);
  border-radius:var(--rad);
  margin-bottom:1rem;
  overflow:hidden;
  transition:.3s;
}
.accordion-item:hover{border-color:rgba(183,148,255,0.35)}
.accordion-header{
  padding:1.3rem 1.6rem;
  margin:0;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:1.05rem;
  font-family:'Space Grotesk',sans-serif;
  font-weight:600;
  color:var(--fg);
  transition:.3s;
}
.accordion-header::after{
  content:"+";
  font-size:1.6rem;
  font-weight:300;
  color:var(--ac);
  transition:.3s;
  margin-left:1rem;
}
.accordion-item.open .accordion-header::after{transform:rotate(45deg)}
.accordion-item.open .accordion-header{color:var(--ac)}
.accordion-body{
  max-height:0;
  overflow:hidden;
  transition:max-height .4s ease,padding .3s;
  padding:0 1.6rem;
}
.accordion-item.open .accordion-body{
  max-height:400px;
  padding:0 1.6rem 1.4rem;
}

@media(max-width:768px){
  .hero-section{padding:3rem 0 4rem}
  .hero-stats{grid-template-columns:repeat(2,1fr);padding:1.2rem}
  .cards-grid-2{grid-template-columns:1fr}
  main > section{padding:3rem 0}
  .hero-cta-row{flex-direction:column;align-items:flex-start}
}