:root{--navy:#081b2d;--green:#18a558;--muted:#f4f7fb}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Tahoma,sans-serif;background:var(--muted);color:#1b2733}
a{text-decoration:none;color:inherit}.container{max-width:1120px;margin:auto;padding:0 18px}
.nav{background:#fff;border-bottom:1px solid #e7edf3}.nav .container{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}
.brand{font-weight:800;color:var(--navy)}.brand span{color:var(--green)}.navlinks a{margin-left:16px}
.hero{background:linear-gradient(135deg,rgba(8,27,45,.97),rgba(15,45,73,.93));color:#fff;padding:70px 0}
.btn{display:inline-block;background:var(--green);color:#fff;padding:12px 20px;border-radius:10px;font-weight:700;border:0;cursor:pointer;margin:4px}
.btn.secondary{background:#fff;color:var(--navy)}.btn.dark{background:var(--navy);color:#fff}
.section{padding:45px 0}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 8px 25px rgba(8,27,45,.08);border:1px solid #edf1f5}.kpi{font-size:34px;font-weight:900;color:var(--green)}
input,select,textarea{width:100%;padding:12px;border:1px solid #d8e1ea;border-radius:10px;margin:7px 0 14px;background:#fff}label{font-weight:700}textarea{min-height:120px}
.footer{background:var(--navy);color:#fff;padding:35px 0}.success{background:#e9fff2;border:1px solid #b9ebce;color:#0a6530;padding:20px;border-radius:14px;margin:30px auto;max-width:720px}
@media(max-width:800px){.grid-3,.grid-2{grid-template-columns:1fr}.navlinks{display:none}}