*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#edf3ef;min-height:100vh}
.login-container{display:flex;min-height:100vh}
.login-left{width:56%;position:relative;background:linear-gradient(135deg,#214d33,#2e7d32 45%,#5aa66a);color:#fff;display:flex;align-items:center;justify-content:center;padding:42px;overflow:hidden}
.login-left .overlay{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.18),transparent 35%),rgba(0,0,0,.16)}
.login-illustration{position:absolute;right:5%;bottom:0;width:min(48%,480px);opacity:.22;filter:drop-shadow(0 20px 40px rgba(0,0,0,.18))}
.left-content{position:relative;z-index:2;max-width:560px}
.brand-inline{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.login-logo{width:64px;height:64px;border-radius:18px;background:#fff;padding:10px;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.left-content h1{font-size:42px;margin-bottom:6px}
.brand-sub{font-size:14px!important;margin:0!important;opacity:.9}
.hero-text{font-size:18px;line-height:1.7;margin-bottom:24px;max-width:470px}
.left-card{background:rgba(255,255,255,.12);padding:22px;border-radius:18px;backdrop-filter:blur(8px);box-shadow:0 18px 40px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.12)}
.left-card h3{margin-bottom:12px;font-size:20px}
.left-card ul{padding-left:18px;line-height:1.9}
.login-right{width:44%;background:#f7f9f8;display:flex;align-items:center;justify-content:center;padding:30px}
.login-box{width:100%;max-width:430px;background:#fff;border-radius:18px;padding:36px 32px;box-shadow:0 18px 38px rgba(0,0,0,.08)}
.login-box h2{font-size:30px;color:#1f2937;margin-bottom:8px}
.subtitle{color:#6b7280;margin-bottom:20px}
.alert-error{background:#fdecec;color:#b91c1c;padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:14px}
.login-form .form-group{margin-bottom:16px}
.login-form label{display:block;margin-bottom:6px;color:#374151;font-size:14px;font-weight:600}
.login-form input,.login-form select{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:12px;outline:none;font-size:14px;background:#fff}
.login-form input:focus,.login-form select:focus{border-color:#2e7d32;box-shadow:0 0 0 3px rgba(46,125,50,.12)}
.btn-login{width:100%;border:none;background:linear-gradient(135deg,#2e7d32,#3f9a49);color:#fff;padding:13px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer}
.btn-login:hover{filter:brightness(.97)}
.login-note{margin-top:16px;font-size:13px;color:#6b7280;text-align:center}
@media (max-width:1080px){.login-left{display:none}.login-right{width:100%}}