/* El formulario de la beta. Campos sin marco grueso ni etiquetas en
   mayúsculas: una línea debajo y ya, que es lo que menos ruido hace. */
.beta .form{max-width:580px;margin:50px auto 0;text-align:left}
.row{display:grid;grid-template-columns:1fr 1fr;gap:26px}
@media(max-width:620px){.row{grid-template-columns:1fr;gap:0}}
.form label{display:block;margin-bottom:26px}
.form label > span{display:block;font:400 13px/1 var(--sans);color:var(--fg-3);margin-bottom:8px}
.form input[type=text],.form input[type=email],.form select,.form textarea{
  width:100%;background:transparent;color:var(--fg);border:0;border-bottom:1px solid var(--line-2);
  border-radius:0;padding:9px 2px;font:400 17px/1.4 var(--sans);letter-spacing:-.012em;
  transition:border-color .2s linear}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-bottom-color:var(--fg)}
.form input::placeholder,.form textarea::placeholder{color:var(--fg-3)}
.form select{appearance:none;-webkit-appearance:none;cursor:pointer}
.form select option{background:var(--bg-3);color:var(--fg)}
.form textarea{min-height:88px;resize:vertical}
.form .check{display:flex;gap:12px;align-items:flex-start;margin:4px 0 30px;cursor:pointer}
.form .check input{width:19px;height:19px;margin-top:2px;accent-color:var(--acc);flex:0 0 auto}
.form .check span{font-size:14px;color:var(--fg-2);line-height:1.45;margin:0}
.hp{position:absolute;left:-9999px}
.form .bad{color:#ff6b6b;font-size:15px;margin:0 0 24px}
.form .done{font-size:19px;color:var(--fg-2);margin:0;text-align:center}
.form .done b{color:var(--fg)}