:root { --fundo: #121013; --painel: #1c181d; --borda: #34293a; --texto: #ece6ee; --suave: #a598aa; --brasa: #d4402c; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px;
       background: radial-gradient(circle at top, #2a1416, var(--fundo) 60%); color: var(--texto);
       font: 15px/1.5 "Segoe UI", system-ui, sans-serif; }
.caixa { width: min(440px, 100%); background: var(--painel); border: 1px solid var(--borda);
         border-top: 3px solid var(--brasa); border-radius: 12px; padding: 24px; display: grid; gap: 12px; }
h1 { margin: 0; color: #ff6a3d; letter-spacing: .05em; }
label { display: grid; gap: 6px; font-size: 13px; color: var(--suave); }
input, textarea { background: var(--fundo); color: var(--texto); border: 1px solid var(--borda);
                  border-radius: 6px; padding: 8px 10px; font: inherit; width: 100%; }
.botoes { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
button { background: var(--brasa); color: #fff; border: none; border-radius: 6px; padding: 10px; font: inherit; cursor: pointer; }
img { justify-self: center; background: #fff; border-radius: 8px; }
.suave { color: var(--suave); font-size: 13px; }
.erro { color: #e05555; }