/* Public registration page, matched to the Livvent home page palette. */
body[data-page="registration"] {
    min-height: 100vh;
    background: radial-gradient(ellipse at 50% 0, #F8EED580, transparent 48%), #FCFAF5;
    color: #1A2530;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.registration-main { min-height: 100vh; }
.reg-wrap {
    min-height: 0;
    padding: 40px 24px 72px;
    align-items: flex-start;
}
.reg-card {
    max-width: 1040px;
    border: 1px solid #E0E6ED;
    border-radius: 20px;
    box-shadow: 0 18px 52px #004B8710;
}
.reg-header {
    position: relative;
    padding: 38px 32px 32px;
    color: #1A2530;
    background: radial-gradient(ellipse at 85% 10%, #E8C87255, transparent 48%), linear-gradient(135deg, #FFFFFF, #FCFAF5);
    border-bottom: 1px solid #E0E6ED;
}
.registration-language-toggle {
    position: absolute;
    top: 18px;
    inset-inline-end: 20px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 7px 12px;
    border: 1px solid #E0E6ED;
    border-radius: 999px;
    background: #FFFFFF;
    color: #004B87;
    font: inherit;
    font-size: .86rem;
    font-weight: 600;
    cursor: pointer;
}
.registration-language-toggle:hover { background: #FFF7DF; border-color: #C59B27; }
html[dir=rtl] .registration-language-toggle { direction: ltr; }
html[dir=rtl] body[data-page="registration"] .reg-body,
html[dir=rtl] body[data-page="registration"] .reg-header,
html[dir=rtl] body[data-page="registration"] .plan-card,
html[dir=rtl] body[data-page="registration"] .service-card { text-align: right; }
html[dir=rtl] body[data-page="registration"] .plan-name { margin: 4px 28px 6px 0; }
html[dir=rtl] body[data-page="registration"] .plan-check { left: auto; right: 14px; }
html[dir=rtl] body[data-page="registration"] .popular-badge { right: auto; left: 16px; }
html[dir=rtl] body[data-page="registration"] .billing-toggle-group { direction: rtl; }
html[dir=rtl] body[data-page="registration"] .plan-features { padding-right: 0; }
html[dir=rtl] body[data-page="registration"] .form-check { padding-left: 0; padding-right: 1.5em; }
html[dir=rtl] body[data-page="registration"] .form-check .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; }
html[dir=rtl] body[data-page="registration"] .form-select { background-position: left .75rem center; }
.reg-eyebrow {
    display: block;
    margin-bottom: 10px;
    color: #004B87;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .09em;
}
.reg-header h1 {
    margin-bottom: 8px;
    color: #004B87;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
    font-weight: 700;
    font-weight: 700 !important;
    letter-spacing: -.025em;
}
.reg-header p { color: #616B78; opacity: 1; }
.reg-body { padding: 34px 32px; }
.section-title {
    color: #004B87;
    border-color: #C59B27;
}
.services-grid { gap: 16px; }
.service-card {
    border-color: #E0E6ED;
    border-radius: 14px;
    background: linear-gradient(145deg, #FFFFFF 12%, #FCFAF5 65%, #E8C87220);
}
.service-card:hover, .service-card.selected {
    border-color: #C59B27;
    background: linear-gradient(145deg, #FFFFFF, #FFF7DF);
}
.service-card .service-icon { color: #004B87; }
.plan-card {
    border-color: #E0E6ED;
    border-radius: 14px;
    background: linear-gradient(145deg, #FFFFFF 12%, #FCFAF5 65%, #E8C87220);
}
.plan-label:hover .plan-card { border-color: #C59B27; box-shadow: 0 10px 28px #004B8712; }
.plan-label input[type=radio]:checked + .plan-card {
    border-color: #C59B27;
    background: linear-gradient(145deg, #FFFFFF, #FFF7DF);
    box-shadow: 0 10px 28px #C59B2718;
}
.plan-label.is-popular .plan-card { border-color: #C59B27; }
.plan-label.is-popular input[type=radio]:checked + .plan-card { background: linear-gradient(145deg, #FFFFFF, #FFF4D2); }
.popular-badge { background: #C59B27; color: #1A2530; }
.billing-toggle-group { background: #F4F6F8; }
.billing-option.active { background: #004B87; color: #FFFFFF; }
.billing-option:not(.active):hover { background: #E8C87255; }
.plan-price { color: #004B87; }
.plan-commission { background: #E8C87235; color: #004B87; }
.plan-label.is-popular .plan-commission { background: #E8C87255; color: #004B87; }
.plan-features { color: #1A2530; }
.plan-features li::before { color: #C59B27; }
.save-badge { background: #E8C872; color: #1A2530; }
.form-control:focus, .form-select:focus { border-color: #C59B27; box-shadow: 0 0 0 .2rem #C59B2726; }
.btn-register { background: #C59B27; color: #1A2530; border-radius: 100px; }
.btn-register:hover { background: #B38A1F; color: #FFFFFF; box-shadow: 0 10px 24px #C59B2738; }
.registration-main .text-muted { color: #616B78 !important; }

@media (max-width: 760px) {
    .reg-wrap { padding: 22px 14px 48px; }
    .reg-card { border-radius: 16px; }
    .reg-header { padding: 68px 20px 24px; }
    .reg-body { padding: 24px 20px; }
    .reg-eyebrow { font-size: .68rem; }
}