/* Login introduction is exclusive to the mobile viewport. */
.m-welcome{display:none}
@media(max-width:1023px){
    .m-welcome{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;background:#f3f6fb;overflow-y:auto;overscroll-behavior:contain;color:#182434}
    .m-welcome[hidden]{display:none}
    .m-welcome-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;height:100%;min-height:620px;padding:calc(8px + env(safe-area-inset-top,0px)) 28px calc(20px + env(safe-area-inset-bottom,0px));text-align:center;background:radial-gradient(ellipse at 50% 30%,#eaf5ff 0,transparent 54%),#fff}
    .m-welcome-art{position:relative;flex:1;min-height:280px;width:calc(100% + 32px);margin:0 0 8px}
    .m-welcome-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
    .m-welcome-copy{width:100%}
    .m-welcome-eyebrow{font-size:12px;color:#71839c;margin-bottom:4px}
    .m-welcome h1{font-size:clamp(23px,6vw,30px);font-weight:700;line-height:1.3;letter-spacing:-.5px}
    .m-welcome-description{font-size:13px;line-height:1.7;color:#8290a2;margin:12px 0 22px}
    .m-welcome-start{display:flex;align-items:center;justify-content:center;gap:20px;flex:none;width:100%;min-height:56px;padding:12px 20px;border:0;border-radius:16px;background:linear-gradient(110deg,#168de9,#386cf0);box-shadow:0 8px 22px #287fe52b;color:#fff;font:inherit;font-size:16px;cursor:pointer}
    .m-welcome-start small{font-size:12px;font-weight:400;margin-left:8px;color:#e6f3ff}
    .m-welcome-start svg{width:22px;height:22px}
    .m-welcome-start:focus-visible{outline:3px solid #8faef0;outline-offset:4px}
    .m-welcome-foot{font-size:10px;color:#a0abba;margin-top:13px}
    body.m-welcome-open{overflow:hidden}
}
@media(max-width:359px){.m-welcome-card{padding-inline:20px}}

@media(max-width:1023px) and (prefers-reduced-motion:no-preference){
    .m-welcome:not([hidden]) .m-welcome-art{animation:m-welcome-slide-in .7s cubic-bezier(.22,1,.36,1) both}
    .m-welcome:not([hidden]) .m-welcome-copy{animation:m-welcome-slide-in .6s .12s cubic-bezier(.22,1,.36,1) both}
    .m-welcome:not([hidden]) .m-welcome-start{animation:m-welcome-slide-in .55s .24s cubic-bezier(.22,1,.36,1) both}
    .m-welcome:not([hidden]) .m-welcome-foot{animation:m-welcome-slide-in .5s .3s cubic-bezier(.22,1,.36,1) both}
}
@keyframes m-welcome-slide-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}