:root {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

/* Keep a little top offset so fixed header doesn't cover anchors */
section[id] {
  scroll-margin-top: 90px;
}

/* Minimal fallback if external CSS fails */
body {
  margin: 0;
  font-family: Manrope, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.h-7 {
  height: 1.75rem;
}

.w-7 {
  width: 1.75rem;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rounded-lg {
  border-radius: 0.5rem;
}

.border-2 {
  border-width: 2px;
}

.border-\[\#2F80ED\] {
  --tw-border-opacity: 1;
  border-color: rgb(47 128 237 / var(--tw-border-opacity, 1));
}

.bg-\[\#222\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}

.bg-\[\#6366F1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EEF6FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 246 255 / var(--tw-bg-opacity, 1));
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.bg-orange-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
}

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.text-\[\#8A9BB0\] {
  --tw-text-opacity: 1;
  color: rgb(138 155 176 / var(--tw-text-opacity, 1));
}

.text-\[\#A0AEC0\] {
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity, 1));
}

.text-\[\#B0BEC5\] {
  --tw-text-opacity: 1;
  color: rgb(176 190 197 / var(--tw-text-opacity, 1));
}

.text-\[\#D0D9E5\] {
  --tw-text-opacity: 1;
  color: rgb(208 217 229 / var(--tw-text-opacity, 1));
}

.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.accent-\[\#2F80ED\] {
  accent-color: #2f80ed;
}

.hover\:border-\[\#2F80ED\]\/40:hover {
  border-color: rgb(47 128 237 / 0.4);
}

@media (min-width: 1024px) {
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}