:root { color-scheme: light; font-family: system-ui, sans-serif; color: #18372f; background: #f3f6f2; }
* { box-sizing: border-box; }
body { margin: 0; padding: 32px 16px; }
main { max-width: 480px; margin: 5vh auto; padding: 32px; background: white; border: 1px solid #d4ddd7; border-radius: 20px; }
.brand { letter-spacing: .14em; font-size: .8rem; font-weight: 750; text-decoration: none; }
h1 { font-size: 2rem; line-height: 1.15; margin-top: 28px; }
p { line-height: 1.55; }
label { display: block; margin: 20px 0 8px; font-weight: 650; }
input, button { width: 100%; min-height: 48px; border-radius: 8px; font: inherit; padding: 12px; }
input { border: 1px solid #6f837a; }
button { background: #205344; color: white; border: none; font-weight: 650; cursor: pointer; margin-top: 16px; }
button:disabled { opacity: .5; cursor: default; }
a { color: #205344; }
:focus-visible { outline: 3px solid #c77c20; outline-offset: 3px; }
#captcha { margin-top: 20px; min-height: 65px; }
[hidden] { display: none !important; }
@media (max-width: 400px) { main { padding: 20px; margin-top: 0; } }