/* os-22 — Start login gate (welcome screen). Offline kabhi block nahi hota.
   os-33 — Orange brand hero: upar orange gradient area + safed logo
   tile; black border wala signup button khatam (orange outline);
   Login = orange pill. (MiR: "oper login me black color na ho") */
#loginGate{position:fixed;inset:0;z-index:300;background:radial-gradient(120% 90% at 50% 0%,#fff4ed 0%,#fff 55%);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}
#loginGate[hidden]{display:none}
#loginGate .gate-card{width:100%;max-width:340px;text-align:center;padding:0;background:#fff;border:1px solid #f0e2d8;border-radius:22px;box-shadow:0 18px 50px rgba(214,60,30,.12);overflow:hidden}
#loginGate .gate-hero{background:linear-gradient(140deg,#d63c1e 0%,#fb542b 100%);padding:28px 22px 22px;color:#fff}
#loginGate .gate-logo-tile{display:inline-grid;place-items:center;background:#fff;border-radius:24px;padding:7px;box-shadow:0 10px 26px rgba(120,25,5,.35)}
#loginGate .gate-logo{width:82px;height:82px;border-radius:18px;display:block}
#loginGate h1{font-size:31px;margin:14px 0 4px;letter-spacing:-.8px;color:#fff}
#loginGate h1 b{color:#fff;font-weight:800}
#loginGate .gate-tag{color:#ffe9df;font-size:14px;margin:0;line-height:1.55}
#loginGate .gate-body{padding:22px 22px 24px}
#loginGate .gate-actions{display:flex;flex-direction:column;gap:10px}
#loginGate .gate-actions button{min-height:50px;border-radius:999px;font-size:15px;width:100%}
#loginGate #gateLogin{background:linear-gradient(120deg,#ed612d,#fb542b);border-color:#ed612d;color:#fff}
#loginGate #gateSignup{background:#fff;color:#c74719;border:1.5px solid #ed612d}
#loginGate .gate-offline{margin-top:18px;background:none;border:0;color:#777;font-size:13px;text-decoration:underline;text-underline-offset:3px;min-height:40px;cursor:pointer}
#loginGate .gate-note{margin-top:10px;color:#9a9a9a;font-size:11.5px;line-height:1.5}