:root { color-scheme: light; font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; color: #1b2a2a; background: #f3f6f2; }
* { box-sizing: border-box; letter-spacing: 0; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 28px; }
main { width: min(100%, 420px); }
.brand { color: #0d6b66; font-weight: 750; font-size: 18px; }
h1 { font-size: 28px; margin-block: 20px 12px; }
p,small { color: #50605e; line-height: 1.7; }
form { display: grid; gap: 12px; margin: 26px 0; }
input,button { width: 100%; min-height: 46px; border-radius: 5px; font: inherit; }
input { border: 1px solid #bdcbc4; background: white; padding: 10px 12px; }
button { border: 0; background: #0d6b66; color: white; padding: 10px 16px; cursor: pointer; }
button:hover { background: #0a514e; } button:disabled { opacity: .65; cursor: wait; }
:focus-visible { outline: 3px solid #315f7a; outline-offset: 3px; }
#error { color: #983b29; margin: 0; min-height: 25px; }