html, body { margin: 0; height: 100%; background: #111110; color: #ece5d3; font-family: system-ui, sans-serif; }
body { display: grid; place-items: center; padding: 16px; }
form { width: min(320px, 100%); display: grid; gap: 10px; text-align: center; }
svg { margin: 0 auto; }
h1 { font-size: 22px; margin: 0 0 10px; letter-spacing: .04em; }
label { text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .12em; color: #a8a092; }
input { background: #0c0c0b; border: 1px solid #3d3a34; border-radius: 8px; padding: 10px 12px; color: inherit; font-size: 16px; }
input:focus { outline: none; border-color: #ef7a2c; }
button { background: #ef7a2c; color: #1a0f06; border: 0; border-radius: 8px; padding: 10px; font-weight: 600; font-size: 16px; cursor: pointer; }
#err { color: #e5594c; min-height: 1.4em; margin: 0; font-size: 14px; }