:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:#f8f9fd;color:#202a40}body{margin:0;min-height:100dvh;display:grid;place-items:center}main{box-sizing:border-box;width:min(420px,100%);padding:32px;text-align:center}img{border-radius:18px}h1{font-size:32px;margin:16px 0}p{font-size:16px;line-height:1.5}button{border:0;border-radius:14px;background:#4264dc;color:#fff;padding:16px 24px;font:600 16px system-ui;width:100%;cursor:pointer;margin:16px 0}button:disabled{opacity:.6}small{display:block;font-size:14px;line-height:1.5;opacity:.7}#status{min-height:24px}@media(prefers-color-scheme:dark){:root{background:#101520;color:#eef0ff}img{filter:invert(.9) hue-rotate(180deg) saturate(.85)}}