:root{
  --bg:#0e2b22;
  --card:#12372c;
  --accent:#fecf59;
  --muted:#9cccbc;
  --text:#e9f6f0;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
.header{display:flex;align-items:center;gap:14px;padding:14px 20px;position:sticky;top:0;background:rgba(11,36,29,.9);backdrop-filter:blur(6px);z-index:10;border-bottom:1px solid #1e483b}
.header img{height:48px;width:auto;display:block}
.header .brand{display:flex;align-items:center;gap:12px}
.header .brand .txt{line-height:1}
.header .cta{margin-left:auto}
.btn{background:var(--accent);border:none;color:#1c1b14;font-weight:800;border-radius:12px;padding:12px 18px;cursor:pointer;box-shadow:0 6px 20px rgba(254,207,89,.25);}
.btn:hover{transform:translateY(-1px)}
.container{max-width:1200px;margin:0 auto;padding:24px}
.grid{display:grid;grid-template-columns:1.25fr .9fr;gap:24px}
.tile{background:var(--card);min-height:200px;border-radius:18px;border:1px solid #204d3f;display:flex;align-items:center;justify-content:center;color:#a4c8bb}
.tile.img{padding:0;overflow:hidden}
.tile.img img{width:100%;height:100%;object-fit:cover;display:block}
h1{font-size:40px;line-height:1.1;margin:8px 0 6px}
p.lead{opacity:.92;margin:0 0 18px}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 0}
.badge{background:#0b241d;border:1px solid #204d3f;color:#cde7dd;padding:10px 12px;border-radius:12px;font-weight:600;display:flex;gap:8px;align-items:center}
.section{margin-top:36px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--card);border:1px solid #204d3f;border-radius:18px;overflow:hidden}
.card img{width:100%;height:200px;object-fit:cover;display:block}
.card .body{padding:14px}
.card h3{margin:0 0 6px}
.small{opacity:.8}
.footer{padding:28px;color:#9dcaba;display:flex;align-items:center;gap:10px;justify-content:center;border-top:1px solid #1e483b;margin-top:36px}
.logo-inline img{height:24px}
@media(max-width:1024px){.grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cards{grid-template-columns:1fr}}