:root{color-scheme:dark;background:#090909;color:#f5f5f5;font-family:'Avenir Next',Avenir,sans-serif;line-height:1.55}
*{box-sizing:border-box}
body{margin:0;background:#090909}
header{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px;border-bottom:1px solid #282828;background:#111}
header>a{font-weight:700;color:#fff;text-decoration:none}
nav{display:flex;gap:18px}
a{color:#ffb84d}
nav a{color:#c8c8c8;text-decoration:none}
main,footer{width:min(760px,calc(100% - 32px));margin:0 auto}
main{padding:40px 0 56px}
h1{font-size:32px;line-height:1.2;margin:0 0 28px}
h2{font-size:18px;line-height:1.3;margin:0 0 8px}
p{margin:0;color:#c8c8c8}
section+section{margin-top:28px}
footer{padding:24px 0 40px;border-top:1px solid #282828;color:#8c8c8c}
form{max-width:480px;margin-top:28px}
label{display:block;margin:18px 0 6px;font-weight:600}
input{width:100%;padding:12px;background:#151515;color:#fff;border:1px solid #3a3a3a;border-radius:8px;font:inherit}
input:focus{outline:2px solid #ffb84d;outline-offset:1px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
button,.button{display:inline-block;padding:10px 14px;border:1px solid #ffb84d;border-radius:8px;background:#ffb84d;color:#090909;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
button.secondary{background:transparent;color:#ffb84d}
button:disabled{cursor:wait;opacity:.65}
#status{min-height:24px;margin-top:18px}
[hidden]{display:none!important}
@media(max-width:520px){header{align-items:flex-start;flex-direction:column;padding:16px}nav{flex-wrap:wrap}main{padding-top:28px}h1{font-size:28px}}