/* NGT "space" theme: turns the existing light pages into dark glass so the 3D NGT logo
   scene (cinematic/space.js) shows through. Colours only: no text, images or layout change.
   Switch it off in the control panel: Website Control > 3D logo background. */

:root {
  --sp-bg: #04060f;
  --sp-ink: #f3f6ff;
  --sp-ink-2: #dbe4fb;
  --sp-muted: #a7b3d1;
  --sp-muted-2: #7f8bab;
  --sp-line: rgba(150, 175, 230, .14);
  --sp-line-strong: rgba(150, 175, 230, .26);
  --sp-glass: rgba(12, 18, 38, .58);
  --sp-glass-2: rgba(16, 24, 48, .72);
  --sp-accent: #7cb4ff;
}

html { background: var(--sp-bg) !important; color-scheme: dark; }
body { background: transparent !important; color: var(--sp-ink); }

/* The 3D scene sits behind everything and never takes clicks or scroll. */
#ngt-space-canvas { position: fixed; inset: 0; width: 100vw; height: 100vh; display: block; z-index: -1; pointer-events: none; }
/* The new scene replaces the older hero particles and cursor spotlight. */
#cin-stars, #cin-spot { display: none !important; }

/* Page wrappers and big sections become see-through so the globe is visible. */
body > div, main,
section.bg-white, section.bg-gray-50, section.bg-gray-100, section.bg-blue-50, section.bg-slate-50,
section[class*="from-gray-50"], section[class*="from-blue-50"], section[class*="from-slate-50"], section[class*="from-white"],
section[class*="to-blue-50"], section[class*="via-white"], section[class*="from-blue-100"],
div.min-h-screen.bg-white, div.min-h-screen.bg-gray-50, div[class*="min-h-screen"][class*="from-gray-50"],
div[class*="min-h-screen"][class*="from-blue-50"], div[class*="min-h-screen"][class*="from-slate-50"] {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Cards, panels, pills: dark frosted glass. */
.bg-white, .bg-white\/95, .bg-white\/90, .bg-white\/80, .bg-white\/70 {
  background-color: var(--sp-glass) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
}
.bg-white\/50, .bg-white\/40 { background-color: rgba(12, 18, 38, .42) !important; }
.bg-gray-50, .bg-slate-50 { background-color: rgba(255, 255, 255, .04) !important; }
.bg-gray-100 { background-color: rgba(255, 255, 255, .06) !important; }
.bg-gray-200 { background-color: rgba(255, 255, 255, .1) !important; }
.hover\:bg-gray-50:hover, .hover\:bg-gray-100:hover { background-color: rgba(255, 255, 255, .08) !important; }
section .bg-white, footer .bg-white { border-color: var(--sp-line); }

/* The fixed header turns into a dark glass bar once it gets its background on scroll. */
header.fixed.bg-white\/95, header.fixed.bg-white\/90, header.fixed.bg-white\/80, header.fixed.bg-white {
  background-color: rgba(4, 6, 15, .72) !important;
  border-bottom: 1px solid var(--sp-line);
}

/* Text */
.text-black, .text-gray-900 { color: var(--sp-ink) !important; }
.text-gray-800 { color: var(--sp-ink-2) !important; }
.text-gray-700 { color: #c9d3ec !important; }
.text-gray-600, .hover\:text-gray-600:hover, .group:hover .group-hover\:text-gray-700 { color: var(--sp-muted) !important; }
.text-gray-500 { color: var(--sp-muted-2) !important; }
.text-gray-400 { color: #6b7796 !important; }
.text-black\/30 { color: rgba(243, 246, 255, .3) !important; }
.text-blue-600, .text-blue-700 { color: var(--sp-accent) !important; }
.text-indigo-600 { color: #a5b4fc !important; }
.text-purple-600 { color: #d8b4fe !important; }
.text-cyan-600 { color: #67e8f9 !important; }
.text-teal-600 { color: #5eead4 !important; }
.text-green-600 { color: #6ee7b7 !important; }
.text-green-800 { color: #a7f3d0 !important; }
/* Brand blues written as custom colours: brighten them for the dark background */
.text-\[\#0C5DE2\], .text-\[\#0c5de2\], .text-\[\#2563EB\], .text-\[\#2563eb\] { color: #5b9dff !important; }
.text-red-600 { color: #fb7185 !important; }
.text-pink-600 { color: #f472b6 !important; }
.text-yellow-700 { color: #fcd34d !important; }
h1, h2, h3 { text-shadow: 0 2px 40px rgba(0, 0, 0, .55); }

/* Borders and dividers */
.border-gray-100, .border-gray-200, .border-gray-200\/50, .border-gray-200\/100, .divide-gray-200 > * + * { border-color: var(--sp-line) !important; }
.border-gray-300, .border-gray-400, .hover\:border-gray-300:hover { border-color: var(--sp-line-strong) !important; }

/* Shadows: deep and soft instead of grey */
.shadow-sm, .shadow, .shadow-md, .shadow-lg, .shadow-xl, .shadow-2xl { --tw-shadow-color: rgba(0, 0, 0, .55); }

/* Form fields (Let's Talk, job application) */
input, select, textarea { color: var(--sp-ink) !important; }
input::placeholder, textarea::placeholder { color: #6b7796 !important; }
select option { background: #0c1226; color: var(--sp-ink); }
input.bg-gray-50, textarea.bg-gray-50, select.bg-gray-50,
.border-gray-300:is(input, select, textarea) { background-color: rgba(255, 255, 255, .05) !important; }

/* Dark logos and dark line-art become light so they stay visible */
img[src*="NextGenLogo"], img[src*="ngtTransparentLogo"] { filter: brightness(0) invert(1); }

/* Site components with their own white backgrounds (custom CSS, not colour classes) */
.dropdown-menu {
  background: rgba(10, 15, 32, .96) !important;
  border: 1px solid var(--sp-line-strong) !important;
  box-shadow: 0 24px 50px -16px rgba(0, 0, 0, .7) !important;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
}
.dropdown-menu a, .dropdown-menu button { color: var(--sp-ink-2) !important; }
.dropdown-menu a:hover, .dropdown-menu button:hover { background: rgba(91, 157, 255, .14) !important; color: #fff !important; }
.glass-morphism {
  background: rgba(12, 18, 38, .55) !important;
  border-color: var(--sp-line-strong) !important;
}
.card { background-color: var(--sp-glass) !important; border-color: var(--sp-line) !important; }

/* Popups and modals: deeper glass */
.popup-content { background: rgba(10, 15, 32, .92) !important; border: 1px solid var(--sp-line); }
.popup-content > div > div:first-child, .popup-content .bg-white { background-color: transparent !important; }
[class*="fixed"][class*="inset-0"] > .bg-white,
[class*="fixed"][class*="inset-0"] .rounded-2xl.bg-white,
[class*="fixed"][class*="inset-0"] .rounded-xl.bg-white { background-color: rgba(10, 15, 32, .96) !important; }

/* Announcement bar + our own forms keep their colours */
#ngt-bar.brand { background: linear-gradient(90deg, #0C5DE2, #4f46e5); }
.ngt-ok { background: rgba(16, 185, 129, .14) !important; color: #a7f3d0 !important; border-color: rgba(16, 185, 129, .35) !important; }
.ngt-no { background: rgba(239, 68, 68, .14) !important; color: #fecaca !important; border-color: rgba(239, 68, 68, .35) !important; }
.ngt-off { background: var(--sp-glass) !important; color: var(--sp-muted) !important; border-color: var(--sp-line-strong) !important; }
.ngt-drop { background: rgba(255, 255, 255, .03); }
.ngt-picked { background: rgba(59, 130, 246, .16) !important; color: #bfdbfe !important; }

/* Scrollbar */
html { scrollbar-color: #26314f #04060f; }

/* Light tinted backgrounds -> translucent tints of the same hue (generated) */
.bg-amber-50, .hover\:bg-amber-50:hover { background-color: rgba(245,158,11,.12) !important; }
.from-amber-50 { --tw-gradient-from: rgba(245,158,11,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(245,158,11,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-amber-50 { --tw-gradient-to: rgba(245,158,11,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(245,158,11,.12), var(--tw-gradient-to) !important; }
.to-amber-50 { --tw-gradient-to: rgba(245,158,11,.12) var(--tw-gradient-to-position, ) !important; }
.bg-amber-100, .hover\:bg-amber-100:hover { background-color: rgba(245,158,11,.18) !important; }
.from-amber-100 { --tw-gradient-from: rgba(245,158,11,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(245,158,11,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-amber-100 { --tw-gradient-to: rgba(245,158,11,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(245,158,11,.18), var(--tw-gradient-to) !important; }
.to-amber-100 { --tw-gradient-to: rgba(245,158,11,.18) var(--tw-gradient-to-position, ) !important; }
.bg-amber-200, .hover\:bg-amber-200:hover { background-color: rgba(245,158,11,.26) !important; }
.from-amber-200 { --tw-gradient-from: rgba(245,158,11,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(245,158,11,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-amber-200 { --tw-gradient-to: rgba(245,158,11,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(245,158,11,.26), var(--tw-gradient-to) !important; }
.to-amber-200 { --tw-gradient-to: rgba(245,158,11,.26) var(--tw-gradient-to-position, ) !important; }
.bg-blue-50, .hover\:bg-blue-50:hover { background-color: rgba(59,130,246,.12) !important; }
.from-blue-50 { --tw-gradient-from: rgba(59,130,246,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(59,130,246,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-blue-50 { --tw-gradient-to: rgba(59,130,246,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(59,130,246,.12), var(--tw-gradient-to) !important; }
.to-blue-50 { --tw-gradient-to: rgba(59,130,246,.12) var(--tw-gradient-to-position, ) !important; }
.bg-blue-100, .hover\:bg-blue-100:hover { background-color: rgba(59,130,246,.18) !important; }
.from-blue-100 { --tw-gradient-from: rgba(59,130,246,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(59,130,246,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-blue-100 { --tw-gradient-to: rgba(59,130,246,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(59,130,246,.18), var(--tw-gradient-to) !important; }
.to-blue-100 { --tw-gradient-to: rgba(59,130,246,.18) var(--tw-gradient-to-position, ) !important; }
.bg-blue-200, .hover\:bg-blue-200:hover { background-color: rgba(59,130,246,.26) !important; }
.from-blue-200 { --tw-gradient-from: rgba(59,130,246,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(59,130,246,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-blue-200 { --tw-gradient-to: rgba(59,130,246,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(59,130,246,.26), var(--tw-gradient-to) !important; }
.to-blue-200 { --tw-gradient-to: rgba(59,130,246,.26) var(--tw-gradient-to-position, ) !important; }
.bg-cyan-50, .hover\:bg-cyan-50:hover { background-color: rgba(6,182,212,.12) !important; }
.from-cyan-50 { --tw-gradient-from: rgba(6,182,212,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(6,182,212,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-cyan-50 { --tw-gradient-to: rgba(6,182,212,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(6,182,212,.12), var(--tw-gradient-to) !important; }
.to-cyan-50 { --tw-gradient-to: rgba(6,182,212,.12) var(--tw-gradient-to-position, ) !important; }
.bg-cyan-100, .hover\:bg-cyan-100:hover { background-color: rgba(6,182,212,.18) !important; }
.from-cyan-100 { --tw-gradient-from: rgba(6,182,212,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(6,182,212,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-cyan-100 { --tw-gradient-to: rgba(6,182,212,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(6,182,212,.18), var(--tw-gradient-to) !important; }
.to-cyan-100 { --tw-gradient-to: rgba(6,182,212,.18) var(--tw-gradient-to-position, ) !important; }
.bg-cyan-200, .hover\:bg-cyan-200:hover { background-color: rgba(6,182,212,.26) !important; }
.from-cyan-200 { --tw-gradient-from: rgba(6,182,212,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(6,182,212,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-cyan-200 { --tw-gradient-to: rgba(6,182,212,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(6,182,212,.26), var(--tw-gradient-to) !important; }
.to-cyan-200 { --tw-gradient-to: rgba(6,182,212,.26) var(--tw-gradient-to-position, ) !important; }
.bg-emerald-50, .hover\:bg-emerald-50:hover { background-color: rgba(16,185,129,.12) !important; }
.from-emerald-50 { --tw-gradient-from: rgba(16,185,129,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(16,185,129,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-emerald-50 { --tw-gradient-to: rgba(16,185,129,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(16,185,129,.12), var(--tw-gradient-to) !important; }
.to-emerald-50 { --tw-gradient-to: rgba(16,185,129,.12) var(--tw-gradient-to-position, ) !important; }
.bg-emerald-100, .hover\:bg-emerald-100:hover { background-color: rgba(16,185,129,.18) !important; }
.from-emerald-100 { --tw-gradient-from: rgba(16,185,129,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(16,185,129,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-emerald-100 { --tw-gradient-to: rgba(16,185,129,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(16,185,129,.18), var(--tw-gradient-to) !important; }
.to-emerald-100 { --tw-gradient-to: rgba(16,185,129,.18) var(--tw-gradient-to-position, ) !important; }
.bg-emerald-200, .hover\:bg-emerald-200:hover { background-color: rgba(16,185,129,.26) !important; }
.from-emerald-200 { --tw-gradient-from: rgba(16,185,129,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(16,185,129,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-emerald-200 { --tw-gradient-to: rgba(16,185,129,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(16,185,129,.26), var(--tw-gradient-to) !important; }
.to-emerald-200 { --tw-gradient-to: rgba(16,185,129,.26) var(--tw-gradient-to-position, ) !important; }
.bg-fuchsia-50, .hover\:bg-fuchsia-50:hover { background-color: rgba(217,70,239,.12) !important; }
.from-fuchsia-50 { --tw-gradient-from: rgba(217,70,239,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(217,70,239,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-fuchsia-50 { --tw-gradient-to: rgba(217,70,239,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(217,70,239,.12), var(--tw-gradient-to) !important; }
.to-fuchsia-50 { --tw-gradient-to: rgba(217,70,239,.12) var(--tw-gradient-to-position, ) !important; }
.bg-fuchsia-100, .hover\:bg-fuchsia-100:hover { background-color: rgba(217,70,239,.18) !important; }
.from-fuchsia-100 { --tw-gradient-from: rgba(217,70,239,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(217,70,239,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-fuchsia-100 { --tw-gradient-to: rgba(217,70,239,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(217,70,239,.18), var(--tw-gradient-to) !important; }
.to-fuchsia-100 { --tw-gradient-to: rgba(217,70,239,.18) var(--tw-gradient-to-position, ) !important; }
.bg-fuchsia-200, .hover\:bg-fuchsia-200:hover { background-color: rgba(217,70,239,.26) !important; }
.from-fuchsia-200 { --tw-gradient-from: rgba(217,70,239,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(217,70,239,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-fuchsia-200 { --tw-gradient-to: rgba(217,70,239,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(217,70,239,.26), var(--tw-gradient-to) !important; }
.to-fuchsia-200 { --tw-gradient-to: rgba(217,70,239,.26) var(--tw-gradient-to-position, ) !important; }
.bg-green-50, .hover\:bg-green-50:hover { background-color: rgba(34,197,94,.12) !important; }
.from-green-50 { --tw-gradient-from: rgba(34,197,94,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(34,197,94,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-green-50 { --tw-gradient-to: rgba(34,197,94,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(34,197,94,.12), var(--tw-gradient-to) !important; }
.to-green-50 { --tw-gradient-to: rgba(34,197,94,.12) var(--tw-gradient-to-position, ) !important; }
.bg-green-100, .hover\:bg-green-100:hover { background-color: rgba(34,197,94,.18) !important; }
.from-green-100 { --tw-gradient-from: rgba(34,197,94,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(34,197,94,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-green-100 { --tw-gradient-to: rgba(34,197,94,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(34,197,94,.18), var(--tw-gradient-to) !important; }
.to-green-100 { --tw-gradient-to: rgba(34,197,94,.18) var(--tw-gradient-to-position, ) !important; }
.bg-green-200, .hover\:bg-green-200:hover { background-color: rgba(34,197,94,.26) !important; }
.from-green-200 { --tw-gradient-from: rgba(34,197,94,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(34,197,94,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-green-200 { --tw-gradient-to: rgba(34,197,94,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(34,197,94,.26), var(--tw-gradient-to) !important; }
.to-green-200 { --tw-gradient-to: rgba(34,197,94,.26) var(--tw-gradient-to-position, ) !important; }
.bg-indigo-50, .hover\:bg-indigo-50:hover { background-color: rgba(99,102,241,.12) !important; }
.from-indigo-50 { --tw-gradient-from: rgba(99,102,241,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(99,102,241,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-indigo-50 { --tw-gradient-to: rgba(99,102,241,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(99,102,241,.12), var(--tw-gradient-to) !important; }
.to-indigo-50 { --tw-gradient-to: rgba(99,102,241,.12) var(--tw-gradient-to-position, ) !important; }
.bg-indigo-100, .hover\:bg-indigo-100:hover { background-color: rgba(99,102,241,.18) !important; }
.from-indigo-100 { --tw-gradient-from: rgba(99,102,241,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(99,102,241,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-indigo-100 { --tw-gradient-to: rgba(99,102,241,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(99,102,241,.18), var(--tw-gradient-to) !important; }
.to-indigo-100 { --tw-gradient-to: rgba(99,102,241,.18) var(--tw-gradient-to-position, ) !important; }
.bg-indigo-200, .hover\:bg-indigo-200:hover { background-color: rgba(99,102,241,.26) !important; }
.from-indigo-200 { --tw-gradient-from: rgba(99,102,241,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(99,102,241,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-indigo-200 { --tw-gradient-to: rgba(99,102,241,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(99,102,241,.26), var(--tw-gradient-to) !important; }
.to-indigo-200 { --tw-gradient-to: rgba(99,102,241,.26) var(--tw-gradient-to-position, ) !important; }
.bg-lime-50, .hover\:bg-lime-50:hover { background-color: rgba(132,204,22,.12) !important; }
.from-lime-50 { --tw-gradient-from: rgba(132,204,22,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(132,204,22,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-lime-50 { --tw-gradient-to: rgba(132,204,22,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(132,204,22,.12), var(--tw-gradient-to) !important; }
.to-lime-50 { --tw-gradient-to: rgba(132,204,22,.12) var(--tw-gradient-to-position, ) !important; }
.bg-lime-100, .hover\:bg-lime-100:hover { background-color: rgba(132,204,22,.18) !important; }
.from-lime-100 { --tw-gradient-from: rgba(132,204,22,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(132,204,22,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-lime-100 { --tw-gradient-to: rgba(132,204,22,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(132,204,22,.18), var(--tw-gradient-to) !important; }
.to-lime-100 { --tw-gradient-to: rgba(132,204,22,.18) var(--tw-gradient-to-position, ) !important; }
.bg-lime-200, .hover\:bg-lime-200:hover { background-color: rgba(132,204,22,.26) !important; }
.from-lime-200 { --tw-gradient-from: rgba(132,204,22,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(132,204,22,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-lime-200 { --tw-gradient-to: rgba(132,204,22,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(132,204,22,.26), var(--tw-gradient-to) !important; }
.to-lime-200 { --tw-gradient-to: rgba(132,204,22,.26) var(--tw-gradient-to-position, ) !important; }
.bg-orange-50, .hover\:bg-orange-50:hover { background-color: rgba(249,115,22,.12) !important; }
.from-orange-50 { --tw-gradient-from: rgba(249,115,22,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(249,115,22,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-orange-50 { --tw-gradient-to: rgba(249,115,22,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(249,115,22,.12), var(--tw-gradient-to) !important; }
.to-orange-50 { --tw-gradient-to: rgba(249,115,22,.12) var(--tw-gradient-to-position, ) !important; }
.bg-orange-100, .hover\:bg-orange-100:hover { background-color: rgba(249,115,22,.18) !important; }
.from-orange-100 { --tw-gradient-from: rgba(249,115,22,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(249,115,22,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-orange-100 { --tw-gradient-to: rgba(249,115,22,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(249,115,22,.18), var(--tw-gradient-to) !important; }
.to-orange-100 { --tw-gradient-to: rgba(249,115,22,.18) var(--tw-gradient-to-position, ) !important; }
.bg-orange-200, .hover\:bg-orange-200:hover { background-color: rgba(249,115,22,.26) !important; }
.from-orange-200 { --tw-gradient-from: rgba(249,115,22,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(249,115,22,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-orange-200 { --tw-gradient-to: rgba(249,115,22,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(249,115,22,.26), var(--tw-gradient-to) !important; }
.to-orange-200 { --tw-gradient-to: rgba(249,115,22,.26) var(--tw-gradient-to-position, ) !important; }
.bg-pink-50, .hover\:bg-pink-50:hover { background-color: rgba(236,72,153,.12) !important; }
.from-pink-50 { --tw-gradient-from: rgba(236,72,153,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(236,72,153,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-pink-50 { --tw-gradient-to: rgba(236,72,153,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(236,72,153,.12), var(--tw-gradient-to) !important; }
.to-pink-50 { --tw-gradient-to: rgba(236,72,153,.12) var(--tw-gradient-to-position, ) !important; }
.bg-pink-100, .hover\:bg-pink-100:hover { background-color: rgba(236,72,153,.18) !important; }
.from-pink-100 { --tw-gradient-from: rgba(236,72,153,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(236,72,153,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-pink-100 { --tw-gradient-to: rgba(236,72,153,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(236,72,153,.18), var(--tw-gradient-to) !important; }
.to-pink-100 { --tw-gradient-to: rgba(236,72,153,.18) var(--tw-gradient-to-position, ) !important; }
.bg-pink-200, .hover\:bg-pink-200:hover { background-color: rgba(236,72,153,.26) !important; }
.from-pink-200 { --tw-gradient-from: rgba(236,72,153,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(236,72,153,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-pink-200 { --tw-gradient-to: rgba(236,72,153,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(236,72,153,.26), var(--tw-gradient-to) !important; }
.to-pink-200 { --tw-gradient-to: rgba(236,72,153,.26) var(--tw-gradient-to-position, ) !important; }
.bg-purple-50, .hover\:bg-purple-50:hover { background-color: rgba(168,85,247,.12) !important; }
.from-purple-50 { --tw-gradient-from: rgba(168,85,247,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(168,85,247,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-purple-50 { --tw-gradient-to: rgba(168,85,247,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(168,85,247,.12), var(--tw-gradient-to) !important; }
.to-purple-50 { --tw-gradient-to: rgba(168,85,247,.12) var(--tw-gradient-to-position, ) !important; }
.bg-purple-100, .hover\:bg-purple-100:hover { background-color: rgba(168,85,247,.18) !important; }
.from-purple-100 { --tw-gradient-from: rgba(168,85,247,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(168,85,247,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-purple-100 { --tw-gradient-to: rgba(168,85,247,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(168,85,247,.18), var(--tw-gradient-to) !important; }
.to-purple-100 { --tw-gradient-to: rgba(168,85,247,.18) var(--tw-gradient-to-position, ) !important; }
.bg-purple-200, .hover\:bg-purple-200:hover { background-color: rgba(168,85,247,.26) !important; }
.from-purple-200 { --tw-gradient-from: rgba(168,85,247,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(168,85,247,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-purple-200 { --tw-gradient-to: rgba(168,85,247,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(168,85,247,.26), var(--tw-gradient-to) !important; }
.to-purple-200 { --tw-gradient-to: rgba(168,85,247,.26) var(--tw-gradient-to-position, ) !important; }
.bg-red-50, .hover\:bg-red-50:hover { background-color: rgba(239,68,68,.12) !important; }
.from-red-50 { --tw-gradient-from: rgba(239,68,68,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(239,68,68,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-red-50 { --tw-gradient-to: rgba(239,68,68,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(239,68,68,.12), var(--tw-gradient-to) !important; }
.to-red-50 { --tw-gradient-to: rgba(239,68,68,.12) var(--tw-gradient-to-position, ) !important; }
.bg-red-100, .hover\:bg-red-100:hover { background-color: rgba(239,68,68,.18) !important; }
.from-red-100 { --tw-gradient-from: rgba(239,68,68,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(239,68,68,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-red-100 { --tw-gradient-to: rgba(239,68,68,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(239,68,68,.18), var(--tw-gradient-to) !important; }
.to-red-100 { --tw-gradient-to: rgba(239,68,68,.18) var(--tw-gradient-to-position, ) !important; }
.bg-red-200, .hover\:bg-red-200:hover { background-color: rgba(239,68,68,.26) !important; }
.from-red-200 { --tw-gradient-from: rgba(239,68,68,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(239,68,68,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-red-200 { --tw-gradient-to: rgba(239,68,68,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(239,68,68,.26), var(--tw-gradient-to) !important; }
.to-red-200 { --tw-gradient-to: rgba(239,68,68,.26) var(--tw-gradient-to-position, ) !important; }
.bg-rose-50, .hover\:bg-rose-50:hover { background-color: rgba(244,63,94,.12) !important; }
.from-rose-50 { --tw-gradient-from: rgba(244,63,94,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(244,63,94,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-rose-50 { --tw-gradient-to: rgba(244,63,94,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(244,63,94,.12), var(--tw-gradient-to) !important; }
.to-rose-50 { --tw-gradient-to: rgba(244,63,94,.12) var(--tw-gradient-to-position, ) !important; }
.bg-rose-100, .hover\:bg-rose-100:hover { background-color: rgba(244,63,94,.18) !important; }
.from-rose-100 { --tw-gradient-from: rgba(244,63,94,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(244,63,94,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-rose-100 { --tw-gradient-to: rgba(244,63,94,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(244,63,94,.18), var(--tw-gradient-to) !important; }
.to-rose-100 { --tw-gradient-to: rgba(244,63,94,.18) var(--tw-gradient-to-position, ) !important; }
.bg-rose-200, .hover\:bg-rose-200:hover { background-color: rgba(244,63,94,.26) !important; }
.from-rose-200 { --tw-gradient-from: rgba(244,63,94,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(244,63,94,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-rose-200 { --tw-gradient-to: rgba(244,63,94,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(244,63,94,.26), var(--tw-gradient-to) !important; }
.to-rose-200 { --tw-gradient-to: rgba(244,63,94,.26) var(--tw-gradient-to-position, ) !important; }
.bg-sky-50, .hover\:bg-sky-50:hover { background-color: rgba(14,165,233,.12) !important; }
.from-sky-50 { --tw-gradient-from: rgba(14,165,233,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(14,165,233,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-sky-50 { --tw-gradient-to: rgba(14,165,233,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(14,165,233,.12), var(--tw-gradient-to) !important; }
.to-sky-50 { --tw-gradient-to: rgba(14,165,233,.12) var(--tw-gradient-to-position, ) !important; }
.bg-sky-100, .hover\:bg-sky-100:hover { background-color: rgba(14,165,233,.18) !important; }
.from-sky-100 { --tw-gradient-from: rgba(14,165,233,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(14,165,233,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-sky-100 { --tw-gradient-to: rgba(14,165,233,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(14,165,233,.18), var(--tw-gradient-to) !important; }
.to-sky-100 { --tw-gradient-to: rgba(14,165,233,.18) var(--tw-gradient-to-position, ) !important; }
.bg-sky-200, .hover\:bg-sky-200:hover { background-color: rgba(14,165,233,.26) !important; }
.from-sky-200 { --tw-gradient-from: rgba(14,165,233,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(14,165,233,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-sky-200 { --tw-gradient-to: rgba(14,165,233,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(14,165,233,.26), var(--tw-gradient-to) !important; }
.to-sky-200 { --tw-gradient-to: rgba(14,165,233,.26) var(--tw-gradient-to-position, ) !important; }
.bg-teal-50, .hover\:bg-teal-50:hover { background-color: rgba(20,184,166,.12) !important; }
.from-teal-50 { --tw-gradient-from: rgba(20,184,166,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(20,184,166,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-teal-50 { --tw-gradient-to: rgba(20,184,166,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(20,184,166,.12), var(--tw-gradient-to) !important; }
.to-teal-50 { --tw-gradient-to: rgba(20,184,166,.12) var(--tw-gradient-to-position, ) !important; }
.bg-teal-100, .hover\:bg-teal-100:hover { background-color: rgba(20,184,166,.18) !important; }
.from-teal-100 { --tw-gradient-from: rgba(20,184,166,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(20,184,166,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-teal-100 { --tw-gradient-to: rgba(20,184,166,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(20,184,166,.18), var(--tw-gradient-to) !important; }
.to-teal-100 { --tw-gradient-to: rgba(20,184,166,.18) var(--tw-gradient-to-position, ) !important; }
.bg-teal-200, .hover\:bg-teal-200:hover { background-color: rgba(20,184,166,.26) !important; }
.from-teal-200 { --tw-gradient-from: rgba(20,184,166,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(20,184,166,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-teal-200 { --tw-gradient-to: rgba(20,184,166,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(20,184,166,.26), var(--tw-gradient-to) !important; }
.to-teal-200 { --tw-gradient-to: rgba(20,184,166,.26) var(--tw-gradient-to-position, ) !important; }
.bg-violet-50, .hover\:bg-violet-50:hover { background-color: rgba(139,92,246,.12) !important; }
.from-violet-50 { --tw-gradient-from: rgba(139,92,246,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(139,92,246,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-violet-50 { --tw-gradient-to: rgba(139,92,246,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(139,92,246,.12), var(--tw-gradient-to) !important; }
.to-violet-50 { --tw-gradient-to: rgba(139,92,246,.12) var(--tw-gradient-to-position, ) !important; }
.bg-violet-100, .hover\:bg-violet-100:hover { background-color: rgba(139,92,246,.18) !important; }
.from-violet-100 { --tw-gradient-from: rgba(139,92,246,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(139,92,246,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-violet-100 { --tw-gradient-to: rgba(139,92,246,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(139,92,246,.18), var(--tw-gradient-to) !important; }
.to-violet-100 { --tw-gradient-to: rgba(139,92,246,.18) var(--tw-gradient-to-position, ) !important; }
.bg-violet-200, .hover\:bg-violet-200:hover { background-color: rgba(139,92,246,.26) !important; }
.from-violet-200 { --tw-gradient-from: rgba(139,92,246,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(139,92,246,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-violet-200 { --tw-gradient-to: rgba(139,92,246,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(139,92,246,.26), var(--tw-gradient-to) !important; }
.to-violet-200 { --tw-gradient-to: rgba(139,92,246,.26) var(--tw-gradient-to-position, ) !important; }
.bg-yellow-50, .hover\:bg-yellow-50:hover { background-color: rgba(234,179,8,.12) !important; }
.from-yellow-50 { --tw-gradient-from: rgba(234,179,8,.12) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(234,179,8,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-yellow-50 { --tw-gradient-to: rgba(234,179,8,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(234,179,8,.12), var(--tw-gradient-to) !important; }
.to-yellow-50 { --tw-gradient-to: rgba(234,179,8,.12) var(--tw-gradient-to-position, ) !important; }
.bg-yellow-100, .hover\:bg-yellow-100:hover { background-color: rgba(234,179,8,.18) !important; }
.from-yellow-100 { --tw-gradient-from: rgba(234,179,8,.18) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(234,179,8,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-yellow-100 { --tw-gradient-to: rgba(234,179,8,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(234,179,8,.18), var(--tw-gradient-to) !important; }
.to-yellow-100 { --tw-gradient-to: rgba(234,179,8,.18) var(--tw-gradient-to-position, ) !important; }
.bg-yellow-200, .hover\:bg-yellow-200:hover { background-color: rgba(234,179,8,.26) !important; }
.from-yellow-200 { --tw-gradient-from: rgba(234,179,8,.26) var(--tw-gradient-from-position, ) !important; --tw-gradient-to: rgba(234,179,8,0) var(--tw-gradient-to-position, ) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-yellow-200 { --tw-gradient-to: rgba(234,179,8,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(234,179,8,.26), var(--tw-gradient-to) !important; }
.to-yellow-200 { --tw-gradient-to: rgba(234,179,8,.26) var(--tw-gradient-to-position, ) !important; }
.from-gray-50, .from-slate-50 { --tw-gradient-from: rgba(255,255,255,0.06) !important; --tw-gradient-to: rgba(255,255,255,0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-gray-50, .to-slate-50 { --tw-gradient-to: rgba(255,255,255,0.06) !important; }
.from-gray-100, .from-slate-100 { --tw-gradient-from: rgba(255,255,255,0.09) !important; --tw-gradient-to: rgba(255,255,255,0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-gray-100, .to-slate-100 { --tw-gradient-to: rgba(255,255,255,0.09) !important; }
.from-gray-200, .from-slate-200 { --tw-gradient-from: rgba(255,255,255,0.13) !important; --tw-gradient-to: rgba(255,255,255,0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-gray-200, .to-slate-200 { --tw-gradient-to: rgba(255,255,255,0.13) !important; }
.from-blue-100\/50 { --tw-gradient-from: rgba(59,130,246,.1) !important; --tw-gradient-to: rgba(59,130,246,0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-blue-50\/30, .to-red-50\/30, .to-purple-100\/50 { --tw-gradient-to: rgba(99,102,241,.06) !important; }
.via-white { --tw-gradient-to: rgba(12,18,38,0) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(12,18,38,.35), var(--tw-gradient-to) !important; }
.to-white { --tw-gradient-to: rgba(12,18,38,.35) !important; }
.from-white\/20 { --tw-gradient-from: rgba(255,255,255,.06) !important; }