:root { color-scheme: light dark; font: 16px system-ui,sans-serif; background: var(--tg-theme-bg-color,#101827); color: var(--tg-theme-text-color,#f4f7ff); }
body { margin: 0; }
main { margin: 0 auto; max-width: 420px; padding: 36px 24px; text-align: center; }
.mark { display: inline-grid; place-items:center; width:48px; height:48px; border-radius:14px; background:#1262ca; color:#fff; font-weight:800; }
h1 { font-size: 1.55rem; margin: 16px 0 8px; }
p { line-height:1.5; min-height:3em; margin:0 0 18px; }
img { display:block; margin:0 auto 18px; max-width:100%; height:auto; background:white; border-radius:12px; }
button { width:100%; min-height:48px; border:0; border-radius:12px; background:var(--tg-theme-button-color,#1262ca); color:var(--tg-theme-button-text-color,#fff); font:inherit; font-weight:650; cursor:pointer; }
[hidden] { display:none !important; }