@keyframes sd-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sd-blurIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@keyframes sd-slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-sd-animate]{animation:var(--sd-animation,sd-fadeIn) var(--sd-duration,.15s) var(--sd-easing,ease) var(--sd-delay,0s) both}
/*# sourceMappingURL=1jyw-3p7rd0eq.css.map*/:root,
.light,
.dark {
  color-scheme: dark !important;
  --bg: #030303 !important;
  --surface-1: #070708 !important;
  --surface-2: #0a0a0b !important;
  --surface-3: #0d0d0f !important;
  --surface-4: #111113 !important;
  --surface-5: #161619 !important;
  --surface-6: #202024 !important;
  --surface-7: #29292e !important;
  --surface-hover: #111113 !important;
  --surface-active: #18181b !important;
  --background: 0 0% 1.2% !important;
  --foreground: 0 0% 96% !important;
  --card: 0 0% 3.5% !important;
  --card-background: 0 0% 3.5% !important;
  --card-foreground: 0 0% 96% !important;
  --card-text: 0 0% 96% !important;
  --card-border: 0 0% 15% !important;
  --card-hover: 0 0% 7% !important;
  --popover: 0 0% 4% !important;
  --popover-foreground: 0 0% 96% !important;
  --primary: 211 100% 55% !important;
  --primary-foreground: 0 0% 100% !important;
  --secondary: 0 0% 8% !important;
  --secondary-foreground: 0 0% 96% !important;
  --muted: 0 0% 9% !important;
  --muted-foreground: 0 0% 64% !important;
  --accent: 0 0% 10% !important;
  --accent-foreground: 0 0% 98% !important;
  --border: #242426 !important;
  --input: 0 0% 13% !important;
  --input-background: 0 0% 4% !important;
  --text-primary: #f5f5f5 !important;
  --text-secondary: #c7c7ca !important;
  --text-tertiary: #aaaab0 !important;
  --text-body: #d2d2d5 !important;
  --text-muted: #8d8d93 !important;
  --auth-primary-btn-bg: #1683ff !important;
  --auth-primary-btn-border: #1683ff !important;
  --auth-primary-btn-text: #fff !important;
  --auth-primary-btn-hover-bg: #0875f5 !important;
  --auth-primary-btn-hover-border: #0875f5 !important;
  --auth-primary-btn-hover-text: #fff !important;
}

html,
body {
  background: #030303 !important;
  color: #f5f5f5 !important;
}

body::before {
  content: '';
  position: fixed;
  top: 14px;
  left: 38px;
  z-index: 9999;
  width: 178px;
  height: 42px;
  background: #030303 url('/neops-logo.svg') center / contain no-repeat;
  pointer-events: none;
}

input,
textarea,
select {
  background-color: #080809 !important;
  color: #f5f5f5 !important;
  border-color: #29292c !important;
}

@media (max-width: 640px) {
  body::before {
    left: 18px;
    width: 150px;
  }
}