/* Base */
:root {
  --bg-dark: #0d1117;
  --brand-grad: linear-gradient(90deg, #1e3c72, #2a5298);
}
html, body { scroll-behavior: smooth; }

/* Navbar */
.navbar { background: var(--bg-dark) !important; }

/* Hero (Home) */
.hero {
  min-height: 80vh;
  position: relative;
  background:
    linear-gradient(180deg, rgba(13,17,23,.65), rgba(13,17,23,.88)),
    url('https://images.unsplash.com/photo-1504384308090-c894fdcc538d?auto=format&fit=crop&w=1600&q=80')
    center/cover no-repeat;
}
.hero .btn-primary {
  background: var(--brand-grad);
  border: 0;
}
.hero .btn-outline-light:hover { color: #0d1117; background: #fff; }

/* Features */
.feature-card {
  background: #0f1621;
  color: #e7eefc;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 1rem;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  border-color: rgba(255,255,255,.18);
}
.icon-wrap {
  width: 64px; height: 64px;
  margin: 0 auto;
  border-radius: 16px;
  display: grid; place-items: center;
  background: rgba(255,255,255,.06);
  font-size: 28px;
}

/* About */
.about ul li { margin-bottom: .5rem; }

/* Contact hero */
.contact-hero {
  background:
    linear-gradient(180deg, rgba(13,17,23,.75), rgba(13,17,23,.9)),
    url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1600&q=80')
    center/cover no-repeat;
}

/* Footer */
footer { font-size: .9rem; }

/* Images */
img { object-fit: cover; }

/* Utilities */
.bg-body-tertiary { background-color: #0b1220 !important; }