@import url('/css/public-auth-selected-b-v4.css?v=2.4.8');

/* Design B registration refinements — v2.4.3. */
.public-b-register-page .public-b-auth-card { min-height:650px; }
.public-b-register-page .public-b-auth-tab { min-height:62px; font-size:.92rem; font-weight:850; }
.public-b-register-page .public-b-auth-body { padding:34px 30px 30px; }
.public-b-register-page .public-b-auth-title { margin-bottom:24px; }
.public-b-register-page .public-b-auth-title h2 { margin-bottom:9px; font-size:1.26rem; line-height:1.65; }
.public-b-register-page .public-b-auth-title p { margin-bottom:0; font-size:.82rem; line-height:1.95; }
.public-b-register-page .registration-progress { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
.public-b-register-page .registration-progress__step { display:grid; grid-template-columns:38px 1fr; align-items:center; gap:10px; min-height:62px; padding:10px 12px; border:1px solid #dbe7f1; border-radius:12px; background:#fbfdff; }
.public-b-register-page .registration-progress__step.is-active { border-color:#8fbaf2; background:#f1f7ff; box-shadow:0 0 0 3px rgba(23,103,223,.06); }
.public-b-register-page .registration-progress__step.is-done { border-color:#bfe9e4; background:#f1fbf9; }
.public-b-register-page .registration-progress__number { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; color:#fff; background:linear-gradient(135deg,#1771e8,#0e58c9); font-size:.86rem; font-weight:900; }
.public-b-register-page .registration-progress__step.is-done .registration-progress__number { position:relative; color:transparent; background:linear-gradient(135deg,#27c8b8,#13a59f); }
.public-b-register-page .registration-progress__step.is-done .registration-progress__number::before { content:""; width:12px; height:7px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg) translateY(-1px); }
.public-b-register-page .registration-progress__copy strong { display:block; color:#17386d; font-size:.79rem; font-weight:900; line-height:1.55; }
.public-b-register-page .registration-progress__copy small { display:block; margin-top:2px; color:#8291a5; font-size:.66rem; line-height:1.5; }
.public-b-register-page .registration-panel-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #e8eef5; }
.public-b-register-page .registration-panel-title strong { color:#17386d; font-size:.9rem; font-weight:900; }
.public-b-register-page .registration-panel-title span { color:#167f91; font-size:.68rem; font-weight:850; }
.public-b-register-page .public-b-auth-card .form-label,
.public-b-register-page .public-b-auth-card legend.form-label { margin-bottom:9px; color:#3c5272; font-size:.8rem; line-height:1.6; font-weight:850; }
.public-b-register-page .registration-account-type-grid { gap:12px; }
.public-b-register-page .registration-account-type-option { min-height:78px; padding:14px 15px; border:1px solid #d7e3ee; border-radius:12px; background:#fff; transition:border-color .15s ease,box-shadow .15s ease,background .15s ease; }
.public-b-register-page .registration-account-type-option:hover { border-color:#9ec2ee; background:#f8fbff; }
.public-b-register-page .registration-account-type-option.is-selected { border-color:#4f8ee8; background:#f0f6ff; box-shadow:0 0 0 3px rgba(23,103,223,.06); }
.public-b-register-page .registration-account-type-option input[type="radio"] { width:18px; height:18px; margin:2px 0 0 8px; flex:0 0 auto; accent-color:#1767df; }
.public-b-register-page .registration-account-type-option strong { font-size:.81rem; font-weight:900; color:#17386d; }
.public-b-register-page .registration-account-type-option small { margin-top:3px; color:#7b8ba1; font-size:.67rem; line-height:1.55; }
.public-b-register-page .public-b-auth-card .form-control { min-height:54px; padding:12px 14px; border-radius:10px; font-size:.91rem; line-height:1.5; }
.public-b-register-page .public-b-auth-card .mb-3 { margin-bottom:1.35rem!important; }
.public-b-register-page .registration-field-hint { min-height:24px; margin-top:8px; padding-inline:2px; color:#8190a4; font-size:.69rem; line-height:1.7; }
.public-b-register-page .public-b-primary-action { min-height:52px!important; border-radius:10px; font-size:.9rem; }
.public-b-register-page .registration-otp-summary,
.public-b-register-page .registration-mobile-confirmed { margin-bottom:16px; padding:12px 14px; border:1px solid #cfe9e5; border-radius:11px; color:#456a68; background:#f3fbf9; font-size:.75rem; line-height:1.8; }
.public-b-register-page .registration-fields-grid { gap:12px; }
.public-b-register-page .registration-login-link { margin-top:20px; padding-top:16px; font-size:.76rem; }
.public-b-register-page .public-b-auth-legal { margin-top:14px; font-size:.62rem; line-height:1.85; }
.public-b-register-page .public-b-chip i svg { width:20px; height:20px; display:block; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }

/* Replace font-dependent landing glyphs on registration with stable vector masks. */
.public-b-register-page .selected-b-feature-icon,
.public-b-register-page .selected-b-logo-row i,
.public-b-register-page .selected-b-steps article > i { font-size:0!important; }
.public-b-register-page .selected-b-feature-icon::before,
.public-b-register-page .selected-b-logo-row i::before,
.public-b-register-page .selected-b-steps article > i::before { content:""; display:block; width:23px; height:23px; background:#1767df; -webkit-mask-position:center; mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:contain; mask-size:contain; }
.public-b-register-page .selected-b-feature-card:nth-child(1) .selected-b-feature-icon::before { background:#16a99f; -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.public-b-register-page .selected-b-feature-card:nth-child(2) .selected-b-feature-icon::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 5 6v5c0 4.6 2.9 8.8 7 10 4.1-1.2 7-5.4 7-10V6zM9 12l2 2 4-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 5 6v5c0 4.6 2.9 8.8 7 10 4.1-1.2 7-5.4 7-10V6zM9 12l2 2 4-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.public-b-register-page .selected-b-feature-card:nth-child(3) .selected-b-feature-icon::before { background:#16a99f; -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='black'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='black'/%3E%3C/svg%3E"); }
.public-b-register-page .selected-b-logo-row i::before { width:18px; height:18px; background:#168d96; -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h16v11H4zM8 8V5h8v3M4 12h16' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h16v11H4zM8 8V5h8v3M4 12h16' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.public-b-register-page .selected-b-steps article:nth-child(1) > i::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M6 20c0-4 2.7-7 6-7s6 3 6 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M6 20c0-4 2.7-7 6-7s6 3 6 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.public-b-register-page .selected-b-steps article:nth-child(2) > i::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l3 3v15H6zM9 10h6M9 14h6M9 18h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l3 3v15H6zM9 10h6M9 14h6M9 18h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.public-b-register-page .selected-b-steps article:nth-child(3) > i::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m15.5 15.5 5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m15.5 15.5 5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.public-b-register-page .selected-b-steps article:nth-child(4) > i::before { background:#16a99f; -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h13M14 5l3 3-3 3M20 16H7M10 13l-3 3 3 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h13M14 5l3 3-3 3M20 16H7M10 13l-3 3 3 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

@media (min-width:992px) {
    .public-b-register-page .public-b-hero { min-height:710px; padding-top:52px; padding-bottom:110px; }
    .public-b-register-page .public-b-auth-card { max-width:510px; }
    .public-b-register-page .public-b-hero__grid { grid-template-columns:minmax(460px,510px) minmax(0,1fr); gap:clamp(58px,6.5vw,100px); }
}
@media (max-width:575.98px) {
    .public-b-register-page .public-b-auth-body { padding:28px 20px 24px; }
    .public-b-register-page .registration-progress { grid-template-columns:1fr; }
    .public-b-register-page .registration-fields-grid { grid-template-columns:1fr; }
}

/* OTP is revealed after the server transition without the browser's autofocus jump. */
.public-b-register-page .registration-otp-panel {
    scroll-margin-block: 20px;
    animation: registration-otp-reveal .36s ease-out both;
}
@keyframes registration-otp-reveal {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    .public-b-register-page .registration-otp-panel { animation: none; }
}