/* Keep the account form legible without a second oversized introduction on phones. */
@media(max-width:700px){
 #vip-account-access{margin:12px 0 24px}
 .vip-auth-layout{gap:12px;padding-bottom:20px}
 .vip-auth-intro h3{font-size:24px;line-height:1.3;margin:8px 0}
 .vip-auth-intro p{font-size:13px;line-height:1.5;margin:8px 0}
 .vip-auth-intro>span{font-size:11px;line-height:1.5}
 .vip-auth-surface{padding:16px}
 .vip-auth-surface label{margin:10px 0;font-size:13px}
 .vip-auth-surface input{font-size:16px;min-height:44px}
 .vip-auth-tabs{margin-bottom:12px;gap:20px}
 .vip-auth-tabs button{min-height:44px;padding:8px 0}
 .vip-password-wrap button{min-width:44px;min-height:44px;top:0;right:4px}
 .vip-auth-surface .primary{min-height:44px;padding:10px 16px}
 .vip-auth-error{overflow-wrap:anywhere}
 .vip-account-bar{align-items:flex-start;gap:12px}
 .vip-account-bar>div{min-width:0}
 .vip-account-bar span{overflow-wrap:anywhere}
 .vip-account-bar button{min-height:44px;flex-shrink:0}
}
.vip-registration-note{font-size:12px;line-height:1.5;margin:12px 0;color:#b3beb6}.vip-registration-note button{display:inline-flex;align-items:center;min-height:44px;margin-left:12px;padding:6px 0;border:0;background:transparent;color:var(--orange);cursor:pointer}