:root { --lvm-green:#009b31; --ink:#173022; --muted:#637168; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; font-family:Arial, sans-serif; color:var(--ink); background:linear-gradient(140deg,#edf8ee 0%,#f6faf5 55%,#dff0e1 100%); }
.login-page { min-height:100vh; display:grid; place-items:center; padding:24px; }
.login-card { width:min(100%,440px); padding:48px; background:#fff; border-radius:18px; box-shadow:0 18px 50px #17302220; border-top:6px solid var(--lvm-green); }
.login-card img { width:130px; height:auto; margin-bottom:28px; }
.eyebrow { margin:0 0 8px; color:var(--lvm-green); text-transform:uppercase; letter-spacing:.09em; font-size:12px; font-weight:700; }
h1 { margin:0; font-size:30px; }
.intro { margin:12px 0 28px; line-height:1.5; color:var(--muted); }
form { display:grid; gap:18px; }
label { display:grid; gap:7px; font-size:14px; font-weight:700; }
input { width:100%; padding:12px; border:1px solid #b9c9bc; border-radius:8px; font:inherit; }
input:focus { outline:3px solid #009b3130; border-color:var(--lvm-green); }
button { padding:13px 16px; border:0; border-radius:8px; background:var(--lvm-green); color:#fff; font:700 15px Arial,sans-serif; cursor:pointer; }
button:disabled { opacity:.65; cursor:wait; }
.form-error { min-height:20px; margin:0; color:#a51b1b; font-size:14px; }
@media (max-width:480px) { .login-card { padding:32px 24px; } }