/* Custom theme on top of Bootstrap */
:root {
  --brand: #0ea5e9;
  --brand-2: #38bdf8;
}
.hero-img { object-fit: cover; }
.gradient-text {
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.feature-card { background: #f8fafc; border: 1px solid #e5e7eb; }
/* Portfolio filter active style handled in JS; optional hover */
.portfolio-item img { transition: transform .3s ease; }
.portfolio-item:hover img { transform: scale(1.02); }
/* Timeline simple style */
.timeline li { position: relative; padding-left: 1rem; }
.timeline li::before { content: "•"; position: absolute; left: 0; color: var(--brand); }
footer a { color: inherit; }