:root{--g-side:#182322;--g-prod:#149694;--g-line:#e4e7e2;--g-ink:#1c2b2a;--g-muted:#6a7570}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif}.gate-loading{height:100%;display:grid;place-items:center;color:var(--g-muted);background:#f4f5f3}.gate-screen{min-height:100%;display:grid;place-items:center;background:var(--g-side);background-image:radial-gradient(1200px 500px at 50% -10%,#22302e,#182322 60%);padding:24px}.gate-card{width:100%;max-width:360px;background:#1e2b29;border:1px solid #2b3a37;border-radius:16px;padding:30px 28px 26px;box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column}.gate-logo{width:170px;margin:2px auto 4px;display:block}.gate-sub{text-align:center;color:#7f918c;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px}.gate-label{color:#9fb0ab;font-size:12px;font-weight:600;margin:12px 0 5px}.gate-input{border:1px solid #2f3f3c;background:#141f1d;color:#eaf1ee;border-radius:9px;padding:11px 12px;font:inherit;font-size:14px;outline:none}.gate-input:focus{border-color:var(--g-prod);box-shadow:0 0 0 3px #14969433}.gate-input.dark{background:#141f1d}.gate-err{color:#f0a68f;font-size:12.5px;margin-top:12px}.gate-submit{margin-top:20px;background:var(--g-prod);color:#fff;border:0;border-radius:9px;padding:12px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:.13s}.gate-submit:hover{background:#117d7b}.gate-submit.small{margin-top:0;padding:9px 14px;font-size:13px}.gate-bar{position:fixed;bottom:14px;right:14px;display:flex;gap:8px;z-index:60}.gate-bar-btn{background:#182322e6;color:#c9d6d2;border:1px solid #2b3a37;border-radius:8px;padding:7px 12px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gate-bar-btn:hover{color:#fff;border-color:var(--g-prod)}.gate-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a12108c;display:grid;place-items:center;z-index:70;padding:24px}.gate-modal{width:100%;max-width:400px;background:#1e2b29;border:1px solid #2b3a37;border-radius:14px;padding:22px 24px;color:#eaf1ee}.gate-modal h3{margin:0 0 6px;font-size:17px}.gate-note{color:#9fb0ab;font-size:12.5px;line-height:1.5;margin:0 0 14px}.gate-modal .gate-label:first-of-type{margin-top:4px}.gate-modal .gate-input{width:100%}.gate-modal-actions{display:flex;align-items:center;gap:9px;margin-top:20px}