.mf-register .form-control, .mf-register .form-select { min-height: 46px; font-size: .9375rem; }
.mf-register .form-label { font-size: .875rem; margin-bottom: 7px; }
.mf-register .register-hint, .mf-register .register-login { font-size: .8125rem; color: var(--mf-text-muted); }
.mf-register .register-login a { color: var(--mf-text); text-underline-offset: 3px; }
.mf-register .register-submit { min-height: 46px; font-weight: 600; }
.register-password-field { position: relative; }
.register-password-field input { padding-right: 42px; }
.register-password-field button { position: absolute; top: 0; right: 0; height: 46px; width: 40px; border: 0; background: transparent; color: var(--mf-text-muted); display: grid; place-items: center; border-radius: 0 12px 12px 0; }
.register-password-field button[hidden] { display: none; }
.register-password-field button:focus-visible { outline: 2px solid var(--mf-primary); outline-offset: -3px; }
.mf-register .iti { width: 100%; --iti-border-color: var(--mf-border-light); --iti-country-selector-bg: var(--mf-surface); --iti-icon-color: var(--mf-text-muted); }
.mf-register .iti__selected-country { border-radius: 11px 0 0 11px; color: var(--mf-text); font-size: .875rem; }
.mf-register .iti__selected-country-primary { padding-inline: 12px 8px; }
.mf-register .iti__selected-dial-code { padding-right: 10px; }
.iti__dropdown-content { border-radius: 12px; background: var(--mf-surface); color: var(--mf-text); border-color: var(--mf-border-dark); box-shadow: 0 16px 45px #0003; }
.iti__search-input { background: var(--mf-surface); color: var(--mf-text); font-size: .9375rem; min-height: 44px; }
.iti__country { min-height: 40px; font-size: .875rem; }
html[data-theme='dark'] .mf-register .iti { --iti-border-color: #2b3242; --iti-hover-color: #ffffff0c; --iti-country-selector-bg: #111722; --iti-icon-color: #a3afc3; }
html[data-theme='dark'] .iti__dropdown-content { --iti-hover-color: #ffffff0c; --iti-border-color: #2b3242; --iti-icon-color: #a3afc3; background: #171a22; color: #e5eaf4; }
.mf-register input:-webkit-autofill { -webkit-text-fill-color: var(--mf-text); box-shadow: 0 0 0 100px var(--mf-surface) inset; caret-color: var(--mf-text); }
@media (max-width: 575px) { .mf-register .row.w-100 { margin-inline: 0; } .mf-register > .row > div { padding-inline: 0; } }