/* FAC-541 beta-interest capture. Shared by Home and Beta status. */
.beta-updates-form{
 /* The page already reserves 73px through html scroll-padding-top. */
 scroll-margin-top:15px;
 --beta-accent:var(--cyan);
 min-width:0;
 padding:clamp(22px,3vw,34px);
 border:1px solid rgba(184,222,213,.26);
 border-radius:18px;
 background:linear-gradient(150deg,#263233,#1c2628 78%);
 box-shadow:0 20px 46px rgba(0,0,0,.19);
 color:var(--ink);
}
.beta-form-heading{margin:0 0 24px}
.beta-form-eyebrow{
 margin:0 0 7px;
 color:#c6d8d3;
 font:650 11px/1.5 var(--display);
 letter-spacing:.035em;
}
.beta-form-heading h2{
 margin:0 0 9px;
 color:var(--ink);
 font-size:clamp(27px,3vw,34px);
 letter-spacing:-.04em;
 line-height:1.12;
 font-weight:700;
}
.beta-form-heading p:last-child{
 margin:0;
 max-width:39ch;
 color:#c3d1cc;
 font-size:14px;
 line-height:1.6;
}
.beta-field label,.beta-other-wrap label,
.beta-interests legend{
 display:block;
 margin-bottom:8px;
 color:#edf4f0;
 font-size:13px;
 font-weight:650;
 line-height:1.4;
}
.beta-field input,.beta-other-wrap input{
 display:block;
 width:100%;
 min-height:51px;
 padding:11px 14px;
 background:#111a1c;
 border:1px solid #647c77;
 border-radius:9px;
 color:var(--ink);
 font-size:15px;
 outline-offset:3px;
}
.beta-field input::placeholder,.beta-other-wrap input::placeholder{color:#94aba4}
.beta-field input:focus-visible,.beta-other-wrap input:focus-visible{
 outline:2px solid var(--beta-accent);
 border-color:var(--beta-accent);
}
.beta-interests{
 min-width:0;
 margin:23px 0 22px;
 padding:0;
 border:0;
}
.beta-help{
 color:#acbfba;
 font-size:12px;
 margin:0 0 12px;
}
.beta-game-pills{display:flex;flex-wrap:wrap;gap:9px}
.beta-game-pill{position:relative;display:inline-flex;max-width:100%;cursor:pointer}
.beta-game-pill input{
 position:absolute;
 width:1px;height:1px;
 opacity:0;
 inset:50% auto auto 10px;
}
.beta-game-pill span{
 display:inline-flex;
 justify-content:center;
 align-items:center;
 min-height:44px;
 max-width:100%;
 border:1px solid #748b85;
 border-radius:100px;
 padding:9px 14px;
 color:#d4e4dd;
 background:rgba(255,255,255,.01);
 font:650 13px/1.25 var(--display);
 text-align:center;
 transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.beta-game-pill:hover span{border-color:var(--beta-accent)}
.beta-game-pill input:focus-visible+span{
 outline:2px solid var(--beta-accent);
 outline-offset:3px;
}
.beta-game-pill input:checked+span{
 background:var(--beta-accent);
 border-color:var(--beta-accent);
 color:#082024;
}
.beta-other-wrap{
 margin-top:15px;
 padding:16px;
 border:1px solid rgba(160,209,203,.23);
 border-radius:11px;
 background:#202e30;
}
.beta-other-wrap[hidden]{display:none}
.beta-optional{font-weight:450;color:#a9c0b6}
.beta-submit{
 width:100%;
 min-height:53px;
 border:1px solid var(--beta-accent);
 border-radius:10px;
 color:#0b1d20;
 background:var(--beta-accent);
 box-shadow:none;
}
.beta-submit:disabled{opacity:.65;cursor:wait;transform:none}
.beta-submit:focus-visible{outline:2px solid var(--beta-accent);outline-offset:4px}
.beta-form-message{margin:13px 0 0;color:#dcf8ec;font-size:13px;line-height:1.5}
.beta-form-message:empty{display:none}
.beta-form-message.is-error{color:#ffc9b9}
.beta-consent{margin:14px 0 0;color:#b8c9c1;font-size:12px;line-height:1.7}
.beta-consent a{color:var(--beta-accent);text-decoration:underline;text-underline-offset:2px}
@media(max-width:700px){
 .beta-updates-form{padding:24px 19px;border-radius:15px}
 .beta-form-heading{margin-bottom:20px}
 .beta-game-pills{gap:8px}
 .beta-game-pill span{font-size:12.5px;padding:10px 13px;min-height:45px}
}
@media(prefers-reduced-motion:reduce){.beta-game-pill span{transition:none}}