:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #203426; background: #f4f5f1; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; display: grid; place-items: center; padding: 24px; }
main { width: min(100%, 380px); background: white; border: 1px solid #e3e7e0; border-radius: 16px; padding: 32px; }
.mark { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #e8efe2; font-weight: 700; }
h1 { margin: 20px 0 8px; font-size: 24px; }
p { color: #667363; font-size: 14px; }
label { display: block; margin: 20px 0; font-size: 14px; }
input { display: block; margin-top: 8px; width: 100%; height: 42px; padding: 8px 12px; border: 1px solid #cfd7cb; border-radius: 8px; font: inherit; }
input:focus { outline: 2px solid #769e5e; outline-offset: 2px; }
button { width: 100%; height: 42px; border: 0; border-radius: 8px; color: white; background: #3c622a; font: inherit; cursor: pointer; }
button:disabled { opacity: .6; }
#message, #unified-message { min-height: 20px; color: #a53939; }
.login-link { display: grid; place-items: center; min-height: 44px; margin-top: 24px; border-radius: 8px; color: white; background: #3c622a; text-decoration: none; font-size: 14px; }
.help { line-height: 1.7; margin: 20px 0; }
small { color: #788473; }