:root { font-family: system-ui, sans-serif; color: #26352b; background: #f2f5f2; }
body { margin: 0; padding: 24px; }
main { max-width: 680px; margin: 5vh auto; padding: 28px; background: white; border: 1px solid #dfe6df; border-radius: 8px; }
header p { font-size: 12px; letter-spacing: 2px; color: #526158; }
h1 { font-size: 26px; }
h2 { font-size: 18px; }
section { margin: 24px 0; padding-top: 16px; border-top: 1px solid #dfe6df; }
form { display: grid; gap: 14px; margin: 16px 0; }
label { display: grid; gap: 6px; font-size: 14px; }
input, button { box-sizing: border-box; width: 100%; padding: 12px; border: 1px solid #cbd6cd; border-radius: 4px; font: inherit; }
button { background: #315d42; color: white; cursor: pointer; }
a { color: #315d42; }
p { line-height: 1.6; font-size: 14px; }
.error { padding: 12px; background: #fff0ee; color: #a13f33; }
@media (max-width: 480px) { body { padding: 12px; } main { margin: 12px auto; padding: 18px; } }