:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:#f4f5f8;color:#202a36}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:390px;background:white;padding:32px 24px;border-radius:16px;box-shadow:0 4px 24px #17284412}.brand{font:700 24px ui-monospace,monospace;color:#315dff}h1{font-size:28px;margin:24px 0 8px}p{line-height:1.5}a{display:block;background:#315dff;color:white;text-align:center;text-decoration:none;padding:14px 10px;border-radius:8px;margin-top:24px}a:focus-visible{outline:3px solid #809cff;outline-offset:3px}small{display:block;color:#697585;margin-top:24px;text-align:center}@media(prefers-color-scheme:dark){:root{background:#121923;color:#eef2f7}main{background:#202a36}small{color:#aebace}}