:root {
  --primary: #2F80ED;
  --dark: #0B0F14;
  --black: #05070A;
  --muted: #9CA3AF;
}

body {
  background-color: var(--dark);
  color: #E5E7EB;
  scroll-behavior: smooth;
}

/* HERO */
.hero-section {
  min-height: 100vh;
  background: linear-gradient(
      rgba(11, 15, 20, 0.85),
      rgba(11, 15, 20, 0.85)
    ),
    radial-gradient(circle at top, #2F80ED33, transparent 60%);
  padding-top: 120px;
}

/* SECTIONS */
.section-padding {
  padding: 80px 0;
}

.section-title {
  font-weight: 700;
}

/* SERVICES */
.service-card {
  background-color: #0F172A;
  border: 1px solid #1F2933;
  border-radius: 12px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

/* FOOTER */
.footer {
  border-top: 1px solid #1F2933;
}