/* Original generated backgrounds; overlays only protect the existing UI contrast. */
html:has(.registration-preview) { background: #092d65; }
.registration-preview {
    --register-image: url('/images/registration/northern-lights.jpg');
    --register-copy: #fff;
    --register-muted: #e3eeff;
    --register-accent: #d4e7ff;
    --register-overlay: linear-gradient(90deg, rgba(2, 10, 30, .45), rgba(2, 10, 30, .22));
    --register-border: rgba(255, 255, 255, .3);
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    color: var(--register-copy);
}
.registration-preview::before, .registration-preview::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -2;
}
.registration-preview::before { background: #092d65 var(--register-image) center / cover no-repeat; }
.registration-preview::after { background: var(--register-overlay); z-index: -1; }
.registration-preview .wrap { width: 100%; }
.registration-preview .site-header { height: 100px; }
.registration-preview .site-header > a:last-child { color: var(--register-copy); font-size: 14px; }
.registration-preview .brand .logo-on-light { display: none; }
.registration-preview .auth-shell { flex: 1; min-height: 0; padding-top: 45px; padding-bottom: 65px; gap: 90px; }
.registration-preview .auth-copy .eyebrow { color: var(--register-accent); }
.registration-preview .auth-copy p { color: var(--register-muted); }
.registration-preview .auth-copy strong { color: var(--register-accent); }
.registration-preview .form-card {
    color: var(--ink);
    border-color: rgba(255, 255, 255, .85);
    border-radius: 20px;
    box-shadow: 0 24px 80px rgba(6, 19, 46, .18);
}
.registration-preview .site-footer { margin-top: auto; border-color: var(--register-border); padding-top: 22px; padding-bottom: 28px; }
.registration-preview .site-footer a { color: var(--register-muted); }
@media (max-width: 1000px) { .registration-preview .auth-shell { gap: 35px; } .registration-preview .auth-copy h1 { font-size: 44px; } }
@media (max-width: 850px) {
    .registration-preview .auth-shell { padding-top: 22px; padding-bottom: 32px; }
    .registration-preview .site-header { height: 90px; }
    .registration-preview .form-card { padding: 26px 22px; }
}