:root {
  --primary: #b820e6;
}

html, body {
  height: 100%;
  margin: 0;
  font-family: 'Outfit', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

[i][data-lucide], i[data-lucide], svg[data-lucide] {
  vertical-align: middle;
}
.project-card {
            background-size: 110% !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            border: 1px solid rgba(255, 255, 255, 0.18);
            border-radius: 1rem;
            box-shadow: 0 18px 48px rgba(0, 0, 0, 0.08);
        }