:root{--green:#176b38;--dark:#0d3a21;--soft:#edf7f0;--ink:#17211b;--muted:#68756d}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink)}main{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.brand{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding:8vw;background:linear-gradient(145deg,var(--green),var(--dark));color:white}.brand img{width:95px;height:95px;object-fit:contain;margin-bottom:28px;border-radius:20px;background:white}.brand span{font-size:11px;font-weight:900;letter-spacing:.18em}.brand h1{margin:10px 0 18px;font-size:clamp(40px,6vw,72px);line-height:1.03}.brand p{max-width:600px;margin:0;font-size:17px;line-height:1.6;opacity:.86}.login{display:grid;place-items:center;padding:40px;background:#f5f8f6}.login>div{width:min(420px,100%)}.login small{color:var(--green);font-weight:900;letter-spacing:.14em}.login h2{margin:8px 0;font-size:34px}.login p{color:var(--muted)}form{display:grid;gap:17px;margin-top:28px}label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:800}input{height:50px;padding:0 14px;border:1px solid #cedbd2;border-radius:12px;background:white;font-size:15px}button{height:50px;border:0;border-radius:12px;background:var(--green);color:white;font-weight:900;font-size:15px;cursor:pointer}#mensaje{min-height:20px;color:#b42318;text-align:center;font-size:13px}footer{margin-top:45px;color:#8a958e;font-size:11px}@media(max-width:800px){main{grid-template-columns:1fr}.brand{min-height:40vh;padding:40px 25px}.brand h1{font-size:38px}.login{padding:45px 22px}}