:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#263b30;background:#f1f5f0;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,420px);padding:36px;background:#fff;border:1px solid #dce5da;border-radius:18px;box-shadow:0 18px 55px #254c3512}
.brand{font-size:18px;font-weight:700;color:#285c43}.brand span{font-size:13px;font-weight:400;color:#748477}
h1{margin:30px 0 8px;font-size:25px;line-height:1.2}.intro,.footnote{color:#748477;font-size:14px;line-height:1.55}
form{margin-top:24px}label{display:block;margin:16px 0 6px;font-size:14px;font-weight:600}
input{width:100%;padding:12px 13px;border:1px solid #cbd8cb;border-radius:9px;background:white;color:inherit;font:inherit}
input:focus{outline:2px solid #75a486;outline-offset:2px}button{width:100%;margin-top:23px;padding:12px;border:0;border-radius:9px;background:#2d694a;color:#fff;font:inherit;font-weight:650;cursor:pointer}button:hover{background:#24583d}
.notice{padding:11px 13px;border-left:3px solid #b16b4c;border-radius:5px;background:#fff2e9;color:#683b29;font-size:14px}
.footnote{margin:20px 0 0;font-size:12px}