body.auth-page.register-page {
    min-height:100vh;
    min-height:100dvh;
    color:#17243a;
    background:radial-gradient(ellipse at 50% 20%, #102b52 0%, #081a36 45%, #06122d 100%);
}

body.auth-page.register-page .registration-page {
    width:100%;
    min-height:100vh;
    min-height:100dvh;
    display:grid;
    place-items:center;
    padding:32px 16px;
}

body.auth-page.register-page .registration-card {
    width:min(100%, 760px);
    min-width:0;
    padding:clamp(20px, 4vw, 36px);
    color:#17243a;
    background:#fff;
    border:1px solid rgba(255,255,255,.72);
    border-radius:24px;
    box-shadow:0 24px 70px rgba(0,0,0,.28);
}

body.auth-page.register-page .registration-heading { margin-bottom:24px; text-align:center; }
body.auth-page.register-page .registration-logo { width:58px; height:58px; display:grid; place-items:center; overflow:hidden; margin:0 auto 14px; border-radius:17px; background:#075fe8; box-shadow:0 5px 14px rgba(0,0,0,.14); }
body.auth-page.register-page .registration-logo img { display:block; width:100%; height:100%; max-width:none; object-fit:contain; transform:scale(1.1); }
body.auth-page.register-page .registration-kicker { color:#1268ee; font-size:11px; font-weight:750; letter-spacing:.11em; text-transform:uppercase; }
body.auth-page.register-page .registration-heading h1 { margin:6px 0; color:#14243c; font-size:clamp(24px, 5vw, 30px); line-height:1.2; letter-spacing:-.035em; }
body.auth-page.register-page .registration-heading p { margin:0; color:#68768a; font-size:14px; }

body.auth-page.register-page .registration-form { display:grid; gap:16px; min-width:0; }
body.auth-page.register-page .registration-form fieldset { min-width:0; margin:0; padding:18px; border:1px solid #e1e7f0; border-radius:16px; }
body.auth-page.register-page .registration-form legend { max-width:100%; padding:0 8px; color:#203653; font-size:14px; font-weight:700; }
body.auth-page.register-page .registration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; min-width:0; }
body.auth-page.register-page .form-field { min-width:0; }
body.auth-page.register-page .form-field-wide { grid-column:1/-1; }
body.auth-page.register-page .form-field label { display:block; margin:0 0 6px; color:#34445c; font-size:13px; font-weight:650; line-height:1.4; }
body.auth-page.register-page .form-field label span { color:#7b8798; font-weight:450; }
body.auth-page.register-page .registration-form input:not([type=hidden]),
body.auth-page.register-page .registration-form select {
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    height:48px;
    min-height:48px;
    margin:0;
    padding:0 12px;
    color:#17243a;
    background:#f7f9fc;
    border:1px solid #d8e0eb;
    border-radius:11px;
    font:inherit;
    font-size:14px;
    outline:none;
}
body.auth-page.register-page .registration-form select { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.auth-page.register-page .registration-form input:focus,
body.auth-page.register-page .registration-form select:focus { border-color:#4387f5; box-shadow:0 0 0 3px rgba(18,104,238,.12); }
body.auth-page.register-page .registration-password-field { position:relative; width:100%; }
body.auth-page.register-page .registration-password-field input { padding-right:52px; }
body.auth-page.register-page .registration-password-toggle { position:absolute; top:50%; right:7px; display:grid; width:36px; height:36px; min-height:36px; margin:0; padding:0; place-items:center; color:#758298; background:transparent; border:0; border-radius:9px; transform:translateY(-50%); cursor:pointer; }
body.auth-page.register-page .registration-password-toggle:hover { color:#1268ee; background:#edf3fd; }
body.auth-page.register-page .registration-password-toggle:focus-visible { outline:3px solid rgba(18,104,238,.28); outline-offset:1px; }
body.auth-page.register-page .registration-password-toggle svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
body.auth-page.register-page .registration-password-toggle .eye-hide,
body.auth-page.register-page .registration-password-toggle.is-visible .eye-show { display:none; }
body.auth-page.register-page .registration-password-toggle.is-visible .eye-hide { display:block; }
body.auth-page.register-page .registration-form select option { max-width:100%; color:#17243a; background:#fff; }
body.auth-page.register-page .registration-form.selects-enhanced select.registration-select-native {
    position:absolute;
    z-index:-1;
    width:1px;
    height:1px;
    min-height:1px;
    padding:0;
    border:0;
    opacity:0;
    pointer-events:none;
}
body.auth-page.register-page .registration-select { position:relative; width:100%; min-width:0; }
body.auth-page.register-page .registration-select.is-open { z-index:20; }
body.auth-page.register-page .registration-select-trigger {
    display:flex;
    width:100%;
    min-width:0;
    min-height:48px;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 12px;
    color:#17243a;
    background:#f7f9fc;
    border:1px solid #d8e0eb;
    border-radius:11px;
    font:inherit;
    font-size:14px;
    text-align:left;
    cursor:pointer;
}
body.auth-page.register-page .registration-select-trigger:focus-visible { outline:3px solid rgba(67,135,245,.3); outline-offset:1px; border-color:#4387f5; }
body.auth-page.register-page .registration-select-trigger[aria-invalid="true"] { border-color:#c83b4a; box-shadow:0 0 0 3px rgba(200,59,74,.12); }
body.auth-page.register-page .registration-select-value { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.auth-page.register-page .registration-select-arrow { width:18px; height:18px; flex:0 0 18px; display:grid; place-items:center; color:#68768a; transition:transform .16s ease; }
body.auth-page.register-page .registration-select-arrow svg { display:block; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
body.auth-page.register-page .registration-select.is-open .registration-select-arrow { transform:rotate(180deg); }
body.auth-page.register-page .registration-select-menu {
    position:absolute;
    z-index:30;
    top:calc(100% + 5px);
    right:0;
    left:0;
    width:100%;
    max-width:100%;
    max-height:min(240px, 42vh);
    overflow-x:hidden;
    overflow-y:auto;
    padding:5px;
    background:#fff;
    border:1px solid #d8e0eb;
    border-radius:12px;
    box-shadow:0 12px 28px rgba(15,35,65,.18);
    overscroll-behavior:contain;
}
body.auth-page.register-page .registration-select-menu[hidden] { display:none; }
body.auth-page.register-page .registration-select.open-above .registration-select-menu { top:auto; bottom:calc(100% + 5px); }
body.auth-page.register-page .registration-select-option {
    display:block;
    width:100%;
    min-width:0;
    min-height:38px;
    padding:9px 10px;
    overflow-wrap:anywhere;
    color:#25354d;
    background:transparent;
    border:0;
    border-radius:8px;
    font:inherit;
    font-size:14px;
    line-height:1.35;
    text-align:left;
    cursor:pointer;
}
body.auth-page.register-page .registration-select-option:hover,
body.auth-page.register-page .registration-select-option:focus-visible { color:#0f3c88; background:#eef4ff; outline:none; }
body.auth-page.register-page .registration-select-option[aria-selected="true"] { color:#0757d4; background:#eaf2ff; font-weight:650; }
body.auth-page.register-page .registration-select-option:disabled { color:#9ba5b4; cursor:not-allowed; }
body.auth-page.register-page .registration-select-group-label {
    padding:10px 10px 5px;
    color:#68768a;
    font-size:11px;
    font-weight:700;
    letter-spacing:.06em;
    line-height:1.25;
    text-transform:uppercase;
}
body.auth-page.register-page .email-guidance { margin:7px 1px 0; color:#68768a; font-size:12px; line-height:1.5; }
body.auth-page.register-page .form-field small { display:block; margin:6px 1px 0; color:#68768a; font-size:12px; }
body.auth-page.register-page .registration-submit {
    width:100%;
    min-height:50px;
    margin:2px 0 0;
    padding:12px 18px;
    color:#fff;
    background:#1268ee;
    border:0;
    border-radius:12px;
    font:inherit;
    font-weight:700;
    cursor:pointer;
    transition:background .16s ease, transform .16s ease;
}
body.auth-page.register-page .registration-submit:hover { background:#0757d4; }
body.auth-page.register-page .registration-submit:active { transform:translateY(1px); }
body.auth-page.register-page .registration-error { margin:0 0 18px; padding:12px 14px; color:#a32232; background:#fff0f1; border:1px solid #f6d1d5; border-radius:12px; font-size:13px; line-height:1.5; }
body.auth-page.register-page .registration-footer { margin:20px 0 0; color:#68768a; text-align:center; font-size:13px; }
body.auth-page.register-page .registration-footer a { color:#1268ee; font-weight:650; text-decoration:none; }
body.auth-page.register-page .registration-footer a:hover { text-decoration:underline; }

body.auth-page.register-page.theme-dark { color:#f5f7fb; background:radial-gradient(ellipse at 50% 20%, #10213d 0%, #09172d 46%, #040d20 100%); }
body.auth-page.register-page.theme-dark .registration-card { color:#f5f7fb; background:#0f1e37; border-color:#263a56; box-shadow:0 24px 70px rgba(0,0,0,.42); }
body.auth-page.register-page.theme-dark .registration-kicker { color:#72a6ff; }
body.auth-page.register-page.theme-dark .registration-heading h1 { color:#f5f7fb; }
body.auth-page.register-page.theme-dark .registration-heading p,
body.auth-page.register-page.theme-dark .form-field label { color:#aab5c5; }
body.auth-page.register-page.theme-dark .form-field label span,
body.auth-page.register-page.theme-dark .email-guidance,
body.auth-page.register-page.theme-dark .form-field small,
body.auth-page.register-page.theme-dark .registration-footer { color:#9eacc0; }
body.auth-page.register-page.theme-dark .registration-form fieldset { border-color:#30415a; }
body.auth-page.register-page.theme-dark .registration-form legend { color:#e6edf7; }
body.auth-page.register-page.theme-dark .registration-form input:not([type=hidden]),
body.auth-page.register-page.theme-dark .registration-form select { color:#f5f7fb; background:#192a40; border-color:#30415a; }
body.auth-page.register-page.theme-dark .registration-form input::placeholder { color:#9eacc0; }
body.auth-page.register-page.theme-dark .registration-password-toggle { color:#aab5c5; }
body.auth-page.register-page.theme-dark .registration-password-toggle:hover { color:#72a6ff; background:#223b5d; }
body.auth-page.register-page.theme-dark .registration-form select option { color:#f5f7fb; background:#192a40; }
body.auth-page.register-page.theme-dark .registration-select-trigger { color:#f5f7fb; background:#192a40; border-color:#30415a; }
body.auth-page.register-page.theme-dark .registration-select-arrow { color:#aab5c5; }
body.auth-page.register-page.theme-dark .registration-select-menu { background:#14233a; border-color:#30415a; box-shadow:0 14px 30px rgba(0,0,0,.4); }
body.auth-page.register-page.theme-dark .registration-select-option { color:#e6edf7; }
body.auth-page.register-page.theme-dark .registration-select-option:hover,
body.auth-page.register-page.theme-dark .registration-select-option:focus-visible { color:#fff; background:#223b5d; }
body.auth-page.register-page.theme-dark .registration-select-option[aria-selected="true"] { color:#9ec2ff; background:#193456; }
body.auth-page.register-page.theme-dark .registration-select-option:disabled { color:#768398; }
body.auth-page.register-page.theme-dark .registration-select-group-label { color:#9eacc0; }
body.auth-page.register-page.theme-dark .registration-error { color:#ffb4bc; background:#331d2a; border-color:#65313d; }
body.auth-page.register-page.theme-dark .registration-footer a { color:#72a6ff; }

@media(max-width:560px) {
    body.auth-page.register-page .registration-page { padding:16px 12px; place-items:start center; }
    body.auth-page.register-page .registration-card { padding:20px 16px; border-radius:20px; }
    body.auth-page.register-page .registration-form fieldset { padding:14px 12px; }
    body.auth-page.register-page .registration-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
    body.auth-page.register-page .form-field-wide { grid-column:auto; }
}