.beta-nav { justify-content: space-between; }
.beta-back, .beta-return { font-size: 12px; color: var(--silver); }
.beta-back:hover, .beta-return:hover { color: var(--white); }
.beta-main { max-width: 1440px; margin: auto; min-height: calc(100svh - 70px); padding: 150px var(--gut) 80px; display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(40px, 7vw, 110px); align-items: center; }
.beta-intro h1 { font-size: clamp(44px, 5.3vw, 76px); line-height: 1.2; letter-spacing: -.045em; color: var(--title); margin: 30px 0; font-weight: 500; }
.beta-intro h1 span { color: var(--silver); }
.beta-note { border-left: 2px solid var(--signal); padding-left: 20px; margin-top: 46px; max-width: 420px; }
.beta-note p, .beta-faq p { font-size: 13px; color: var(--silver); line-height: 1.85; }
.beta-steps { list-style: none; padding: 0; display: flex; gap: 22px; margin-top: 48px; font-size: 12px; color: var(--silver); }
.beta-steps span { display: block; font: 12px var(--f-mono); margin-bottom: 10px; color: var(--num); }
.beta-panel { border: 1px solid var(--line-h); background: var(--card); padding: clamp(24px, 3vw, 44px); }
.beta-panel-top { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.beta-status { font-size: 11px; border: 1px solid var(--line-h); padding: 3px 8px; color: var(--silver); white-space: nowrap; }
.beta-panel h2 { font-size: 28px; font-weight: 500; color: var(--title); margin: 30px 0 12px; }
.beta-muted { color: var(--silver); font-size: 14px; margin-bottom: 30px; }
.beta-panel label { font-size: 13px; display: block; margin-bottom: 10px; }
.beta-panel input { width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid var(--line-h); background: var(--bg); color: var(--text); font: 14px var(--f-mono); border-radius: 0; }
.beta-panel input:disabled { opacity: 1; cursor: not-allowed; }
.beta-help { font-size: 12px; color: var(--silver); line-height: 1.8; }
.beta-submit { width: 100%; justify-content: space-between; margin-top: 14px; }
.beta-submit:disabled { background: var(--raise); border-color: var(--line-h); color: var(--silver); cursor: not-allowed; }
.beta-service { font-size: 12px; color: var(--silver); line-height: 1.8; margin: 16px 0 26px; }
.beta-faq { border-top: 1px solid var(--line); padding-top: 18px; }
.beta-faq h3 { font-size: 13px; font-weight: 500; margin: 14px 0 6px; }
.beta-faq p { margin: 0 0 18px; }
.beta-return { display: inline-block; margin-top: 10px; }
.beta-footer { padding: 24px var(--gut); border-top: 1px solid var(--line); color: var(--num); font: 10px var(--f-mono); letter-spacing: .1em; }
.beta-footer span { float: right; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--white); outline-offset: 5px; }
@media(max-width: 850px) { .beta-main { grid-template-columns: 1fr; padding-top: 110px; gap: 36px; } .beta-intro h1 { font-size: 48px; } .beta-note { margin-top: 28px; } .beta-steps { margin-top: 30px; } }
@media(max-width: 480px) { .beta-nav .brand-word b { display: none; } .beta-steps { justify-content: space-between; gap: 10px; font-size: 11px; } .beta-panel-top .eyebrow { letter-spacing: .04em; } }
.release-card { border-top: 1px solid var(--line); padding: 18px 0; }
.release-card h3 { font-size: 16px; color: var(--title); }
.release-card p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; color: var(--silver); }
#logout { margin-bottom: 20px; }
[hidden] { display: none !important; }
@media(max-width: 480px) { .beta-intro h1 { font-size: clamp(28px, 9vw, 42px); } }