* { box-sizing: border-box; }
body { margin: 0; background: #f7f7f7; color: #393737; padding: 40px 20px; font: 17px/1.6 system-ui, sans-serif; }
main { max-width: 650px; margin: auto; padding: 32px; border-radius: 28px; background: white; box-shadow: rgba(0,0,0,.05) 0 4px 20px; }
h1 { font: 400 clamp(32px, 6vw, 48px)/1.2 Georgia, serif; }
.badge { padding: 6px 14px; border-radius: 999px; background: #e7e0f2; font-size: 13px; }
img { display: block; max-width: 100%; height: auto; margin: 24px auto; }
button { display: block; padding: 12px 22px; border: 0; border-radius: 999px; background: #393737; color: white; font: inherit; cursor: pointer; }
a { color: #393737; text-underline-offset: 4px; }
:focus-visible { outline: 3px solid #9a85b8; outline-offset: 4px; }