.auth-gate{display:block;overflow-y:auto;padding:0;background:#f1f4fa;color:#302440}
.auth-gate .auth-card{max-width:480px;margin:0 auto;padding:30px 26px max(24px,env(safe-area-inset-bottom));text-align:left;isolation:isolate}
.welcome-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.auth-gate .brand-logo-lg{width:32px;height:36px;margin:0}
.auth-card .welcome-brand h1{font-size:14px;letter-spacing:.38em;margin:0;color:#55406d}
.auth-card .welcome-title{font-size:clamp(34px,9vw,46px);font-weight:800;letter-spacing:-.045em;line-height:1.04;margin:0 0 14px;color:#352147}
.auth-card .welcome-intro{font-size:15px;line-height:1.5;max-width:30ch;margin:0;color:#68637f}
.welcome-art{position:relative;height:400px;margin:-14px -26px -18px;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 9%,#000 85%,transparent)}
.welcome-art-drift{height:100%;position:relative}
.welcome-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 48%;mix-blend-mode:multiply}
.welcome-art .welcome-glitch{opacity:0;clip-path:polygon(0 30%,100% 30%,100% 32%,0 32%,0 59%,100% 59%,100% 61%,0 61%)}
.welcome-motion{display:block;margin:0 0 14px auto;padding:8px 10px;min-height:36px;border:0;background:none;color:#68637f;font:inherit;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.welcome-features{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:14px}
.welcome-features li{display:flex;gap:14px;align-items:center}
.welcome-symbol{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:#f4f5fb;color:#66518e;font-size:24px;box-shadow:-4px -4px 10px #fff,4px 4px 10px #dae0ed}
.welcome-features h3{font-size:15px;font-weight:750;letter-spacing:-.02em;margin:0 0 3px;color:#3b2b52}
.auth-card .welcome-features p{font-size:12px;line-height:1.45;margin:0;color:#656378}
.auth-card .install-offer{margin:0 0 14px}
.auth-card .install-primary{background:linear-gradient(145deg,#aa99e3,#7762c0);box-shadow:-5px -5px 12px #fff,5px 5px 14px #cbd0e3;color:#fff}
.auth-card #googleBtn{color:#39304c;background:#f1f4fa;box-shadow:-5px -5px 12px #fff,5px 5px 14px #d1d8e5}
.auth-card .auth-status{color:#656378;text-align:center}
.welcome-motion:focus-visible{outline:2px solid #7762c0;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){
  .welcome-art-drift{animation:welcome-drift 10s ease-in-out infinite alternate}
  .welcome-art .welcome-glitch{animation:welcome-glitch 13s steps(1,end) infinite}
}
@keyframes welcome-drift{from{transform:translate3d(-2px,2px,0) scale(1.015)}to{transform:translate3d(3px,-4px,0) scale(1.025)}}
@keyframes welcome-glitch{0%,92%,94%,96%,100%{opacity:0;transform:translateX(0)}93%{opacity:.18;transform:translateX(3px)}95%{opacity:.12;transform:translateX(-2px)}}
.welcome-paused .welcome-art-drift,.welcome-paused .welcome-glitch{animation-play-state:paused}
.welcome-paused .welcome-art .welcome-glitch{opacity:0}
@media(prefers-reduced-motion:reduce){.welcome-motion{display:none}}
@media(min-width:760px){.auth-gate{background:radial-gradient(ellipse at 50% 35%,#eeebfc,#f1f4fa 70%)}.welcome-art{height:480px}.auth-gate .auth-card{padding-top:40px}}