:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:#e5edf7;color:#172d45}body{margin:0;min-height:100dvh;display:grid;place-items:center}main{box-sizing:border-box;width:min(100%,520px);padding:28px}h1{font-size:24px;margin:0 0 14px}p{line-height:1.6;margin:0 0 24px}a{display:inline-block;padding:12px 18px;background:#1c5579;color:white;border-radius:8px;text-decoration:none}a:focus-visible{outline:3px solid #c8a258;outline-offset:3px}html.dark{background:#0c1d30;color:#f2f6fa}