*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:#14120f;color:#ece6da;font:16px "Roboto Condensed",system-ui,sans-serif;display:grid;place-items:center;padding:16px}
form{width:min(320px,100%);display:grid;gap:10px;text-align:center}
h1{font:400 44px/1 "Permanent Marker",cursive;margin:0;color:#e0683f}
p{margin:0 0 14px;color:#9a9184;text-transform:uppercase;letter-spacing:.14em;font-size:13px}
input,button{font:inherit;height:44px;border-radius:4px;border:1px solid #332d27;padding:0 12px;width:100%}
input{background:#1c1916;color:#ece6da}
input:focus{outline:2px solid #e0683f;outline-offset:1px}
button{background:#e0683f;border-color:#e0683f;color:#14120f;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}
button:hover{background:#ea7a52}
#error{color:#e58a7e;min-height:20px;font-size:14px}