*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#fff;background:#052e16}
.login-wrapper{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:radial-gradient(circle at 18% 18%,rgba(132,204,22,.35),transparent 28%),linear-gradient(135deg,#052e16,#14532d 55%,#3f6212);overflow:hidden}
.left-panel{padding:42px 58px;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.brand-box{display:flex;align-items:center;gap:18px}.brand-icon,.login-logo{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#65a30d,#16a34a);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;box-shadow:0 15px 35px rgba(22,163,74,.45)}
.brand-box h1{margin:0;font-size:34px;letter-spacing:2px}.brand-box span{letter-spacing:4px;color:#d9f99d;font-size:14px}
.hero-content{max-width:680px}.badge-top{display:inline-block;padding:10px 20px;border-radius:999px;background:rgba(255,255,255,.12);color:#d9f99d;font-weight:800;margin-bottom:18px}
.hero-content h2{font-size:46px;line-height:1.08;margin:0 0 18px}.hero-content p{font-size:18px;line-height:1.6;color:#dcfce7;max-width:600px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.feature-card{padding:18px 12px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);text-align:center}.feature-card i{font-size:30px;color:#bef264;display:block;margin-bottom:10px}.feature-card strong,.feature-card small{display:block}.feature-card small{color:#dcfce7;margin-top:5px}
.secure-box{display:flex;gap:16px;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}.secure-box i{font-size:32px;color:#bef264}.secure-box span{display:block;color:#dcfce7;margin-top:5px}
.right-panel{display:flex;align-items:center;justify-content:center;padding:35px}.login-card{width:100%;max-width:480px;background:rgba(255,255,255,.97);color:#102016;border-radius:30px;padding:38px 48px;box-shadow:0 35px 90px rgba(0,0,0,.35)}.login-logo{margin:0 auto 22px;color:#fff}.login-card h3{text-align:center;font-size:34px;margin:0}.subtitle{text-align:center;color:#5f7650;margin:10px 0 26px}.error-box{background:#fee2e2;color:#991b1b;padding:13px;border-radius:14px;margin-bottom:18px;font-weight:700}
form label{display:block;font-weight:800;margin:16px 0 8px}.input-group{display:flex;align-items:center;gap:12px;border:1px solid #dfead8;border-radius:16px;padding:0 16px;background:#fff}.input-group i{color:#5f7650;font-size:20px}.input-group input{width:100%;height:52px;border:none;outline:none;font-size:15px;color:#102016}.input-group:focus-within{border-color:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12)}
button{width:100%;height:56px;border:none;border-radius:16px;background:linear-gradient(135deg,#3f8f22,#16a34a);color:white;font-size:16px;font-weight:900;margin-top:24px;cursor:pointer;box-shadow:0 18px 36px rgba(22,163,74,.30);display:flex;align-items:center;justify-content:center;gap:12px}
.safe-login{height:50px;border-radius:16px;border:1px solid #dfead8;background:#f5f8f1;color:#5f7650;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;margin-top:24px}footer{text-align:center;color:#5f7650;margin-top:24px}
@media(max-width:1000px){.login-wrapper{grid-template-columns:1fr}.left-panel{display:none}.right-panel{min-height:100vh}.login-card{padding:32px 26px}}