:root { font-family: "Segoe UI", "Microsoft YaHei", sans-serif; color: #20352c; background: #f2f5f2; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 28px 16px; }
.login-card { width: min(440px, 100%); padding: 38px; border: 1px solid #dce5dd; border-radius: 22px; background: #fff; box-shadow: 0 18px 60px #1d493012; }
.brand-mark { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: white; background: #347952; font-size: 32px; }
.eyebrow { margin: 24px 0 10px; color: #64766c; font-size: 10px; letter-spacing: .16em; }
h1 { margin: 0; font-size: 27px; letter-spacing: -.03em; }
.intro, .privacy-note { color: #6b7a71; font-size: 13px; line-height: 1.8; }
.intro { margin: 14px 0 26px; }
label { display: block; margin: 18px 0 7px; font-size: 13px; font-weight: 600; }
input { width: 100%; min-height: 44px; border: 1px solid #d7e1d9; border-radius: 9px; padding: 10px 12px; background: #fbfcfb; font: inherit; }
input:focus-visible, button:focus-visible { outline: 3px solid #b6d8bf; outline-offset: 2px; }
button { width: 100%; min-height: 46px; border: 0; border-radius: 10px; background: #347952; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
button:disabled { opacity: .65; cursor: wait; }
.error { min-height: 22px; color: #a43838; font-size: 13px; line-height: 1.6; }
.privacy-note { margin: 22px 0 0; padding-top: 20px; border-top: 1px solid #edf0ed; font-size: 11px; }
@media (max-width: 440px) { .login-card { padding: 28px 22px; } }