:root {
  --brand: #1f3a5f;
  --accent: #f59e0b;
}

body { background: #f5f7fb; color: #0f172a; }

.hero {
  color: #fff;
  background: linear-gradient(145deg, rgba(31,58,95,.92), rgba(31,58,95,.75));
}

.hero-box {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 12px;
}

.product-card {
  border: 1px solid #e2e8f0;
  box-shadow: 0 8px 18px rgba(15,23,42,.06);
}

.newsletter-box {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 10px 22px rgba(15,23,42,.08);
}

.btn-primary { background: var(--brand); border-color: var(--brand); }
.btn-primary:hover { background: #17304f; border-color: #17304f; }