.beta-page { max-width:880px; margin:0 auto; line-height:1.65; }
.beta-page *, .beta-admin * { box-sizing:border-box; }
.beta-page a, .beta-admin a { color:#f08a8a; text-underline-offset:3px; }
.beta-intro { margin-bottom:28px; }
.beta-eyebrow { color:#f08a8a; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin:0 0 10px; }
.beta-intro h1 { font-size:clamp(28px,4vw,42px); line-height:1.2; max-width:700px; margin:0 0 18px; }
.beta-intro>p:last-child { max-width:720px; color:#bcbcc9; margin:0; }
.beta-notice, .beta-form, .beta-success, .beta-admin-card { background:#1a1a28; border:1px solid #343445; border-radius:10px; padding:28px; margin-bottom:24px; }
.beta-notice { border-left:4px solid #d12f2f; }
.beta-page h2 { font-size:22px; line-height:1.3; margin:0 0 16px; }
.beta-notice ul { padding-left:22px; margin:0; }
.beta-notice li+li { margin-top:12px; }
.beta-discord-reminder { border-top:1px solid #343445; padding-top:18px; margin:20px 0 0; }
.beta-form-heading { margin-bottom:24px; }
.beta-form-heading p, .beta-hint { color:#b0b0c0; font-size:14px; line-height:1.5; margin:8px 0 0; }
.beta-form fieldset { border:0; padding:0; margin:0 0 26px; min-width:0; }
.beta-form legend, .beta-field>label { font-size:16px; font-weight:600; padding:0; }
.beta-field { margin-bottom:24px; }
.beta-field>label { display:block; margin-bottom:8px; }
.beta-field label span { color:#b0b0c0; font-size:13px; font-weight:400; }
.beta-field input, .beta-field textarea, .beta-field select { display:block; width:100%; background:#10101b; border:1px solid #4a4a5c; border-radius:6px; color:#eeeef4; font:inherit; font-size:16px; padding:12px; }
.beta-field textarea { resize:vertical; min-height:100px; }
.beta-field input::placeholder, .beta-field textarea::placeholder { color:#9292a7; }
.beta-device-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; }
.beta-device { display:flex; align-items:center; gap:10px; background:#10101b; border:1px solid #4a4a5c; border-radius:6px; padding:13px; cursor:pointer; }
.beta-device:has(input:checked) { border-color:#e26060; background:#30202a; }
.beta-device input, .beta-checkbox input { accent-color:#d12f2f; height:18px; width:18px; flex:0 0 18px; margin:0; }
.beta-checkbox { display:flex; align-items:flex-start; gap:12px; margin-top:16px; cursor:pointer; }
.beta-checkbox input { margin-top:4px; }
.beta-form .beta-agreements { border-top:1px solid #343445; padding-top:20px; }
.beta-errors { border:1px solid #ed7777; background:#38202a; border-radius:6px; padding:16px; margin-bottom:24px; }
.beta-errors ul { margin:8px 0 0; padding-left:20px; }
.beta-field-error { color:#ffaaaa; font-size:14px; margin:8px 0 0; }
.beta-field [aria-invalid="true"] { border-color:#ed7777; }
.beta-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; background:#bc2929; border:1px solid #e15d5d; border-radius:6px; color:white!important; cursor:pointer; font:inherit; font-weight:600; padding:11px 24px; text-decoration:none; }
.beta-button:hover { background:#9e2222; }
.beta-page :focus-visible, .beta-admin :focus-visible { outline:2px solid #ffc0a6; outline-offset:4px; }
.beta-success { border-color:#4d8c61; background:#17291f; }
.beta-submit-hint { margin-top:14px; }
.beta-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.beta-admin { max-width:1000px; margin:0 auto; line-height:1.6; }
.beta-admin-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
.beta-admin h1 { margin:0; }
.beta-admin-filters, .beta-admin-pagination { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.beta-admin-filters a, .beta-admin-pagination a { padding:6px 12px; border:1px solid #4a4a5c; border-radius:6px; text-decoration:none; }
.beta-admin-filters a[aria-current="page"] { background:#30202a; border-color:#e26060; }
.beta-admin-card summary { cursor:pointer; overflow-wrap:anywhere; }
.beta-admin-card summary strong { font-size:18px; }
.beta-admin-meta { display:block; color:#b0b0c0; font-size:14px; margin-top:4px; }
.beta-admin-card dl { margin:20px 0; overflow-wrap:anywhere; }
.beta-admin-card dt { font-weight:600; margin-top:16px; }
.beta-admin-card dd { margin:4px 0 0; white-space:pre-wrap; }
.beta-admin-status { display:flex; align-items:center; gap:12px; flex-wrap:wrap; border-top:1px solid #343445; padding-top:18px; }
.beta-admin-status select { background:#10101b; color:#eee; border:1px solid #4a4a5c; border-radius:6px; padding:12px; font:inherit; }
.beta-admin-delete { border-top:1px solid #343445; margin-top:20px; padding-top:18px; }
.beta-admin-delete>summary { color:#ffaaaa; font-weight:600; }
.beta-admin-delete .beta-button-danger { margin-top:16px; background:#481c25; border-color:#b75c65; }
.beta-admin-delete .beta-button-danger:hover { background:#6a2632; }
@media (max-width:600px) {
    .beta-public-page .navbar { padding:16px 5%; flex-wrap:wrap; gap:8px; }
    .beta-public-page .nav-links { flex-wrap:wrap; padding:0; gap:12px 18px; margin:8px 0 0; }
    .beta-public-page .container { margin-top:26px; }
    .beta-notice, .beta-form, .beta-success, .beta-admin-card { padding:20px; }
    .beta-device-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .beta-form>.beta-button, .beta-success>.beta-button { width:100%; }
}
