*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f7f5;color:#193832;font:17px/1.6 system-ui,sans-serif}main{width:min(100%,560px);padding:32px;border:1px solid #dbe4df;border-radius:18px;background:#fff;box-shadow:0 14px 50px #1938320d}.brand{font-weight:800;font-size:26px;color:#28725b}h1{font-size:28px;line-height:1.25;margin:26px 0 18px}p{color:#536660}[hidden]{display:none}@media(prefers-color-scheme:dark){body{background:#111416;color:#f4f6f5}main{background:#1b2022;border-color:#39423f}.brand{color:#9ddbbd}p{color:#b6c3be}}@media(max-width:420px){body{padding:16px}main{padding:24px}h1{font-size:25px}}