*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f4f6;color:#111827}main{min-height:100vh;display:grid;place-items:center;padding:24px}section{width:min(650px,100%);background:#fff;padding:36px;border-radius:16px;box-shadow:0 12px 35px #0002}small{font-weight:700}h1{font-size:42px;margin:14px 0}p{line-height:1.7}button{padding:12px 18px;border:0;color:#fff;font-weight:700;cursor:pointer}button,pre{border-radius:8px;background:#111827}pre{color:#eee;padding:16px;overflow:auto}code{background:#eee;padding:3px 6px;border-radius:4px}