:root{color:#18181b;background:#fafafa;font-family:system-ui,sans-serif}body{margin:0}main{box-sizing:border-box;max-width:640px;margin:15vh auto;padding:32px}.brand{font-weight:700}h1{letter-spacing:-.05em;font-size:clamp(2.5rem,8vw,4rem)}p{overflow-wrap:anywhere;line-height:1.6}nav{align-items:center;gap:24px;margin-top:24px;display:flex}a{color:inherit}button,.button{color:#fff;font:inherit;cursor:pointer;background:#18181b;border:0;border-radius:8px;padding:12px 20px;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#3f3f46}:focus-visible{outline-offset:4px;outline:3px solid #6366f1}