:root { color-scheme: light; font-family: system-ui, sans-serif; color: #222b3a; background: #f5f3ed; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(420px, calc(100% - 64px)); padding: 28px; margin: 24px 0; background: white; border: 1px solid #e0ddd5; border-radius: 18px; box-shadow: 0 12px 38px #222b3a10; }
.brand { font-size: .72rem; letter-spacing: .12em; color: #586550; }
h1 { font-size: 1.7rem; }
p { line-height: 1.6; }
label { display: block; margin: 18px 0 6px; }
input, button { box-sizing: border-box; width: 100%; padding: 12px; border: 1px solid #a9b2ac; border-radius: 8px; font: inherit; }
button { margin-top: 20px; background: #315c43; color: white; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
a { color: #315c43; }
:focus-visible { outline: 3px solid #d39330; outline-offset: 3px; }
[hidden] { display: none !important; }