:root{--ink:#15251f;--muted:#6b7b74;--green:#0d7654;--paper:#f4f7f5}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--paper);color:var(--ink)}
.login-shell{min-height:calc(100vh - 48px);display:grid;grid-template-columns:1.2fr .8fr;background:linear-gradient(135deg,#0d3024,#0d5e42)}
.login-intro{padding:10vw;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 20% 20%,#3da47b44,transparent 38%)}
.eyebrow{color:#c6f068;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.login-intro h1{max-width:760px;font-size:clamp(42px,5vw,70px);line-height:1.04;letter-spacing:-3px;margin:22px 0}
.login-intro p{color:#bcd2c9;max-width:560px;font-size:17px;line-height:1.7}
.login-panel{display:grid;place-items:center;padding:32px}
.login-card{background:#fff;padding:42px;width:min(420px,100%);border-radius:18px;box-shadow:0 24px 70px #001c1244}
.login-mark{display:grid;place-items:center;width:58px;height:58px}
.login-mark img{display:block;width:58px;height:58px;object-fit:contain}
.login-card h2{margin:24px 0 4px;font-size:28px}
.login-card>p{color:var(--muted);margin:0 0 28px}
.login-card label{display:block;font-size:12px;font-weight:700;margin:15px 0 7px}
.login-card .form-control{padding:11px;border-color:#dfe8e3}
.login-card .form-control:focus{border-color:var(--green);box-shadow:0 0 0 .2rem #0d765426}
.login-card .btn-primary{padding:11px;border-radius:8px;font-size:13px;font-weight:700;background:var(--green);border-color:var(--green)}
.login-card .btn-primary:hover,.login-card .btn-primary:focus{background:#095f43;border-color:#095f43}
.login-footer{height:48px;display:grid;place-items:center;padding:8px 20px;background:#fff;color:var(--muted);font-size:12px;text-align:center}
@media(max-width:1100px){.login-shell{grid-template-columns:1fr}.login-intro{display:none}.login-panel{background:linear-gradient(135deg,#0d3024,#0d5e42)}}
@media(max-width:430px){.login-panel{padding:18px}.login-card{padding:28px 22px}.login-footer{height:auto;min-height:48px}}