/* RioPing iOS Welcome Glass — scoped visual-only login redesign. */
body:has(#login:not([hidden])){background:radial-gradient(ellipse at 16% 13%,#c6dfff 0,transparent 43%),radial-gradient(ellipse at 90% 74%,#dcecff 0,transparent 44%),linear-gradient(160deg,#f7fbff,#eaf2fc)!important;min-height:100vh}
body:has(#login:not([hidden])) .shell{max-width:960px}
body:has(#login:not([hidden])) .shell>header{background:#ffffffad;border:1px solid #fff;border-radius:22px;padding:14px 20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 32px #305c8b0d}
body:has(#login:not([hidden])) .hero{display:none!important}
#login.rio-welcome-glass{position:relative;max-width:470px;margin:clamp(24px,5vh,55px) auto 40px;padding:clamp(23px,5vw,42px)!important;background:#ffffffc9!important;border:1px solid #fff!important;border-radius:32px!important;box-shadow:0 22px 65px #37638d1b!important;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);text-align:center;overflow:hidden}
#login.rio-welcome-glass:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#87c5ff,#236bd1,#a3d5ff)}
#login .rio-welcome-kicker{color:#6e8eb6;font-size:10px;letter-spacing:2px;font-weight:800;margin:8px 0 23px}
#login .login-brand{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:9px!important;margin:0 0 15px!important}
#login .login-brand img{width:88px!important;height:88px!important;object-fit:contain;padding:14px;background:linear-gradient(145deg,#f0f7ff,#dcecff);border:1px solid white;border-radius:28px;box-shadow:0 12px 28px #2d69b51b}
#login .login-brand strong{font-size:19px;color:#20528e}
#login h2{font-size:clamp(21px,4.5vw,28px)!important;line-height:1.45;margin:12px 0!important;color:#182d49!important}
#login .rio-welcome-subtitle{font-size:13px;color:#687f9b;line-height:1.9;max-width:320px;margin:0 auto 22px}
#login>p:not(.rio-welcome-subtitle){color:#657b96;font-size:13px;line-height:2}
#login>p b{display:inline-block;padding:1px 7px;background:#e7f1ff;color:#2268bd;border-radius:8px;direction:ltr}
#login #code-form{text-align:right;margin-top:22px}
#login #code-form label{display:block;font-weight:750;color:#324c6b;margin-bottom:10px;font-size:13px}
#login #login-code{width:100%;height:57px;border-radius:17px!important;border:1px solid #d4e3f5!important;background:#f8fbff!important;text-align:center!important;letter-spacing:1.4px;font-size:17px!important;color:#172f52!important;box-shadow:inset 0 2px 6px #32598b09;outline:none}
#login #login-code:focus{border-color:#4c96ec!important;box-shadow:0 0 0 4px #3d8de524!important}
#login #code-form button{width:100%;margin-top:15px;border-radius:17px!important;min-height:55px;background:linear-gradient(120deg,#2468d0,#347fe3)!important;color:white!important;border:0!important;font-weight:800;box-shadow:0 10px 24px #2468d02d}
#login .rio-welcome-security{margin-top:20px;color:#7589a4;font-size:11px}
#login #auth-msg{min-height:20px;text-align:center}
@media(max-width:540px){body:has(#login:not([hidden])) .shell{padding:12px!important}#login.rio-welcome-glass{margin:20px auto 28px;padding:25px 20px!important;border-radius:27px!important}#login .login-brand img{width:76px!important;height:76px!important}}
@media(prefers-reduced-motion:no-preference){#login #code-form button{transition:transform .16s,filter .16s}#login #code-form button:active{transform:scale(.98)}}