:root{color-scheme:light dark}
body{font:16px/1.55 system-ui,sans-serif;max-width:40rem;margin:0 auto;padding:1.5rem 1rem;color:#1a1a1a;background:#fff}
@media (prefers-color-scheme:dark){body{color:#e8e8e8;background:#141414}input,button{background:#222;color:inherit}}
h1{font-size:1.9rem;line-height:1.2}
h2{font-size:1.2rem;margin-top:2rem}
.note{padding:.75rem 1rem;border-left:4px solid #888;background:rgba(128,128,128,.12)}
label{display:block;margin:.75rem 0}
input[type=email]{width:100%;max-width:24rem;padding:.5rem;font:inherit;box-sizing:border-box}
button{padding:.6rem 1.2rem;font:inherit;cursor:pointer}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
footer{margin-top:3rem;font-size:.9rem}