:root{font-family:system-ui,sans-serif;color:#102a43;background:#f7f4ed}body{margin:0;min-height:100vh;display:grid;place-items:center}main{max-width:38rem;padding:3rem;background:#fff;box-shadow:0 8px 30px #102a4317}h1{color:#0b2545}.mark{font-size:.75rem;letter-spacing:.16em;color:#b28a32;font-weight:700}button{background:#0b2545;color:#fff;border:0;padding:.75rem 1.25rem;font:inherit;cursor:pointer}button:disabled{opacity:.55}
.environment{color:#9c1616;font-weight:700;border:2px solid currentColor;padding:.65rem}button:focus-visible{outline:3px solid #b28a32;outline-offset:3px}@media(max-width:500px){main{padding:1.5rem;margin:1rem}}