*{box-sizing:border-box}html{font-family:system-ui,sans-serif;background:#15803d;color:#fff}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:2rem}main{width:min(720px,100%);background:rgba(0,0,0,.22);padding:clamp(2rem,6vw,4rem);border:2px solid rgba(255,255,255,.45);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700}h1{font-size:clamp(2.4rem,8vw,5rem);line-height:1;margin:.3em 0}p{font-size:1.15rem;line-height:1.6}code{display:inline-block;margin-top:1rem;padding:.7rem 1rem;background:#fff;color:#111;border-radius:8px;overflow-wrap:anywhere}

.consent{position:fixed;z-index:10;left:1rem;right:1rem;bottom:1rem;max-width:44rem;margin:auto;padding:1rem 1.2rem;border:2px solid currentColor;border-radius:12px;background:#fff;color:#172033;text-align:left;box-shadow:0 10px 35px #0003}.consent p{margin:.35rem 0 .8rem}.consent div{display:flex;gap:.6rem;flex-wrap:wrap}.consent button{border:0;border-radius:8px;padding:.65rem 1rem;font:inherit;font-weight:700;cursor:pointer}.consent button:first-child{background:#172033;color:#fff}.consent button:last-child{background:#e8edf5;color:#172033}.consent[hidden]{display:none}