body { font-family: system-ui, sans-serif; max-width: 32rem; margin: 2rem auto; padding: 0 1rem; line-height: 1.5; color: #222; }
main { background: #fff; padding: 1.5rem; border-radius: 0.4rem; box-shadow: 0 1px 4px rgba(0,0,0,0.06); }
h1 { font-size: 1.4rem; margin-top: 0; }
label { display: block; margin: 0.6rem 0 0.2rem; font-weight: 600; font-size: 0.9rem; }
input[type=text], input[type=password], input[type=email] { width: 100%; padding: 0.4rem 0.5rem; border: 1px solid #bbb; border-radius: 0.3rem; box-sizing: border-box; }
button { padding: 0.5rem 1rem; border-radius: 0.3rem; border: 0; background: #1b4332; color: #fff; font-weight: 600; cursor: pointer; }
button:hover { background: #2d6a4f; }
.error { background: #fde7e7; border: 1px solid #c0392b; color: #6b1d10; padding: 0.5rem 0.75rem; border-radius: 0.3rem; margin: 0.6rem 0; }
.actions { margin-top: 0.8rem; display: flex; gap: 0.5rem; }
a { color: #1b4332; }
footer { margin-top: 2rem; text-align: center; font-size: 0.85rem; color: #777; }
pre { background: #f4f4f4; padding: 0.6rem; border-radius: 0.3rem; overflow-x: auto; }