/* One matte glass surface on the approved lemon closing screen. */
#registration{
  isolation:isolate;
  overflow:hidden;
  background:radial-gradient(ellipse at 83% 13%,#f0f9be 0,transparent 48%),var(--acid);
}
#registration::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:min(66vw,880px);
  height:420px;
  right:-7%;
  top:25%;
  border:1px solid rgba(72,92,15,.13);
  border-radius:50%;
  transform:rotate(-25deg);
  background:linear-gradient(145deg,rgba(255,255,242,.55),rgba(141,169,28,.11));
  filter:blur(3px);
}
#registration .form-panel{position:relative;z-index:1;column-gap:72px}
#registration .waitlist-form{
  position:relative;
  padding:34px;
  gap:24px;
  border:1px solid rgba(255,255,247,.65);
  border-right-color:rgba(255,255,247,.4);
  border-bottom-color:rgba(113,135,48,.15);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,248,.52),rgba(255,255,248,.26));
  backdrop-filter:blur(34px) saturate(115%);
  -webkit-backdrop-filter:blur(34px) saturate(115%);
  box-shadow:0 22px 55px -30px rgba(62,82,5,.28),inset 0 1px 0 rgba(255,255,255,.62);
}
#registration .form-grid{gap:23px 18px}
#registration .form-field{gap:9px}
#registration .form-field label{font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-.01em;color:#263018}
#registration .field-optional{font-weight:400;font-size:12px;color:#586434}
#registration .form-field input,
#registration .form-field select,
#registration .form-field textarea{
  min-height:54px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:9px;
  background-color:rgba(255,255,252,.3);
  box-shadow:inset 0 1px 2px rgba(77,93,32,.025);
  font-size:16px;
  line-height:1.45;
  color:var(--ground);
  transition:background-color .18s,border-color .18s;
}
#registration .form-field select{padding-right:40px;background-position:right 16px center}
#registration .form-field option{background:#eff8c3}
#registration .form-field textarea{min-height:102px}
#registration .form-field input::placeholder,
#registration .form-field textarea::placeholder{color:#637046}
#registration .form-field input:hover,
#registration .form-field select:hover,
#registration .form-field textarea:hover{background-color:rgba(255,255,252,.42);border-color:rgba(255,255,255,.64)}
#registration .form-field input:focus-visible,
#registration .form-field select:focus-visible,
#registration .form-field textarea:focus-visible{
  background-color:rgba(255,255,252,.57);
  outline:2px solid #354226;
  outline-offset:3px;
  border-color:transparent;
}
#registration .consent{
  padding-top:18px;
  border-top:1px solid rgba(70,89,28,.12);
  gap:12px;
  font-size:12px;
  line-height:1.5;
  color:#48552c;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  #registration .waitlist-form{background:#ecf9b4}
}
@media(max-width:1150px){
  #registration .form-panel{column-gap:42px}
  #registration .waitlist-form{padding:27px}
}
@media(max-width:860px){
  #registration::before{width:100vw;height:440px;top:45%;right:-35%}
  #registration .waitlist-form{padding:32px}
}
@media(max-width:600px){
  #registration .waitlist-form{padding:23px 20px;border-radius:18px;gap:22px}
  #registration .form-grid{gap:21px}
  #registration .form-field label{font-size:13px}
  #registration .form-field input,#registration .form-field select,#registration .form-field textarea{padding:13px 14px}
  #registration .form-field select{padding-right:38px;background-position:right 14px center}
  #registration .field-optional{white-space:normal;font-size:11px}
}
@media(max-width:360px){#registration .waitlist-form{padding:21px 16px}}