:root{color-scheme:light dark;--cloud:#f7f9fc;--graphite:#18212b;--obsidian:#0b1118;--cyan:#22d3ee}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--obsidian);color:var(--cloud)}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.panel{width:min(760px,100%);border:1px solid #293746;border-radius:18px;padding:2rem;background:#111923}.eyebrow{color:var(--cyan);letter-spacing:.18em;font-weight:700}h1{font-size:clamp(2rem,6vw,4.5rem);margin:.4rem 0 1rem}p{line-height:1.7;color:#c6d0da}code{color:var(--cyan)}