:root{
  --ink:#113929; --green:#21A645; --lime:#B0CB3C; --gold:#DEDE38;
  --font:'Roboto','Segoe UI',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);color:#17271e}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;
  background:radial-gradient(130% 90% at 20% 10%, #1c5a37 0%, var(--ink) 60%, #0a2418 100%)}
.card{background:#fff;border-radius:22px;max-width:440px;width:100%;padding:40px 34px;text-align:center;
  box-shadow:0 20px 50px rgba(0,0,0,.25)}
.logo{height:46px;width:auto;margin:0 auto 22px}
h1{font-size:26px;font-weight:800;color:var(--ink);margin-bottom:12px}
p{font-size:15px;color:#6b7d72;line-height:1.5;max-width:32em;margin:0 auto 20px}
.badge{display:inline-block;background:#F2F7E1;color:var(--ink);font-size:12px;font-weight:800;
  letter-spacing:.5px;padding:6px 14px;border-radius:20px;text-transform:uppercase}
.iber{margin-top:26px;font-size:12px;color:#8aa294;font-weight:600;display:flex;gap:7px;align-items:center;justify-content:center}
.iber .dot{width:8px;height:8px;border-radius:50%;background:var(--lime)}