.hero{
  position:relative;
  padding:5rem 0 4rem;
  overflow:hidden;
  background:radial-gradient(ellipse at top right,rgba(255,43,214,.18),transparent 60%),radial-gradient(ellipse at bottom left,rgba(122,61,255,.25),transparent 55%),var(--bg);
}
.hero::before{
  content:"";
  position:absolute;
  top:10%;
  right:-5%;
  width:400px;
  height:400px;
  background:var(--grad);
  border-radius:50%;
  filter:blur(140px);
  opacity:.35;
  z-index:0;
}
.hero .container{position:relative;z-index:1}
.hero h1{
  margin-bottom:1.5rem;
  background:linear-gradient(180deg,#fff 30%,#ffb6f0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hero-lead{
  font-size:clamp(1.05rem,1.5vw,1.25rem);
  color:#d8cef0;
  max-width:780px;
  margin-bottom:2rem;
}

.hero__badges{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-bottom:2rem;
}
.hero__badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.5rem 1rem;
  background:rgba(255,43,214,.12);
  border:1px solid rgba(255,43,214,.3);
  border-radius:50px;
  font-size:.85rem;
  color:#ffd6f3;
  font-weight:500;
}
.hero__badge .dot{
  width:8px;height:8px;
  background:#3ddc84;
  border-radius:50%;
  box-shadow:0 0 10px #3ddc84;
  animation:pulse 1.6s infinite;
}
@keyframes pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.5;transform:scale(1.3)}
}

.hero__offer{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.5rem;
  margin:2rem 0;
  padding:2rem;
  background:linear-gradient(135deg,rgba(122,61,255,.18),rgba(255,43,214,.1));
  border:1px solid rgba(255,43,214,.3);
  border-radius:var(--rad);
  backdrop-filter:blur(10px);
}
.hero__offer-main h3{
  margin:0 0 .3rem;
  font-size:1rem;
  color:var(--acc);
  text-transform:uppercase;
  letter-spacing:.1em;
}
.hero__offer-main .big{
  font-family:'Syne',sans-serif;
  font-size:clamp(2rem,4vw,3rem);
  font-weight:800;
  background:var(--grad-2);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  line-height:1;
}
.hero__offer-main p{color:#e3d9f5;margin-top:.5rem;margin-bottom:0;font-size:.95rem}

.hero__timer{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.hero__timer-label{
  font-size:.8rem;
  color:var(--acc2);
  text-transform:uppercase;
  letter-spacing:.15em;
  margin-bottom:.6rem;
  font-weight:700;
}
.hero__timer-grid{
  display:flex;
  gap:.5rem;
}
.hero__timer-cell{
  background:rgba(10,6,18,.7);
  border:1px solid rgba(255,183,0,.4);
  border-radius:10px;
  padding:.6rem .8rem;
  min-width:58px;
}
.hero__timer-cell strong{
  display:block;
  font-family:'Syne',sans-serif;
  font-size:1.6rem;
  color:#fff;
  line-height:1;
}
.hero__timer-cell span{
  font-size:.65rem;
  color:var(--mute);
  text-transform:uppercase;
  letter-spacing:.1em;
}

.hero__proof{
  display:flex;
  flex-wrap:wrap;
  gap:1.5rem;
  align-items:center;
  margin-top:2rem;
  padding-top:1.5rem;
  border-top:1px solid rgba(255,43,214,.15);
}
.hero__proof-item{
  display:flex;
  flex-direction:column;
}
.hero__proof-item strong{
  font-family:'Syne',sans-serif;
  font-size:1.4rem;
  color:#fff;
}
.hero__proof-item span{
  font-size:.85rem;
  color:var(--mute);
}
.hero__stars{color:var(--acc2);letter-spacing:2px}

.hero__cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin-bottom:1.5rem;
}

/* Section base */
section{
  padding:4rem 0;
  position:relative;
}
section:nth-of-type(even){
  background:linear-gradient(180deg,transparent,rgba(122,61,255,.04),transparent);
}

/* Timeline reg */
.registration{position:relative}
.registration::before{
  content:"";
  position:absolute;
  top:0;left:0;
  width:120px;height:120px;
  background:var(--acc);
  border-radius:50%;
  filter:blur(100px);
  opacity:.3;
}

/* Cards grid */
.cards-grid-3{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:1.5rem;
  margin:2.5rem 0;
}

/* Security */
.security h3{color:var(--acc2)}

/* Bonus */
.bonus{
  background:radial-gradient(ellipse at center,rgba(255,43,214,.1),transparent 70%);
}
.bonus h2{
  background:var(--grad-2);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Accordion */
.accordion-item{
  background:linear-gradient(135deg,rgba(122,61,255,.1),rgba(255,43,214,.04));
  border:1px solid rgba(255,43,214,.2);
  border-radius:var(--rad);
  margin-bottom:.8rem;
  overflow:hidden;
  transition:border-color .3s;
}
.accordion-item:hover{border-color:rgba(255,43,214,.5)}
.accordion-header{
  cursor:pointer;
  padding:1.2rem 1.4rem;
  margin:0;
  font-size:1.1rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  user-select:none;
  font-family:'Syne',sans-serif;
}
.accordion-header::after{
  content:"+";
  font-size:1.8rem;
  color:var(--acc);
  font-weight:300;
  transition:transform .3s;
  flex-shrink:0;
  line-height:1;
}
.accordion-item.is-open .accordion-header::after{transform:rotate(45deg)}
.accordion-body{
  max-height:0;
  overflow:hidden;
  transition:max-height .4s ease,padding .3s;
  padding:0 1.4rem;
}
.accordion-item.is-open .accordion-body{
  max-height:400px;
  padding:0 1.4rem 1.2rem;
}
.accordion-body p{margin:0;color:#d8cef0}

/* CTA inline */
.section__cta{
  margin-top:2rem;
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  align-items:center;
}

@media (max-width:768px){
  .hero{padding:3rem 0 2.5rem}
  .hero__offer{grid-template-columns:1fr;padding:1.4rem;gap:1rem}
  .hero__timer{align-items:flex-start}
  section{padding:3rem 0}
  .hero__proof{gap:1rem}
  .hero__proof-item strong{font-size:1.15rem}
}
@media (max-width:480px){
  .hero__timer-cell{min-width:48px;padding:.5rem .6rem}
  .hero__timer-cell strong{font-size:1.3rem}
}