.beta-invite-section{
  position:relative;
  overflow:hidden;
  padding:72px 0 68px;
  border-top:1px solid var(--line);
  background:
    radial-gradient(circle at 50% 0,rgba(166,111,234,.15),transparent 42%),
    linear-gradient(180deg,rgba(13,16,32,.96),rgba(7,9,20,.98));
}
.beta-invite-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 20%,rgba(193,154,255,.04) 52%,transparent 80%);
}
.beta-invite-wrap{
  position:relative;
  z-index:1;
  max-width:980px;
}
.beta-invite-section .section-title{
  max-width:760px;
  margin:0 auto 22px;
}
.beta-invite-section .section-title h2{
  margin:9px 0 12px;
}
.beta-invite-section .section-title h2 span{
  color:var(--lav2);
}
.beta-invite-section .section-title p{
  margin:0;
  color:#bcb3c0;
  font-size:12px;
  line-height:1.6;
}
.home-invite-form{
  display:grid;
  grid-template-columns:minmax(240px,1.25fr) minmax(210px,.9fr) auto;
  gap:12px;
  width:100%;
  max-width:900px;
  margin:24px auto 0;
}
.home-invite-form input,
.home-invite-form select{
  width:100%;
  min-height:46px;
  padding:0 14px;
  border:1px solid rgba(193,154,255,.28);
  border-radius:10px;
  outline:none;
  background:rgba(8,10,23,.88);
  color:#f5f0f2;
  font:500 12px/1 var(--sans);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.home-invite-form input::placeholder{
  color:#8f8795;
}
.home-invite-form select{
  color-scheme:dark;
  cursor:pointer;
}
.home-invite-form input:focus,
.home-invite-form select:focus{
  border-color:rgba(193,154,255,.72);
  background:#0c0f20;
  box-shadow:0 0 0 3px rgba(166,111,234,.12);
}
.home-invite-form .button{
  min-height:46px;
  white-space:nowrap;
  cursor:pointer;
}
.home-invite-form .button:disabled{
  cursor:wait;
  opacity:.62;
  transform:none;
}
.beta-invite-section .form-msg{
  min-height:22px;
  max-width:900px;
  margin:12px auto 0;
  color:#d1b9f3;
  font-size:11px;
  line-height:1.55;
  text-align:center;
}
.beta-note{
  max-width:760px;
  margin:7px auto 0;
  color:#7f7886;
  font-size:9px;
  line-height:1.55;
  text-align:center;
}
@media(max-width:800px){
  .home-invite-form{
    grid-template-columns:1fr 1fr;
  }
  .home-invite-form .button{
    grid-column:1/-1;
  }
}
@media(max-width:560px){
  .beta-invite-section{
    padding:56px 0 52px;
  }
  .home-invite-form{
    grid-template-columns:1fr;
    gap:10px;
  }
  .home-invite-form .button{
    grid-column:auto;
    width:100%;
  }
  .beta-invite-section .section-title p{
    font-size:11px;
  }
}