:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #182019; background: #f4f6f3; }
* { box-sizing: border-box; } body { margin: 0; min-height: 100vh; }
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: linear-gradient(90deg,#202821 0,#202821 34%,#f4f6f3 34%); }
.login-card { width: min(440px,100%); padding: 38px; background: white; border: 1px solid #dce3dc; border-radius: 14px; box-shadow: 0 24px 70px rgba(16,30,19,.18); }
.login-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 38px; }.login-brand > span:last-child { display: flex; flex-direction: column; }.login-brand strong { font-size: 15px; }.login-brand small { color: #68736a; font-size: 11px; }
.login-mark { width: 34px; height: 34px; position: relative; border-radius: 7px; background: #579064; box-shadow: inset 0 -10px #426f4d; }.login-mark::before,.login-mark::after,.login-mark i::before { content:""; position:absolute; width:6px; height:6px; background:rgba(255,255,255,.25); }.login-mark::before{left:6px;top:6px}.login-mark::after{right:6px;top:10px}.login-mark i::before{left:14px;top:4px}
.eyebrow { margin: 0 0 7px; color: #257447; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; font-weight: 750; }.login-copy h1 { font-size: 28px; margin: 0; }.login-copy > p:last-child { color: #68736a; margin: 8px 0 28px; }
label { display:block; font-size:12px; font-weight:700; margin-bottom:7px; } input { width:100%; height:46px; padding:0 12px; border:1px solid #cbd5cc; border-radius:7px; outline:none; font:inherit; } input:focus{border-color:#257447;box-shadow:0 0 0 3px #e5f2e9}.login-error{min-height:20px;margin:7px 0;color:#b4403f;font-size:11px}button{width:100%;height:46px;border:0;border-radius:8px;background:#257447;color:white;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#1e633c}footer{margin-top:28px;padding-top:20px;border-top:1px solid #dce3dc;color:#7a847c;font-size:11px;text-align:center}.lock{color:#257447;margin-right:6px}
@media(max-width:600px){.login-shell{background:#f4f6f3;padding:16px}.login-card{padding:28px 22px;box-shadow:0 14px 40px rgba(16,30,19,.1)}}