:root {
  --linko-blue: #208EFF;
  --linko-dark: #0C0E12;
  --linko-light: #4BA7FF;
}

body {
  background: var(--linko-dark);
  color: white;
  font-family: system-ui, sans-serif;
}

.card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  transition: 0.15s border-color, 0.15s background-color;
}

.card:hover {
  border-color: var(--linko-blue);
  background: rgba(255, 255, 255, 0.08);
}

button {
  transition: 0.15s;
}

button:hover {
  opacity: 0.85;
}

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

::-webkit-scrollbar-track {
  background: #111;
}

::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 4px;
}