/* INFINITY HOME — MIDNIGHT EDITION */

:root {
  color-scheme: dark;
  --color-50: 245 243 255;
  --color-100: 237 233 254;
  --color-200: 221 214 254;
  --color-300: 196 181 253;
  --color-400: 167 139 250;
  --color-500: 139 92 246;
  --color-600: 124 58 237;
}

html, body {
  background: #08090d !important;
  color: #f0edf8;
}

body {
  background-image:
    radial-gradient(ellipse at 50% -20%,
      rgba(110, 55, 200, 0.12), transparent 60%) !important;
  background-attachment: fixed !important;
}

#page_wrapper {
  max-width: 1800px;
  margin: auto;
}

.service-card {
  background: rgba(19, 20, 28, 0.92) !important;
  border: 1px solid rgba(160, 135, 220, 0.12) !important;
  border-radius: 15px !important;
  transition: transform .2s ease,
              background .2s ease,
              border-color .2s ease,
              box-shadow .2s ease;
}

.service-card:hover {
  background: #1b1828 !important;
  border-color: rgba(167,139,250,.50) !important;
  box-shadow: 0 8px 28px rgba(88, 28, 180, .13);
  transform: translateY(-3px);
}

.service-card img {
  border-radius: 8px;
}

h1, h2, h3 {
  letter-spacing: -0.025em;
}

input {
  border-radius: 10px !important;
}

::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-thumb {
  background: #353044;
  border-radius: 10px;
}