:root { font: 1rem/1.5 system-ui, sans-serif; background: #efb8c4; color: #fff4e9; }
body { margin: 0; padding: 1rem; }
main { max-width: 34rem; margin: min(8vh, 4rem) auto; padding: clamp(1rem, 5vw, 2rem); background: #211925; border-radius: 1rem; }
h1, h2 { line-height: 1.1; margin: 0 0 1rem; }
h1 { color: #efb8c4; }
input, textarea, button { font: inherit; box-sizing: border-box; display: block; width: 100%; margin: .65rem 0; padding: .65rem; border: 0; border-radius: .5rem; }
input, textarea { background: #fff4e9; color: #211925; }
button { background: #c42457; color: white; font-weight: bold; }
button:disabled { opacity: .65; }
[hidden] { display: none !important; }