/* tela de login e de carregamento */
body:not(.ready) .topbar, body:not(.ready) .shell { visibility: hidden; }
#gate { position: fixed; inset: 0; display: grid; place-items: center; background: #131313; color: #F2F1EA; z-index: 100; padding: 24px; }
.gate-box { width: min(420px, 100%); display: flex; flex-direction: column; gap: 14px; }
.gate-brand { display: flex; align-items: center; gap: 10px; font-size: 20px; }
.gate-brand svg { width: 26px; height: 26px; }
.gate-brand small { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #9E9E94; border-left: 1px solid #3A3A36; padding-left: 12px; margin-left: 4px; }
.gate-box h1 { font-size: 26px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; }
.gate-box p { color: #B5B5AB; font-size: 15px; }
.gate-err { color: #F07A68 !important; }
.gate-btn { margin-top: 6px; align-self: flex-start; background: #B4FB56; color: #131313; border: 0; border-radius: 999px; padding: 12px 22px; font-weight: 800; font-size: 15px; cursor: pointer; }
.gate-btn:hover { filter: brightness(.95); }