.login-gate{position:fixed;inset:0;z-index:100;background:linear-gradient(145deg,#052f78,#0b55bd);display:grid;place-items:center;padding:22px}.login-gate.hidden{display:none}.login-card{width:min(100%,420px);background:#fff;border-radius:24px;padding:28px;box-shadow:0 25px 70px #001b4d66}.login-card>img{width:86px;height:86px;object-fit:contain;display:block;margin:0 auto 18px}.login-card h1{text-align:center;color:#073f98}.login-card>p:not(.eyebrow){color:#68758a;text-align:center;font-size:14px;line-height:1.5;margin-bottom:22px}.login-card .eyebrow{text-align:center}.login-message{min-height:22px;margin-top:13px;text-align:center;font-size:12px;color:#d74545}.account-button{margin-left:7px;width:34px;height:34px;border:0;border-radius:50%;background:#e3edff;color:#073f98;font-size:11px;font-weight:850}.sync-banner{border-radius:12px;padding:10px 12px;margin:0 0 14px;background:#fff4d5;color:#795900;font-size:11px;font-weight:750}.sync-banner.ok{background:#e3f7ee;color:#167352}.sync-banner.error{background:#ffe8e8;color:#a52f2f}.sync-state{font-weight:750}.sync-state.synced{color:#16845b}.sync-state.pending{color:#9a6b00}