/* Registration is deliberately scoped outside the public sidebar layout. */
html.public-site body.rc-register {
    --reg-bg: #080f18;
    --reg-panel: #101c2a;
    --reg-line: #293d50;
    --reg-muted: #a2b5c8;
    --reg-ink: #edf5ff;
    --reg-cyan: #78deed;
    --reg-good: #93e6b9;
    --reg-bad: #ffadb3;
    background: radial-gradient(ellipse at 65% 0%, #152a3b 0, transparent 52%), var(--reg-bg);
    color: var(--reg-ink);
    font: 15px/1.55 'Segoe UI', Arial, sans-serif;
    min-height: 100vh;
    padding: 0 32px;
    overflow-x: clip;
}
.rc-register *, .rc-register *::before, .rc-register *::after { box-sizing: border-box; }
.rc-register [hidden] { display: none !important; }
.rc-register h1, .rc-register h2, .rc-register h3, .rc-register p { margin: 0; }
.rc-register h1, .rc-register h2, .rc-register h3 {
    font-family: inherit;
    color: var(--reg-ink);
    text-shadow: none;
    text-transform: none;
    letter-spacing: -.03em;
    line-height: 1.16;
    font-weight: 650;
}
.rc-register h1::after, .rc-register h2::after { display: none; }
.rc-register a { color: var(--reg-cyan); text-decoration: none; }
.rc-register a:hover { color: #c7f8ff; }
.rc-register a:focus-visible, .rc-register button:focus-visible, .rc-register input:focus-visible, .rc-register select:focus-visible {
    outline: 2px solid var(--reg-cyan);
    outline-offset: 4px;
}
.rc-register .reg-topbar { max-width: 1320px; margin: auto; min-height: 110px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.rc-register .reg-brand { display: inline-flex; align-items: center; gap: 9px; color: #fff; }
.rc-register .reg-brand img { width: 62px; height: 62px; object-fit: contain; }
.rc-register .reg-brand > span { font-size: 19px; font-weight: 700; letter-spacing: .24em; line-height: 1.3; }
.rc-register .reg-brand > span > span { display: block; font-size: 11px; letter-spacing: .25em; color: var(--reg-muted); }
.rc-register .reg-signin { display: flex; align-items: center; gap: 14px; color: var(--reg-muted); font-size: 13px; }
.rc-register .reg-signin a { padding: 9px 15px; border: 1px solid var(--reg-line); border-radius: 8px; color: var(--reg-ink); font-weight: 600; }
.rc-register .reg-signin a:hover { border-color: #78deed; background: #172b3c; }
.rc-register .reg-layout { max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.rc-register .reg-story { position: sticky; top: 24px; min-height: 660px; height: calc(100svh - 142px); max-height: 920px; border: 1px solid #34424f; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; isolation: isolate; background: #0b1622; }
.rc-register .reg-story-image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 53% center; }
.rc-register .reg-story::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(7,15,24,.96), rgba(7,15,24,.79) 23%, rgba(7,15,24,.08) 49%, rgba(7,15,24,.05) 59%, rgba(7,15,24,.93) 90%, #0a1621); }
.rc-register .reg-story-top { padding: 42px 38px; }
.rc-register .reg-eyebrow { display: flex; align-items: center; gap: 9px; color: var(--reg-cyan); font-size: 10px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.rc-register .reg-signal { width: 6px; height: 6px; background: #78deed; border-radius: 50%; box-shadow: 0 0 0 4px #78deed19; flex-shrink: 0; }
.rc-register .reg-story h1 { font-size: clamp(32px, 3.2vw, 47px); margin-top: 23px; max-width: 440px; line-height: 1.08; text-wrap: balance; }
.rc-register .reg-story-intro { margin-top: 18px; max-width: 310px; color: #bccddb; font-size: 15px; }
.rc-register .reg-story-bottom { padding: 30px 38px; }
.rc-register .reg-story-bottom p { max-width: 300px; font-size: 19px; line-height: 1.4; font-weight: 500; }
.rc-register .reg-story-bottom > span:last-child { display: block; color: var(--reg-muted); font-size: 11px; margin-top: 14px; }
.rc-register .reg-panel { background: linear-gradient(145deg, #142334, #0e1825 65%); border: 1px solid #2a3b4d; border-radius: 18px; padding: 32px 36px; min-width: 0; box-shadow: 0 20px 70px #0002; }
.rc-register .reg-progress { display: flex; list-style: none; padding: 0 0 26px; margin: 0 0 30px; border-bottom: 1px solid var(--reg-line); justify-content: space-between; gap: 10px; }
.rc-register .reg-progress li { display: flex; align-items: center; gap: 8px; color: #94a8bb; font-size: 11px; font-weight: 600; }
.rc-register .reg-step-number { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; flex-shrink: 0; border: 1px solid #385063; border-radius: 50%; font: 11px/1 monospace; }
.rc-register .reg-progress .is-current { color: var(--reg-ink); }
.rc-register .is-current .reg-step-number { background: #78deed; border-color: #78deed; color: #09202c; box-shadow: 0 0 0 4px #78deed10; }
.rc-register .reg-progress .is-done { color: var(--reg-good); }
.rc-register .is-done .reg-step-number { border-color: #93e6b956; background: #93e6b910; color: var(--reg-good); }
.rc-register .reg-heading { margin-bottom: 28px; }
.rc-register .reg-heading .reg-eyebrow { margin-bottom: 10px; }
.rc-register .reg-heading h2, .rc-register .reg-complete h2 { font-size: 30px; text-wrap: balance; }
.rc-register .reg-heading > p:last-child { margin-top: 12px; font-size: 14px; line-height: 1.6; color: var(--reg-muted); }
.rc-register .reg-form { display: block; width: 100%; max-width: none; background: none; border: 0; border-radius: 0; padding: 0; margin: 0; box-shadow: none; }
.rc-register .reg-section { border: 0; padding: 0 0 24px; margin: 0 0 23px; min-width: 0; border-bottom: 1px solid #293d5080; }
.rc-register .reg-section > legend { float: none; display: flex; align-items: center; gap: 8px; width: auto; margin: 0 0 18px; color: #c2d3e4; font-size: 10px; font-weight: 650; letter-spacing: .13em; text-transform: uppercase; }
.rc-register .reg-section > legend i { font-size: 15px; color: #93bdd3; }
.rc-register .reg-no-email, .rc-register .reg-confidential { display: flex; align-items: flex-start; gap: 12px; padding: 15px 16px; margin-bottom: 22px; border: 1px solid #35576b; border-radius: 10px; background: #142c3a80; }
.rc-register .reg-no-email > i, .rc-register .reg-confidential > i { flex: 0 0 auto; color: #82d7e9; font-size: 20px; }
.rc-register .reg-no-email p, .rc-register .reg-confidential p { margin: 0; }
.rc-register .reg-no-email strong, .rc-register .reg-confidential strong { display: block; color: #e5f5ff; font-size: 13px; margin-bottom: 4px; }
.rc-register .reg-no-email span, .rc-register .reg-confidential span { display: block; color: var(--reg-muted); font-size: 12px; line-height: 1.6; }
.rc-register .reg-confidential { border-color: #8b6a3d; background: #674b2429; }
.rc-register .reg-confidential > i { color: #efc482; }
.rc-register .reg-field { min-width: 0; }
.rc-register .reg-field > label, .rc-register .reg-language-group legend { display: block; margin-bottom: 8px; color: #edf5ff; font-size: 13px; font-weight: 600; letter-spacing: 0; }
.rc-register .reg-field-meta { display: block; font-size: 11px; font-weight: 400; color: var(--reg-muted); margin-top: 2px; }
.rc-register .reg-input { display: block; width: 100%; min-width: 0; height: 47px; border: 1px solid #3b5064; border-radius: 8px; color: #f3f8ff; background: #09131f; padding: 10px 13px; font: 14px/1.4 'Segoe UI', Arial, sans-serif; transition: border-color .15s, background .15s; box-shadow: none; }
.rc-register .reg-input:hover { border-color: #5f819b; }
.rc-register .reg-input:focus { border-color: var(--reg-cyan); outline: 0; box-shadow: 0 0 0 3px #78deed17; background: #0c1a29; }
.rc-register .reg-input::placeholder { color: #8399ad; opacity: 1; }
.rc-register .reg-input[aria-invalid="true"] { border-color: #ed8793; }
.rc-register .reg-input.is-valid { border-color: #518e84; }
.rc-register .reg-input:-webkit-autofill { -webkit-text-fill-color: #edf5ff; -webkit-box-shadow: 0 0 0 1000px #112839 inset; caret-color: #edf5ff; }
.rc-register select.reg-input { color-scheme: dark; padding-right: 26px; }
.rc-register .reg-hint { font-size: 11px; line-height: 1.6; color: var(--reg-muted); margin-top: 7px; }
.rc-register .reg-field-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; margin-top: 19px; }
.rc-register .reg-password { position: relative; }
.rc-register .reg-password .reg-input { padding-right: 48px; }
.rc-register .reg-eye { position: absolute; display: grid; place-items: center; right: 1px; top: 1px; bottom: 1px; width: 44px; height: auto; margin: 0; padding: 0; border: 0; border-left: 1px solid #293d5060; border-radius: 0 7px 7px 0; background: transparent; color: #a3bed1; font-size: 17px; box-shadow: none; transform: none; cursor: pointer; }
.rc-register .reg-eye:hover, .rc-register .reg-eye[aria-pressed="true"] { background: #78deed12; color: #b3f5ff; box-shadow: none; transform: none; }
.rc-register .reg-feedback { color: var(--reg-bad); font-size: 11px; line-height: 1.5; margin: 6px 0 0; }
.rc-register .reg-feedback:empty { display: none; }
.rc-register .reg-feedback.is-success { color: var(--reg-good); }
.rc-register .reg-feedback:not(:empty)::before { content: '·'; margin-right: 5px; font-weight: 700; }
.rc-register .reg-language-group { padding: 0; border: 0; margin: 19px 0 0; min-width: 0; }
.rc-register .reg-language-group legend { float: none; width: auto; }
.rc-register .reg-language-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.rc-register .reg-language { position: relative; display: block; cursor: pointer; margin: 0; }
.rc-register .reg-language input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.rc-register .reg-language-body { display: flex; align-items: center; gap: 11px; min-height: 75px; height: 100%; padding: 12px; border: 1px solid #3b5064; border-radius: 9px; background: #0b1622; transition: border-color .15s, background .15s; }
.rc-register .reg-language-body strong { display: block; font-size: 12px; font-weight: 600; line-height: 1.4; color: var(--reg-ink); }
.rc-register .reg-language-body small { font-size: 9px; color: var(--reg-muted); letter-spacing: .1em; }
.rc-register .reg-flag { width: 30px; height: 20px; flex-shrink: 0; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px #ffffff20; }
.rc-register .reg-language-body > i { margin-left: auto; color: #436177; font-size: 14px; }
.rc-register .reg-language input:checked + .reg-language-body { border-color: #78deed; background: linear-gradient(120deg, #173444, #132432); box-shadow: inset 0 0 0 1px #78deed20; }
.rc-register .reg-language input:checked + .reg-language-body > i { color: var(--reg-cyan); }
.rc-register .reg-language input:focus-visible + .reg-language-body { outline: 2px solid var(--reg-cyan); outline-offset: 4px; }
.rc-register .reg-language:hover .reg-language-body { border-color: #78deedaa; }
.rc-register .reg-referral { margin-top: 21px; }
.rc-register .reg-optional { font-size: 10px; font-weight: 400; color: var(--reg-muted); }
.rc-register .reg-agreements { display: grid; gap: 10px; }
.rc-register .reg-check { display: flex; gap: 12px; align-items: flex-start; margin: 0; padding: 14px; background: #15263899; border: 1px solid #334c62; border-radius: 9px; color: #d2e1ee; cursor: pointer; font-size: 12px; line-height: 1.6; transition: border-color .15s, background .15s; }
.rc-register .reg-check:hover { border-color: #6597b0; }
.rc-register .reg-check:has(input:checked) { background: #16354466; border-color: #538d9e; }
.rc-register .reg-check:has(input:focus-visible) { outline: 2px solid var(--reg-cyan); outline-offset: 3px; }
.rc-register .reg-check input { appearance: none; display: grid; place-content: center; width: 24px; height: 24px; min-width: 24px; margin: 1px 0 0; cursor: pointer; border: 1px solid #7896aa; border-radius: 6px; background: #0a1723; }
.rc-register .reg-check input::before { content: ''; width: 11px; height: 7px; border-left: 2px solid #071b28; border-bottom: 2px solid #071b28; transform: translateY(-1px) rotate(-45deg) scale(0); }
.rc-register .reg-check input:checked { background: var(--reg-cyan); border-color: var(--reg-cyan); }
.rc-register .reg-check input:checked::before { transform: translateY(-1px) rotate(-45deg) scale(1); }
.rc-register .reg-check input[aria-invalid="true"] { outline: 2px solid var(--reg-bad); outline-offset: 2px; }
.rc-register .reg-check strong { font-weight: 500; }
.rc-register .reg-check small { display: block; color: var(--reg-muted); font-size: 11px; margin-top: 2px; }
.rc-register .reg-check a { text-decoration: underline; text-underline-offset: 3px; }
.rc-register .reg-captcha { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px; margin: 20px 0; padding: 16px 12px; border: 1px dashed #3b5165; border-radius: 9px; background: #080f1880; }
.rc-register .reg-captcha-label { display: flex; align-items: center; gap: 11px; width: 100%; }
.rc-register .reg-captcha-label > i { font-size: 23px; color: #8cb8d0; }
.rc-register .reg-captcha-label strong, .rc-register .reg-captcha-label small { display: block; }
.rc-register .reg-captcha-label strong { font-size: 12px; font-weight: 500; }
.rc-register .reg-captcha-label small { font-size: 11px; color: var(--reg-muted); }
.rc-register .h-captcha { line-height: 0; min-height: 78px; margin: 0; }
.rc-register .reg-captcha .reg-feedback { width: 100%; margin: 0; }
.rc-register .reg-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: auto; min-height: 43px; padding: 11px 16px; border: 1px solid transparent; border-radius: 8px; font: 600 12px/1.5 'Segoe UI', Arial, sans-serif; letter-spacing: 0; text-transform: none; text-decoration: none; box-shadow: none; transform: none; margin: 0; cursor: pointer; transition: background .15s, border-color .15s; }
.rc-register .reg-button:hover { transform: none; box-shadow: none; }
.rc-register .reg-button-primary { min-height: 51px; width: 100%; background: #83dfeb; border-color: #a2eff7; color: #071b28; font-size: 14px; }
.rc-register .reg-button-primary:hover { background: #b3f4fa; color: #071b28; border-color: #d7fbff; }
.rc-register .reg-button-primary > i { margin-left: auto; font-size: 18px; }
.rc-register .reg-button-primary > span { margin-right: auto; }
.rc-register .reg-button[aria-disabled="true"] { opacity: .7; cursor: progress; }
.rc-register .reg-button:disabled { background: #243646; border-color: #3c5265; color: #a1b4c6; opacity: .7; cursor: not-allowed; }
.rc-register .reg-button-secondary { border-color: #659da9; color: var(--reg-cyan); background: #17303e; }
.rc-register .reg-button-secondary:hover { color: #cbfbff; background: #244757; }
.rc-register .reg-button-quiet { background: #182937; border-color: #324c60; color: #d2e5f2; }
.rc-register .reg-button-quiet:hover { background: #223c4e; color: #fff; }
.rc-register .reg-action-hint { color: var(--reg-muted); font-size: 11px; text-align: center; margin-top: 11px; }
.rc-register .reg-alert { padding: 16px; background: #152e40; border: 1px solid #39596e; border-radius: 9px; margin-bottom: 22px; font-size: 13px; }
.rc-register .reg-alert a { display: block; margin-top: 5px; text-decoration: underline; text-underline-offset: 3px; }
.rc-register .reg-alert-error { border-color: #9b5262; background: #3e203077; color: #ffd9df; }
.rc-register .reg-alert ul { padding-left: 18px; margin: 8px 0 0; }
.rc-register .reg-code-card { padding: 24px 18px 20px; background: radial-gradient(ellipse at top, #21425499, transparent 85%), #091722; border: 1px solid #4b7689; border-radius: 12px; text-align: center; }
.rc-register .reg-code-top { display: flex; align-items: center; justify-content: center; gap: 8px; color: #9dc6d7; font-size: 9px; letter-spacing: .12em; margin-bottom: 19px; }
.rc-register .reg-code-top > i { color: var(--reg-cyan); font-size: 22px; }
.rc-register .reg-code-card h3 { color: #d2e6f2; font: 500 13px/1.5 'Segoe UI', Arial, sans-serif; letter-spacing: 0; }
.rc-register .reg-secret { display: block; padding: 20px 0; color: #eeffff; font: 500 clamp(18px, 2.25vw, 29px)/1.5 ui-monospace, 'Cascadia Code', monospace; letter-spacing: .12em; user-select: all; overflow-wrap: anywhere; }
.rc-register .reg-code-card > p { font-size: 11px; color: #b2cbd9; max-width: 330px; margin: auto; }
.rc-register .reg-code-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 21px; }
.rc-register .reg-code-card #commanderKeyActionStatus { margin: 12px 0 0; max-width: none; color: var(--reg-bad); }
.rc-register .reg-code-card #commanderKeyActionStatus.is-success { color: var(--reg-good); }
.rc-register .reg-backup-notes { padding: 25px 0; }
.rc-register .reg-backup-notes h3 { font: 600 14px/1.5 'Segoe UI', Arial, sans-serif; letter-spacing: 0; margin-bottom: 17px; }
.rc-register .reg-backup-notes p { display: flex; gap: 12px; color: var(--reg-muted); font-size: 12px; margin: 12px 0; }
.rc-register .reg-backup-notes i { color: #87bfd0; font-size: 17px; }
.rc-register #saveKeyForm .reg-button { margin-top: 18px; }
.rc-register .reg-back { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 23px; font-size: 12px; min-height: 38px; }
.rc-register .reg-verify-emblem { display: flex; align-items: center; justify-content: center; width: 91px; height: 91px; border: 1px solid #78deed44; border-radius: 24px; color: var(--reg-cyan); background: radial-gradient(circle, #78deed12, #78deed05); font-size: 40px; margin: 36px auto; }
.rc-register .commander-key-code-boxes { max-width: none; margin: 13px 0; }
.rc-register .commander-key-code-slot { height: 47px; border: 1px solid #39556c; background: #0a1522; border-radius: 5px; font-size: 20px; }
.rc-register .commander-key-code-slot.is-filled { border-color: #6fb7c8; background: #162e40; }
.rc-register #verifyKeyForm .reg-button { margin-top: 25px; }
.rc-register .reg-complete { padding: 0 0 18px; text-align: center; }
.rc-register .reg-complete .reg-eyebrow { justify-content: center; margin-bottom: 14px; }
.rc-register .reg-complete > p:not(.reg-eyebrow) { color: var(--reg-muted); margin-top: 17px; font-size: 14px; }
.rc-register .reg-complete .reg-emblem-success { color: var(--reg-good); border-color: #93e6b955; background: #93e6b90a; border-radius: 50%; }
.rc-register .reg-complete-checks { display: grid; gap: 12px; text-align: left; padding: 23px; margin: 28px 0; border: 1px solid var(--reg-line); border-radius: 10px; background: #0c1825; }
.rc-register .reg-complete-checks span { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.rc-register .reg-complete-checks i { color: var(--reg-good); }
.rc-register .reg-complete > .reg-button { margin-top: 24px; }
.rc-register .reg-complete-checks + .reg-button { margin-top: 0; }
.rc-register .reg-complete > p.reg-action-hint { font-size: 11px; }
.rc-register .reg-footer { max-width: 1320px; margin: auto; padding: 27px 0 30px; display: flex; justify-content: space-between; gap: 16px; font-size: 10px; color: #94a8bc; }
.rc-register .reg-footer a { color: #a1b8cb; }
@media (min-width: 1400px) {
    .rc-register .reg-captcha { justify-content: space-between; flex-wrap: wrap; gap: 10px; }
    .rc-register .reg-captcha-label { width: 185px; }
}
@media (max-width: 1100px) {
    html.public-site body.rc-register { padding: 0 22px; }
    .rc-register .reg-layout { grid-template-columns: minmax(0,.7fr) minmax(0,1fr); gap: 18px; }
    .rc-register .reg-story-top, .rc-register .reg-story-bottom { padding: 30px 25px; }
    .rc-register .reg-story h1 { font-size: 36px; }
    .rc-register .reg-story .reg-eyebrow { font-size: 9px; }
    .rc-register .reg-panel { padding: 28px 24px; }
    .rc-register .reg-heading h2 { font-size: 27px; }
    .rc-register .reg-language-body { gap: 8px; padding: 11px; }
    .rc-register .reg-language-body > i { display: none; }
}
@media (max-width: 800px) {
    .rc-register .reg-layout { display: block; max-width: 620px; }
    .rc-register .reg-topbar { max-width: 620px; min-height: 88px; }
    .rc-register .reg-story { position: relative; top: auto; min-height: 0; height: 225px; margin-bottom: 18px; border-radius: 13px; }
    .rc-register .reg-story-image { object-position: center 43%; }
    .rc-register .reg-story::after { background: linear-gradient(90deg, #081422f5, #081422c4 45%, #08142225); }
    .rc-register .reg-story-top { padding: 25px; max-width: 360px; }
    .rc-register .reg-story h1 { font-size: 30px; max-width: 300px; margin-top: 15px; }
    .rc-register .reg-story-intro { font-size: 12px; margin-top: 12px; max-width: 250px; }
    .rc-register .reg-story-bottom { display: none; }
    .rc-register .reg-footer { max-width: 620px; }
    .rc-register[data-registration-step="display"] .reg-story,
    .rc-register[data-registration-step="verify"] .reg-story,
    .rc-register[data-registration-step="complete"] .reg-story { display: none; }
    .rc-register .reg-secret { font-size: 28px; }
}
@media (max-width: 480px) {
    html.public-site body.rc-register { padding: 0 12px; }
    .rc-register .reg-topbar { min-height: 79px; gap: 8px; }
    .rc-register .reg-brand img { width: 47px; height: 47px; }
    .rc-register .reg-brand { gap: 3px; }
    .rc-register .reg-brand > span { font-size: 14px; }
    .rc-register .reg-brand > span > span { font-size: 8px; }
    .rc-register .reg-signin > span { display: none; }
    .rc-register .reg-signin a { font-size: 11px; padding: 9px 11px; }
    .rc-register .reg-story { height: 207px; margin-bottom: 12px; }
    .rc-register .reg-story-top { padding: 22px; }
    .rc-register .reg-story h1 { font-size: 29px; }
    .rc-register .reg-panel { padding: 23px 19px; border-radius: 13px; }
    .rc-register .reg-progress { gap: 6px; margin-bottom: 25px; padding-bottom: 21px; }
    .rc-register .reg-progress li { gap: 5px; font-size: 10px; }
    .rc-register .reg-step-number { width: 24px; height: 24px; font-size: 10px; }
    .rc-register .reg-heading h2, .rc-register .reg-complete h2 { font-size: 27px; }
    .rc-register .reg-field-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
    .rc-register .reg-input { font-size: 16px; }
    .rc-register .reg-language-grid { gap: 8px; }
    .rc-register .reg-language-body { gap: 8px; padding: 10px; }
    .rc-register .reg-language-body strong { font-size: 11px; }
    .rc-register .reg-flag { font-size: 22px; }
    .rc-register .reg-captcha { margin-inline: -8px; padding-inline: 6px; }
    .rc-register .reg-captcha-label { padding-inline: 7px; }
    .rc-register .reg-code-card { padding-inline: 12px; }
    .rc-register .reg-secret { font-size: clamp(18px, 5.5vw, 25px); letter-spacing: .06em; }
    .rc-register .reg-code-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .rc-register .reg-code-actions #copyButton { grid-column: 1 / -1; }
    .rc-register .commander-key-code-boxes.is-enhanced .commander-key-code-slots { grid-template-columns: repeat(7,minmax(0,1fr)) .25rem repeat(7,minmax(0,1fr)); gap: 2px; }
    .rc-register .commander-key-code-gap { width: .25rem; }
    .rc-register .commander-key-code-slot { font-size: 16px; height: 41px; border-radius: 4px; }
    .rc-register .reg-footer { flex-direction: column; text-align: center; gap: 8px; padding-block: 23px; }
}
@media (max-width: 359px) {
    html.public-site body.rc-register { padding: 0 6px; }
    .rc-register .reg-panel { padding-inline: 12px; }
    .rc-register .reg-captcha { border-inline: 0; margin-inline: -12px; padding-inline: 0; }
    .rc-register .reg-language-body { padding-inline: 8px; }
    .rc-register .reg-flag { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .rc-register *, .rc-register *::before, .rc-register *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
    .rc-register .reg-check input { appearance: auto; }
    .rc-register .reg-check input::before { display: none; }
    .rc-register .reg-language input:checked + .reg-language-body { outline: 2px solid Highlight; }
}
@media print {
    .rc-register .reg-confidential, .rc-register .reg-code-screen-hint { display: none !important; }
    html.public-site body.rc-register { background: #fff; color: #000; padding: 24px; }
    .rc-register .reg-topbar, .rc-register .reg-story, .rc-register .reg-progress, .rc-register .reg-heading, .rc-register .reg-backup-notes, .rc-register .reg-form, .rc-register .reg-back, .rc-register .reg-footer, .rc-register .reg-code-actions, .rc-register #commanderKeyActionStatus, .rc-register .reg-alert { display: none !important; }
    .rc-register .reg-layout { display: block; }
    .rc-register .reg-panel { background: none; box-shadow: none; border: 0; padding: 0; }
    .rc-register .reg-code-card { background: #fff; border: 2px solid #222; color: #000; padding: 35px; break-inside: avoid; }
    .rc-register .reg-code-card::before { content: 'RELIC COMMANDER'; display: block; font-size: 20px; font-weight: 700; margin-bottom: 20px; }
    .rc-register .reg-code-card h3, .rc-register .reg-code-card p, .rc-register .reg-code-top, .rc-register .reg-code-top > i, .rc-register .reg-secret { color: #000; }
    .rc-register .reg-secret { font-size: 30px; }
}