:root{
  --accent:#0b6efd;
  --accent-dark:#084bb5;
  --muted:#6b7280;
  --bg:#f8fafc;
}
*{box-sizing:border-box}
body{font-family:'Poppins',sans-serif;background:var(--bg);color:#111;margin:0}
a{color:var(--accent)}
.brand-logo{width:44px;height:44px;border-radius:10px;background:linear-gradient(45deg,var(--accent),#6f42c1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.hero-bg{background-image:url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=1600');background-size:cover;background-position:center;height:75vh}
.overlay{background:linear-gradient(180deg,rgba(2,6,23,0.35),rgba(2,6,23,0.55));height:100%}
.text-primary{color:var(--accent) !important}
.card-hover{transition:transform .25s ease,box-shadow .25s ease}
.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(2,6,23,0.08)}
.chip, .chip span{font-weight:600}
.chip{display:inline-block;margin:4px;padding:8px 12px;background:#fff;border-radius:999px;box-shadow:0 6px 18px rgba(2,6,23,0.04)}
.badge{font-weight:600}
@media (max-width:768px){.hero-bg{height:56vh}}