/* Registration page in the same dark violet palette as the client area. */
body.page-clientregister {
    --register-surface: var(--nh-surface-1b1927, #1b1927);
    --register-raised: var(--nh-raised-242135, #242135);
    --register-border: var(--nh-border-4b3b61, #4b3b61);
    --register-text: var(--nh-text-f7f4ff, #f7f4ff);
    --register-muted: var(--nh-muted-c7bed7, #c7bed7);
    --register-purple: var(--nh-purple-b676f4, #b676f4);
    --register-pink: var(--nh-pink-f277c5, #f277c5);
    background: var(--nh-bg-111019, #111019);
    color: var(--register-text);
}

body.page-clientregister .main-body {
    min-height: 100vh;
    background: radial-gradient(circle at 12% 0%, rgba(135, 71, 184, .18), transparent 35%),
                radial-gradient(circle at 95% 85%, rgba(213, 87, 166, .12), transparent 34%),
                var(--nh-bg-111019, #111019) !important;
}

body.page-clientregister .login.login-lg {
    width: min(860px, calc(100% - 32px));
    max-width: none;
}

body.page-clientregister .login-header {
    margin-bottom: 30px;
}

body.page-clientregister .login-header .logo-login {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 15px;
    background: var(--nh-surface-f4eefa, #f4eefa);
    box-shadow: 0 9px 30px var(--nh-alpha-0-0-0-p2, rgba(0, 0, 0, .2));
}

body.page-clientregister .login-wrapper {
    background: var(--register-surface);
    border: 1px solid var(--register-border);
    border-radius: 18px;
    box-shadow: 0 22px 65px var(--nh-alpha-0-0-0-p25, rgba(0, 0, 0, .25));
    overflow: hidden;
    color: var(--register-text);
}

body.page-clientregister .login-body,
body.page-clientregister .login-footer {
    color: var(--register-text);
}

body.page-clientregister .login-title {
    color: var(--register-text);
    font-weight: 750;
    letter-spacing: -.025em;
}

body.page-clientregister #registration .section-title {
    color: var(--register-text);
    font-weight: 700;
}

body.page-clientregister #registration .section-header {
    padding-left: 16px;
    border-left: 3px solid var(--register-purple);
}

body.page-clientregister #registration .section-desc,
body.page-clientregister #registration .text-muted,
body.page-clientregister #registration .text-light,
body.page-clientregister #registration .password-strength-text,
body.page-clientregister #registration .help-block {
    color: var(--register-muted);
}

body.page-clientregister #registration .form-group label,
body.page-clientregister #registration .label-required,
body.page-clientregister #registration .control-label {
    color: var(--nh-text-e4dcef, #e4dcef);
    font-weight: 600;
}

body.page-clientregister #registration .form-control,
body.page-clientregister #registration .custom-select {
    background: var(--nh-surface-211d2e, #211d2e);
    border: 1px solid var(--nh-border-635076, #635076);
    border-radius: 10px;
    color: var(--register-text);
    box-shadow: none;
}

body.page-clientregister #registration .form-control::placeholder {
    color: var(--nh-muted-b4a9c4, #b4a9c4);
}

body.page-clientregister #registration .form-control:focus,
body.page-clientregister #registration .custom-select:focus {
    border-color: var(--register-purple);
    box-shadow: 0 0 0 3px rgba(182, 118, 244, .2);
}

body.page-clientregister #registration select option {
    background: var(--nh-surface-211d2e, #211d2e);
    color: var(--register-text);
}

body.page-clientregister #registration .intl-tel-input .selected-flag {
    background: var(--nh-raised-2b243a, #2b243a);
    color: var(--register-text);
    border-radius: 10px 0 0 10px;
}

body.page-clientregister #registration .intl-tel-input .country-list {
    background: var(--nh-surface-211d2e, #211d2e);
    border-color: var(--register-border);
    color: var(--register-text);
}

body.page-clientregister #registration .intl-tel-input .country-list .country:hover,
body.page-clientregister #registration .intl-tel-input .country-list .country.highlight {
    background: var(--nh-raised-3c2c53, #3c2c53);
}

body.page-clientregister #registration .login-divider {
    color: var(--register-muted);
    border-color: var(--register-border);
}

body.page-clientregister #registration a,
body.page-clientregister .login-footer a {
    color: var(--register-purple);
}

body.page-clientregister #registration a:hover,
body.page-clientregister .login-footer a:hover {
    color: var(--register-pink);
}

body.page-clientregister #registration .btn-primary,
body.page-clientregister #registration .form-actions .btn-primary {
    background: linear-gradient(110deg, #a66cf0, #e871bd);
    border: 1px solid var(--nh-border-d28ae5, #d28ae5);
    color: #1d1127;
    font-weight: 700;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(168, 93, 215, .2);
}

body.page-clientregister #registration .btn-primary:hover {
    background: linear-gradient(110deg, #bd83f8, #f58ad2);
    color: #1d1127;
}

body.page-clientregister #registration .btn-default {
    background: var(--nh-raised-30283f, #30283f);
    border-color: var(--nh-border-68537b, #68537b);
    color: var(--register-text);
}

body.page-clientregister #registration .btn-default:hover {
    background: var(--nh-raised-413252, #413252);
    color: var(--nh-text-fff, #fff);
}

body.page-clientregister #registration .panel,
body.page-clientregister #registration .alert-lagom {
    background: var(--register-raised);
    border-color: var(--register-border);
    color: var(--register-text);
}

body.page-clientregister #registration .progress {
    background: var(--nh-raised-3c3150, #3c3150);
}

body.page-clientregister .login-footer {
    background: var(--nh-surface-211d2f, #211d2f);
    border-top: 1px solid var(--register-border);
}

body.page-clientregister .login-footer .text-light {
    color: var(--register-muted) !important;
}

@media (max-width: 767px) {
    body.page-clientregister .login.login-lg {
        width: calc(100% - 24px);
    }

    body.page-clientregister .login-body {
        padding: 26px 20px;
    }
}