*{box-sizing:border-box}html{background:#111918;color:#f1f2e9;font-family:system-ui,sans-serif}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:1.5rem}main{width:min(30rem,100%);background:#1b2926;border-top:5px solid #bde6cc;padding:2.5rem;box-shadow:0 18px 50px #0006;overflow-wrap:anywhere}.mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#bde6cc;color:#111918;font-weight:800}.eyebrow{font:700 .7rem ui-monospace,monospace;letter-spacing:.14em;color:#aebdb5}h1{font-size:clamp(2rem,8vw,3.4rem);line-height:.95;letter-spacing:-.05em}p{line-height:1.6}button{border:0;background:#bde6cc;color:#111918;padding:.85rem 1.2rem;font-weight:700;margin:.5rem .5rem 0 0}button.secondary{background:#aebdb5;color:#111918}button:focus-visible{outline:3px solid #f0aaa0;outline-offset:3px}@media(max-width:35rem){main{padding:1.5rem}}