.registration-nav { background: rgba(0, 22, 46, .96); }

.registration-page {
    min-height: calc(100vh - 64px);
    display: grid;
    place-items: center;
    position: relative;
    overflow: hidden;
    padding: 150px 0 90px;
    background: var(--deep);
    color: #fff;
}

.registration-content { position: relative; z-index: 1; max-width: 860px; text-align: center; }
.registration-content .eyebrow { justify-content: center; }
.registration-content h1 { font-size: clamp(3rem, 7vw, 6.2rem); }
.registration-copy { max-width: 640px; margin: 0 auto 30px; color: #d7dfeb; font-size: 1.1rem; line-height: 1.85; text-align: center; }
.construction-note { display: inline-flex; align-items: center; gap: 10px; margin: 0 auto 32px; padding: 13px 18px; border: 1px solid rgba(214, 167, 44, .58); color: var(--gold); font: 600 .82rem 'DM Mono', monospace; text-transform: uppercase; letter-spacing: .7px; }
.construction-note i { font-size: 1.15rem; }
.back-link { color: #fff; font: 700 .68rem/1 Manrope, sans-serif; letter-spacing: .6px; text-decoration: none; text-transform: uppercase; }
.back-link:hover { color: var(--gold); }
.registration-page + footer { background: var(--deep); color: #c8d7ea; border-top: 1px solid rgba(255,255,255,.1); }
html[dir="rtl"] .registration-copy, html[dir="rtl"] .construction-note { font-family: 'IBM Plex Sans Arabic', sans-serif; letter-spacing: 0; }
html[dir="rtl"] .registration-content h1 { letter-spacing: 0; }
html[dir="rtl"] .back-link i, html[dir="rtl"] .btn-gold i { display: inline-block; transform: scaleX(-1); }

@media (max-width: 650px) {
    .registration-nav .navbar-brand small { display: none; }
    .back-link { font-size: 0; }
    .back-link i { font-size: 1.1rem; }
    .registration-page { padding: 130px 22px 70px; }
    .registration-copy { font-size: 1rem; }
    .construction-note { font-size: .72rem; }
}