:root { font-family: "Segoe UI", Arial, sans-serif; color: #173b3a; background: #f1f6f5; line-height: 1.6; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 760px; margin: 48px auto; padding: 28px; border: 1px solid #d8e5e2; border-radius: 12px; background: white; }
h1 { margin-top: 6px; line-height: 1.2; }
h2 { font-size: 1.2rem; }
.eyebrow { color: #37716b; font-size: .8rem; font-weight: 700; letter-spacing: 2px; }
label { display: block; font-weight: 600; }
textarea { width: 100%; padding: 12px; margin: 8px 0 16px; font: .9rem Consolas, monospace; border: 1px solid #aebfba; border-radius: 5px; resize: vertical; }
button { font: inherit; background: #075a50; color: white; border: 0; border-radius: 6px; padding: 10px 16px; cursor: pointer; font-weight: 600; }
button:focus-visible, textarea:focus-visible { outline: 3px solid #4394de; outline-offset: 3px; }
.warning { background: #fff8e5; color: #604711; border: 1px solid #e8d7a6; padding: 14px; border-radius: 6px; }
.privacy { color: #58716d; font-size: .85rem; margin-top: 28px; }
[hidden] { display: none !important; }
@media (max-width: 700px) { main { margin: 16px; padding: 20px; } }