* { box-sizing: border-box; }
body { margin: 0; background: #f5f5f5; color: #333; font: 1rem/1.5 "Segoe UI", Tahoma, sans-serif; }
.account-card { width: calc(100% - 2rem); max-width: 440px; margin: 4rem auto; padding: 2rem; background: #fff; border-radius: 8px; box-shadow: 0 4px 12px #00000015; }
h1 { font-size: 1.65rem; line-height: 1.25; }
label { display: block; font-weight: 600; margin-top: 1rem; }
input, button { width: 100%; min-width: 0; padding: .75rem; font: inherit; border-radius: 4px; }
input { border: 1px solid #aaa; }
input:focus-visible, button:focus-visible, a:focus-visible { outline: 3px solid #8c7028; outline-offset: 2px; }
button { margin-top: 1.5rem; border: 0; background: #bfa145; color: #171717; cursor: pointer; font-weight: 600; }
a { color: #775b13; }
.message { padding: .8rem; border-radius: 4px; overflow-wrap: anywhere; }
.error { background: #fdecea; color: #8e231b; }
.success { background: #e8f5e9; color: #245327; }
#password-help { font-size: .9rem; }
@media (max-width: 480px) { .account-card { margin: 2rem auto; padding: 1.25rem; } }