.beta-page { min-height:100vh; background:radial-gradient(ellipse at 82% 22%,#5e183544,transparent 40%),var(--bg); }
.beta-header { min-height:88px; }
.beta-privacy-link { color:var(--muted); font-size:12px; }
.beta-main { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); align-items:center; gap:clamp(42px,8vw,110px); min-height:calc(100vh - 170px); padding-top:48px; padding-bottom:64px; }
.beta-copy { max-width:620px; }
.beta-copy .eyebrow { margin-bottom:26px; }
.beta-copy h1 { font-size:clamp(48px,6vw,76px); line-height:1.08; letter-spacing:-3.8px; margin:0 0 24px; }
.beta-lead { max-width:540px; color:var(--text); font-size:17px; line-height:1.85; }
.beta-note { max-width:510px; color:var(--muted); font-size:13px; line-height:1.8; border-left:2px solid var(--rose); padding-left:15px; margin:24px 0 34px; }
.beta-proof { display:grid; gap:12px; color:#d7cbd8; font-size:12px; }
.beta-proof span { display:flex; align-items:center; gap:12px; }
.beta-proof b { display:inline-grid; place-items:center; width:28px; height:28px; border:1px solid #ff78b455; border-radius:50%; color:var(--rose); font-size:10px; }
.beta-form-card { background:linear-gradient(145deg,#211822,#18131a); border:1px solid #ffffff20; border-radius:24px; padding:clamp(24px,4vw,38px); box-shadow:0 24px 80px #0005; }
.beta-form-card .section-label { margin-bottom:12px; }
.beta-form-card h2 { font-size:25px; letter-spacing:-.8px; margin:0 0 10px; }
.beta-form-intro { color:var(--muted); font-size:12px; line-height:1.75; margin-bottom:25px; }
.beta-field { margin:0 0 18px; }
.beta-field label { display:block; color:var(--text); font-size:12px; font-weight:700; margin-bottom:8px; }
.beta-field label span { color:var(--muted); font-weight:400; }
.beta-field input { display:block; width:100%; min-height:48px; border:1px solid #ffffff2a; border-radius:10px; background:#100d12; color:var(--text); padding:12px 14px; font:inherit; font-size:14px; }
.beta-field input:focus-visible,.beta-check input:focus-visible,.beta-submit:focus-visible { outline:3px solid var(--rose); outline-offset:3px; }
.beta-field input::placeholder { color:#8d8390; }
.beta-field small { display:block; color:var(--muted); font-size:10px; line-height:1.6; margin-top:7px; }
.beta-check { display:grid; grid-template-columns:18px minmax(0,1fr); gap:10px; align-items:start; color:#d7cbd8; font-size:11px; line-height:1.7; margin:16px 0; }
.beta-check input { width:16px; height:16px; margin:2px 0 0; accent-color:var(--pink); }
.beta-check a { color:var(--rose); text-decoration:underline; text-underline-offset:3px; }
.beta-submit { width:100%; justify-content:center; gap:12px; margin-top:6px; border:0; cursor:pointer; }
.beta-fine-print { color:var(--muted); font-size:10px; line-height:1.7; text-align:center; margin:14px 0 0; }
.beta-status { padding:14px 15px; border:1px solid #5cc69a77; border-radius:12px; background:#5cc69a12; margin:-6px 0 20px; color:#dff8ec; font-size:12px; line-height:1.65; }
.beta-status strong,.beta-status span { display:block; }
.beta-status strong { margin-bottom:4px; }
.beta-status.is-error { border-color:#ff967d77; background:#ff967d12; color:#ffe7e0; }
.beta-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.beta-footer { display:flex; justify-content:space-between; gap:18px; border-top:1px solid var(--line); padding-top:20px; padding-bottom:24px; color:var(--muted); font-size:10px; }
.beta-footer p { margin:0; }
.beta-footer a { color:var(--rose); }
@media (max-width:820px) { .beta-main { grid-template-columns:1fr; min-height:auto; gap:34px; padding-top:42px; } .beta-copy { max-width:620px; } .beta-proof { grid-template-columns:repeat(3,1fr); font-size:10px; } .beta-proof span { align-items:flex-start; flex-direction:column; gap:5px; } }
@media (max-width:520px) { .beta-header { min-height:76px; } .beta-main { padding-top:34px; padding-bottom:40px; } .beta-copy h1 { font-size:48px; letter-spacing:-2.5px; } .beta-lead { font-size:15px; } .beta-proof { gap:8px; } .beta-form-card { border-radius:18px; padding:22px 18px; } .beta-form-card h2 { font-size:22px; } .beta-footer { flex-direction:column; } }