:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #10120f; color: #f4f5ee; }
body { max-width: 720px; margin: 0 auto; padding: 52px 24px; }
.eyebrow { color: #d3ee75; font-size: .8rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.card { display: grid; gap: 14px; max-width: 470px; padding: 24px; background: #181b17; border: 1px solid #66774d; border-radius: 16px; }
form, label, .actions { display: grid; gap: 13px; }
label { gap: 7px; color: #d7dccf; font-size: .9rem; }
input { min-height: 42px; padding: 9px 10px; color: #f4f5ee; background: #20251e; border: 1px solid #485044; border-radius: 8px; }
button, a { border: 0; border-radius: 8px; padding: 10px 14px; color: #182110; background: #d3ee75; font: inherit; font-weight: 700; text-decoration: none; text-align: center; cursor: pointer; }
a { color: #b8bdb0; background: transparent; }
.status { min-height: 24px; margin: 0; color: #cbd4c1; }