:root{--h:61;--bg:hsl(var(--h) 30% 97%);--ink:hsl(var(--h) 25% 12%);--muted:hsl(var(--h) 12% 38%);--card:#fff;--line:hsl(var(--h) 20% 86%);--accent:hsl(var(--h) 55% 34%)}
@media (prefers-color-scheme:dark){:root{--bg:hsl(var(--h) 22% 9%);--ink:hsl(var(--h) 20% 92%);--muted:hsl(var(--h) 10% 68%);--card:hsl(var(--h) 18% 13%);--line:hsl(var(--h) 14% 24%);--accent:hsl(var(--h) 60% 70%)}}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at 20% 0%,hsl(var(--h) 60% 50% / .12),transparent 60%),var(--bg);font:17px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;display:flex}
main{margin:auto;width:100%;max-width:640px;padding:48px 16px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--accent);margin:0 0 8px}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2rem,8vw,3.6rem);line-height:1.1;margin:0 0 12px;overflow-wrap:anywhere}
h1.msg{font-size:clamp(1.8rem,6vw,2.6rem)}
.kind{margin:0 0 8px;color:var(--accent)}
.lede{color:var(--muted);margin:0 0 28px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:14px}
label{display:grid;gap:4px;font-size:.92rem;color:var(--muted)}
input,textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%}
input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
button{font:inherit;font-weight:600;color:#fff;background:var(--accent);border:0;border-radius:8px;padding:12px 18px;cursor:pointer;justify-self:start}
@media (prefers-color-scheme:dark){button{color:hsl(var(--h) 25% 10%)}}
button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.small{font-size:.82rem;color:var(--muted);margin:0}
.cf-turnstile{min-height:65px}
a{color:var(--accent)}