/* site.css: small, tasteful styles */
:root {
  --brand: #2563eb; /* indigo-600 vibe */
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }

.hero {
  border-radius: 1rem;
  padding: clamp(1.25rem, 2.5vw, 2.5rem);
  background: radial-gradient(1200px 600px at 10% -10%, rgba(37,99,235,.12), transparent),
              radial-gradient(800px 400px at 120% 20%, rgba(16,185,129,.12), transparent),
              linear-gradient(180deg, #fff, #f9fafb);
  border: 1px solid #e5e7eb;
}

.btn-brand {
  background: var(--brand);
  color: #fff;
  border: none;
}
.btn-brand:hover { filter: brightness(.95); }

.card-soft {
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  box-shadow: 0 6px 20px rgba(0,0,0,.04);
}
.badge-tech {
  background: #eef2ff;
  color: #3730a3;
  border: 1px solid #e0e7ff;
}