/* The gate page (webapp.py → index). Inside Telegram the body takes the client's theme colour until the bundle paints;
   outside Telegram (html[data-gate]) the page is just the brand night with one line. */
body { margin: 0; background: var(--tg-theme-bg-color, #070a12); }
html[data-gate] body { background: #070a12; color: #e8edf8; font: 16px/1.45 -apple-system, "Onest", system-ui, sans-serif; }
.gate { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 24px; text-align: center; box-sizing: border-box; }
.gate-mark { width: 72px; height: 72px; border-radius: 18px; box-shadow: 0 12px 40px rgba(11, 87, 254, .35); }
.gate-title { font-size: 28px; font-weight: 600; letter-spacing: -.02em; margin-top: 6px; }
.gate-text { margin: 0; color: #98a6c3; }
.gate-link { color: #5a93ff; text-decoration: none; }