/* assets/css/styles.css - Bootstrap overrides for a premium feel */

:root{
  --accent: #0b69ff;
  --muted: #6b7280;
  --card-bg: #ffffff;
  --radius: 14px;
  --soft-shadow: 0 12px 40px rgba(11,105,255,0.06);
}

body { background: linear-gradient(180deg,#f8fbff 0%, #ffffff 100%); color: #0b1630; }

/* Hero */
.hero {
  padding-top: 48px;
  padding-bottom: 48px;
}
.hero h1 { font-size: 3.0rem; font-weight: 700; line-height: 1.05; }
.lead { color: var(--muted); font-size: 1.05rem; }

/* CTA input: make bigger and rounded */
.input-cta .form-control { border-radius: 10rem; padding: .9rem 1.1rem; }
.input-cta .btn { border-radius: 10rem; padding: .7rem 1rem; box-shadow: 0 8px 26px rgba(11,105,255,0.14); }

/* Feature cards */
.feature-card {
  background: var(--card-bg);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: var(--soft-shadow);
  border: 1px solid rgba(10,20,40,0.04);
}

/* Blog cards */
.post-card {
  border-radius: 12px; overflow: hidden; box-shadow: 0 12px 30px rgba(6,12,34,0.04);
}
.post-card img { width: 100%; height: 200px; object-fit: cover; }

/* Responsive tweaks */
@media (max-width: 768px) {
  .hero h1 { font-size: 2rem; }
  .post-card img { height: 160px; }
}

/* Small utilities */
.text-muted-2 { color: #7a8394; }