body { margin: 0; background: #f4efe6; color: #23382f; font: 16px system-ui, sans-serif; }
.card { max-width: 440px; margin: 8vh auto; padding: 32px; background: #fffdf8; border-radius: 20px; box-shadow: 0 12px 45px #23382f14; }
h1 { font-size: 32px; } p { line-height: 1.5; } label { display: block; margin: 20px 0; }
input { display: block; width: 100%; box-sizing: border-box; margin-top: 8px; padding: 12px; font: inherit; border: 1px solid #a8b2aa; border-radius: 8px; }
button { padding: 12px 20px; border: 0; border-radius: 8px; background: #285a43; color: white; font: inherit; cursor: pointer; }
button:disabled { opacity: .5; } a { color: #285a43; } #auth-message { min-height: 24px; }
@media(max-width: 520px) { .card { margin: 24px 12px; padding: 24px; } }