:root{
  --brand-blue:#1e3a8a; /* deep blue */
  --brand-green:#16a34a; /* jade green */
  --ink:#0f172a;
  --muted:#475569;
  --bg:#f8fafc;
  --card:#ffffff;
  --shadow:0 10px 28px rgba(2,6,23,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family: "Proxima Nova", system-ui, -apple-system, "Segoe UI", Roboto, Arial, Helvetica, sans-serif; background:var(--bg); color:var(--ink);line-height:1.6}
a{color:var(--brand-blue);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
header{
  position:sticky;top:0;z-index:50;background:#ffffffcf;backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid #e2e8f0;
}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:44px;border-radius:8px}
.brand .title{font-family:"Lora", serif;font-weight:700;font-size:1.25rem}
.navlinks{display:flex;gap:18px;align-items:center}
.navlinks a{padding:8px 12px;border-radius:12px}
.navlinks a.active, .navlinks a:hover{background:#e0f2fe}
.btn{
  display:inline-block;background:linear-gradient(135deg,var(--brand-blue), var(--brand-green));color:#fff;
  padding:10px 16px;border-radius:14px;font-weight:700;border:0;box-shadow:var(--shadow);cursor:pointer
}
.hero{padding:56px 0 24px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}
.card{background:var(--card);border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:var(--shadow)}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#dcfce7;color:#065f46;font-weight:700;font-size:.75rem}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}
.kpi{background:#eef2ff;border:1px solid #c7d2fe;border-radius:16px;padding:12px;text-align:center}
.section{padding:28px 0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.list{padding-left:18px}
.small{font-size:.95rem;color:var(--muted)}
input,textarea,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #cbd5e1;background:white}
label{font-weight:700;margin-bottom:6px;display:block}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.notice{padding:12px;border:1px dashed #94a3b8;background:#f1f5f9;border-radius:12px}
footer{margin-top:40px;background:#0b1720;color:#e2e8f0}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;padding:28px 0}
.footer-inner a{color:#93c5fd}
.mobile-toggle{display:none}
@media (max-width: 768px) {
  .navlinks {
    display: none;
    position: absolute;
    right: 16px;
    top: 64px;
    flex-direction: column;
    gap: 8px;
    background: #ffffff;
    padding: 12px 16px;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
    z-index: 50;
  }

  .navlinks.nav-open {
    display: flex;
  }

  .mobile-toggle {
    display: inline-flex;
  }
}