:root { --fg: #10202b; --bg: #f4f7fa; --accent: #0b6; }
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 0; color: var(--fg); background: var(--bg); }
header { background: #10202b; color: #fff; padding: 12px 20px; display: flex; justify-content: space-between; align-items: center; }
header a { color: #9fe; text-decoration: none; }
main { padding: 20px; max-width: 920px; margin: 0 auto; }
h1 { font-size: 1.5rem; }
form { display: flex; flex-direction: column; gap: 10px; max-width: 320px; }
label { display: flex; flex-direction: column; font-size: .9rem; gap: 4px; }
input { padding: 8px; border: 1px solid #ccd; border-radius: 6px; }
button { padding: 9px; background: var(--accent); color: #fff; border: 0; border-radius: 6px; cursor: pointer; }
footer { padding: 20px; text-align: center; color: #678; }