[data-section="hero"]{
  padding:5rem 0 4rem;
  position:relative;
  overflow:hidden;
}
[data-section="hero"]::before{
  background:radial-gradient(circle,rgba(255,61,240,.25),transparent 60%);
  content:"";
  filter:blur(60px);
  height:500px;
  left:5%;
  position:absolute;
  top:-100px;
  width:500px;
  z-index:0;
}
[data-section="hero"]::after{
  background:radial-gradient(circle,rgba(255,216,77,.18),transparent 60%);
  content:"";
  filter:blur(80px);
  height:400px;
  position:absolute;
  right:0;
  top:30%;
  width:400px;
  z-index:0;
}
[data-section="hero"] .container{position:relative;z-index:1}
.hero-grid{
  align-items:center;
  display:grid;
  gap:3rem;
  grid-template-columns:1.1fr .9fr;
}
.hero-content h1{margin-bottom:1.5rem;font-size:clamp(1.8rem,4vw,3.2rem)}
.hero-content h1 .accent{
  background:linear-gradient(135deg,var(--acc) 0%,var(--acc2) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-lead{font-size:1.15rem;margin-bottom:2rem;color:#e8e0ff}
.hero-cta-row{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:1rem 2rem;
  margin-bottom:2rem;
}
.hero-stats{
  border-top:1px solid var(--line);
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(3,1fr);
  margin-top:2rem;
  padding-top:2rem;
}
.hero-stat .num{
  background:linear-gradient(135deg,var(--acc2),var(--acc));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  display:block;
  font-family:'Syne',sans-serif;
  font-size:1.8rem;
  font-weight:800;
  line-height:1;
}
.hero-stat .lbl{color:var(--mut);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}
.hero-visual{
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  position:relative;
  box-shadow:0 30px 80px -20px rgba(255,61,240,.4);
}
.hero-visual figure{margin:0;border-radius:0}
.hero-visual img{border-radius:0;width:100%;height:auto}
.hero-badge{
  align-items:center;
  background:rgba(10,6,18,.92);
  backdrop-filter:blur(12px);
  border:1px solid var(--acc);
  border-radius:14px;
  bottom:1.25rem;
  display:flex;
  gap:.75rem;
  left:1.25rem;
  padding:.85rem 1.1rem;
  position:absolute;
}
.hero-badge .dot{
  background:#22ff88;
  border-radius:50%;
  box-shadow:0 0 12px #22ff88;
  height:10px;
  width:10px;
  animation:pulse 1.6s infinite;
}
@keyframes pulse{50%{opacity:.4}}
.hero-badge strong{display:block;font-size:.95rem}
.hero-badge span{color:var(--mut);font-size:.78rem}
.trust-strip{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:1.25rem 2rem;
  margin-top:1rem;
}
.trust-strip .item{
  align-items:center;
  color:var(--mut);
  display:flex;
  font-size:.85rem;
  gap:.5rem;
}
.trust-strip .item::before{
  background:var(--acc2);
  border-radius:50%;
  content:"";
  height:6px;
  width:6px;
  box-shadow:0 0 10px var(--acc2);
}
.info-card figure.content-image{
  margin:-1.8rem -1.8rem 1.5rem;
  border-radius:var(--rad) var(--rad) 0 0;
  overflow:hidden;
}
.info-card figure.content-image img{
  border-radius:var(--rad) var(--rad) 0 0;
}
.license-section h2,
.registration h2,
.payments h2,
.games h2,
.audits h2,
.security h2,
.faq h2{
  background:linear-gradient(135deg,#fff 0%,var(--c2) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:2.5rem}
  .hero-stats{grid-template-columns:repeat(3,1fr)}
  section{padding:3.5rem 0}
}
@media (max-width:520px){
  .hero-stats{grid-template-columns:1fr 1fr;gap:1.25rem}
  .hero-stat .num{font-size:1.5rem}
}