:root { color-scheme: dark; font-family: Georgia, serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; color: #fff6e8; background: radial-gradient(circle at top, #713000, #170700 58%, #050201); }
main { width: min(760px, calc(100% - 32px)); padding: clamp(32px, 7vw, 72px); border: 1px solid #d66a13; border-radius: 28px; background: rgba(24, 7, 0, .86); box-shadow: 0 32px 90px rgba(0, 0, 0, .5); }
.eyebrow { color: #ffad42; font: 700 .78rem/1.2 sans-serif; letter-spacing: .18em; }
h1 { margin: 18px 0 12px; font-size: clamp(2.8rem, 9vw, 6rem); line-height: .92; }
p { color: #dfc4ae; font: 1.15rem/1.7 sans-serif; }
code { color: #ffad42; }