#authModalBackdrop{padding:12px}
#authModalContainer.ro-am{display:flex;flex-direction:column;max-width:420px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:18px}

#authModalContainer .ro-am-head{flex:none;padding:14px 52px 12px;text-align:center}
#authModalContainer .ro-am-head #authModalTitle{font-size:var(--fs-20,20px);line-height:1.2}
#authModalContainer .ro-am-head #authModalTitle + p{margin:3px 0 0;font-size:var(--fs-13,13px);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#authModalContainer .ro-am-ico{width:44px;height:44px;margin:0 auto 8px;border-radius:14px}
#authModalContainer .ro-am-x{top:10px;right:auto;inset-inline-end:10px}
[dir="rtl"] #authModalContainer .ro-am-x{left:10px}
@media (max-width:480px),(max-height:700px){#authModalContainer .ro-am-ico{display:none}}

#authTabs{flex:none}
#authTabs button{padding:12px 0;font-size:var(--fs-14,14px);line-height:1.2}

#authModalContainer .ro-am-body{flex:1 1 auto;min-height:0;padding:16px 20px 18px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#loginForm:not(.hidden),#registerForm:not(.hidden),#forgotPasswordForm:not(.hidden),#magicLinkForm:not(.hidden){display:flex;flex-direction:column;gap:14px}
#authModalContainer form > *{margin:0!important}
#authModalContainer form .hp-field{display:none!important}

#authModalContainer .ro-am-f > label{top:-7px;left:10px;padding:0 6px;font-size:var(--fs-12_5,12.5px);line-height:1.1}
#authModalContainer .ro-am-f > input:not([type=checkbox]){height:44px;padding-top:0;padding-bottom:0;border-radius:10px;font-size:var(--fs-15,15px)}
@media (max-width:767px){#authModalContainer .ro-am-f > input:not([type=checkbox]){font-size:var(--fs-16,16px)}}
#authModalContainer .ro-am-f > input::placeholder{color:#9ca3af;text-overflow:ellipsis}
#authModalContainer .ro-am-eye{right:auto;inset-inline-end:12px;display:flex}
[dir="rtl"] #authModalContainer .ro-am-eye{left:12px}
#authModalContainer #passwordMatch{top:22px;right:auto;inset-inline-end:12px}
#authModalContainer .ro-am-err{position:static!important;margin:3px 0 0!important;font-size:var(--fs-12,12px);line-height:1.3}
#authModalContainer .ro-am-row2{gap:12px}

.ro-am-pw{display:flex;flex-direction:column;gap:6px}
.ro-am-meter{display:flex;align-items:center;gap:10px}
.ro-am-meter__bars{flex:1 1 auto}
#authModalContainer #strengthText{margin:0!important;min-width:5em;text-align:end;font-size:var(--fs-12,12px);line-height:1.2}
.ro-am-pw:has(#registerPassword:placeholder-shown) .ro-am-meter{display:none}
.ro-am-hint{display:none;margin:0;font-size:var(--fs-12_5,12.5px);line-height:1.35;color:var(--color-ro-faint,#686e7c)}
.ro-am-pw:focus-within .ro-am-hint{display:block}

.ro-am-opt span{font-size:var(--fs-13,13px);line-height:1.35}
#authModalContainer .ro-am-rowsb span,#authModalContainer .ro-am-rowsb div{font-size:var(--fs-14,14px)}

#authModalContainer .ro-am-cta{display:flex;align-items:center;justify-content:center;height:46px;padding:0 16px;border-radius:12px;color:#fff!important;font-size:var(--fs-16,16px);font-weight:600;box-shadow:none;transform:none;-webkit-tap-highlight-color:transparent}
#authModalContainer .ro-am-cta:hover{filter:brightness(.94);transform:none;box-shadow:none}
#authModalContainer .ro-am-cta:focus-visible,#authModalContainer input:focus-visible,#authModalContainer button:focus-visible{outline:2px solid var(--color-ro-navy,#1e1161);outline-offset:2px}

#authModalContainer .ro-am-intro{padding:0}
#authModalContainer .ro-am-ico2{width:44px;height:44px;margin-bottom:8px}
#authModalContainer .ro-am-ico2 svg{width:22px;height:22px}
#authModalContainer .ro-am-intro .text-lg{font-size:var(--fs-17,17px)}
#authModalContainer .ro-am-intro p{font-size:var(--fs-13_5,13.5px);line-height:1.4}
#authModalContainer .ro-am-ok{padding:6px 0}
#authModalContainer .ro-am-okico{width:56px;height:56px;margin-bottom:10px}
#authModalContainer .ro-am-okico svg{width:28px;height:28px}
#authModalContainer .ro-am-ok p{margin-bottom:14px}

.ro-am-social[hidden]{display:none!important}
.ro-am-or{display:flex;align-items:center;gap:10px;color:var(--color-ro-faint,#686e7c);font-size:var(--fs-13,13px);line-height:1}
.ro-am-or::before,.ro-am-or::after{content:"";flex:1;border-top:1px solid var(--color-ro-line,#e5e7eb)}
.ro-am-social__btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.ro-am-sbtn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:12px;border:1px solid #d1d5db;background:#fff;color:var(--color-ro-text,#111827);font-size:var(--fs-14,14px);font-weight:600}
.ro-am-sbtn svg{width:18px;height:18px;flex:none}
.ro-am-sbtn--apple{background:#000;border-color:#000;color:#fff}
.ro-am-sbtn--fb{background:#1877f2;border-color:#1877f2;color:#fff}
.ro-am-sbtn:disabled{opacity:.55;cursor:not-allowed}

#authModalContainer.ro-am .ro-am-f > input:not([type=checkbox]){height:48px}
#authModalContainer #loginForm:not(.hidden),#authModalContainer #registerForm:not(.hidden),#authModalContainer #forgotPasswordForm:not(.hidden),#authModalContainer #magicLinkForm:not(.hidden){gap:18px}
#authModalContainer.ro-am .ro-am-row2{gap:14px}
#authModalContainer #authTabs button{padding:13px 0}
#authModalContainer.ro-am .ro-am-body{padding:18px 20px 20px}