@charset "UTF-8";
:root{--sans:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px;background:#f8f9f5;color:#283d34;font-family:var(--sans);-webkit-font-smoothing:antialiased}
.login-card{width:100%;max-width:420px;padding:40px 36px 30px;background:#fff;border:1px solid #e3e9dd;border-radius:18px;box-shadow:0 16px 60px #29432b08;text-align:center}
.brand-mark{display:block;margin:0 auto 22px}
.eyebrow{font-size:9px;letter-spacing:1.6px;color:#819374;margin:0 0 12px}
h1{font-family:var(--sans);font-size:34px;font-weight:500;letter-spacing:7px;margin:0 0 15px;padding-left:7px}
.intro{font-size:14px;color:#7b8c71;margin:0 0 32px}
form{text-align:left}label{display:block;font-size:13px;color:#52674a;margin-bottom:10px}
input{width:100%;border:1px solid #dce5d5;border-radius:8px;background:#fafbf7;padding:13px 14px;font-family:inherit;line-height:1.5;color:#283d34;min-height:50px;font-size:16px}
input::placeholder{color:#a1ac97;font-size:14px}
input:focus{outline:2px solid #9fb78e;outline-offset:2px}
button{width:100%;margin-top:18px;padding:14px;border:0;border-radius:8px;background:#244c3d;color:#fff;font:15px/1.5 var(--sans);cursor:pointer}
button:hover{background:#315e4c}button:focus-visible{outline:2px solid #9fb78e;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}
#login-error{font-size:13px;line-height:1.7;color:#a3583d;margin:12px 0 0}
.footnote{font-family:var(--sans);font-size:12px;letter-spacing:1px;color:#9aaa8e;margin:28px 0 0}
@media(max-width:480px){.login-card{padding:34px 25px 26px}}