:root{
  --primary: #c8da48;
  --accent: #ffd166;
  --dark: #0b1220;
  --light: #f8fafc;
  --muted: #6b7280;
}
*{box-sizing:border-box} body{margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial; color:var(--dark); background:var(--light);}
.container{max-width:1100px;margin:0 auto;padding:1rem;}
.header{position:sticky;top:0;background:#0b0f12cc;backdrop-filter:blur(8px);color:#e5e7eb;}
.header-inner{display:flex;align-items:center;gap:1rem;padding:.75rem 0;}
.header img{height:60px}
.header nav a{color:#e5e7eb;text-decoration:none;margin:0 .6rem;border-bottom:2px solid transparent;padding-bottom:2px;}
.header nav a:hover{border-bottom-color:var(--accent);}
.hero{position:relative; background-image:url('assets/hero.jpg'); background-position:center; background-size:cover; color:white; overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, var(--primary), rgba(11,18,32,.85));}
.hero > .container{position:relative; z-index:1;}
.hero .grid{display:grid;grid-template-columns:1.2fr .8fr; gap:2rem; align-items:center; padding:4rem 0;}
.hero .title{font-size:2.8rem; line-height:1.1; margin:.5rem 0;}
.hero-logo{position:absolute; right:1rem; bottom:1rem; background:rgba(255,255,255,.08); backdrop-filter: blur(6px); border-radius:10px; padding:.4rem .6rem;}
.hero-logo img{height:52px; filter: drop-shadow(0 2px 6px rgba(0,0,0,.35));}
.btn{display:inline-block;padding:.85rem 1.2rem;border-radius:10px;border:none;cursor:pointer}
.btn-primary{background:var(--accent); color:#111827;}
.btn-outline{background:transparent;border:1px solid #cbd5e1;color:white}
.section-muted{background:#f3f4f6;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
@media(max-width:900px){ .grid-3,.grid-2{grid-template-columns:1fr} .hero .title{font-size:2.2rem} .hero-logo img{height:44px} }
.card{background:white;border:1px solid #e5e7eb;border-radius:14px;padding:1.2rem;box-shadow:0 8px 18px rgba(0,0,0,.06);}
footer{background:#0b1220;color:#e5e7eb;padding:2rem 0;margin-top:3rem;}
footer img{height:56px}
a.cta{color:var(--primary);text-decoration:none;border-bottom:2px solid var(--primary);padding-bottom:2px}
