.jetnode-auth {
  --jetnode-navy: #238a46 !important;
  --jetnode-navy-deep: #176737 !important;
  --jetnode-blue: #65d56c !important;
  --jetnode-cyan: #55cfa1 !important;
  --jetnode-lime: #8df343 !important;
  --jetnode-lime-hover: #a7ff63 !important;
  --jetnode-ink: #effbf3 !important;
  --jetnode-muted: #9ab5a5 !important;
  --jetnode-border: #254a3b !important;
  --jetnode-page: #03110e !important;
  --jetnode-surface: #0a2019 !important;
  --jetnode-line: rgba(141, 243, 67, 0.12) !important;
  --color-dark-50: 240, 252, 245 !important;
  --color-dark-100: 224, 241, 230 !important;
  --color-dark-200: 197, 220, 205 !important;
  --color-dark-300: 160, 190, 171 !important;
  --color-dark-400: 124, 156, 137 !important;
  --color-dark-500: 91, 123, 105 !important;
  --color-dark-600: 62, 94, 77 !important;
  --color-dark-700: 38, 72, 57 !important;
  --color-dark-800: 19, 48, 38 !important;
  --color-dark-850: 13, 38, 30 !important;
  --color-dark-900: 7, 28, 22 !important;
  --color-dark-950: 3, 17, 14 !important;
  --color-accent-50: 239, 255, 231 !important;
  --color-accent-100: 219, 255, 195 !important;
  --color-accent-200: 181, 250, 134 !important;
  --color-accent-300: 142, 238, 91 !important;
  --color-accent-400: 112, 220, 76 !important;
  --color-accent-500: 65, 180, 79 !important;
  --color-accent-600: 38, 145, 73 !important;
  --color-accent-700: 30, 111, 59 !important;
  --color-accent-800: 23, 83, 48 !important;
  --color-accent-900: 16, 61, 38 !important;
  --color-accent-950: 7, 36, 23 !important;
  background-color: #03110e !important;
  background-image:
    radial-gradient(circle at 16% 12%, rgba(111, 255, 65, 0.11), transparent 31%),
    radial-gradient(circle at 84% 88%, rgba(27, 157, 91, 0.1), transparent 35%),
    linear-gradient(rgba(130, 255, 87, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(130, 255, 87, 0.035) 1px, transparent 1px) !important;
  background-size: auto, auto, 56px 56px, 56px 56px !important;
}

.jetnode-auth__visual-topline,
.jetnode-auth__visual-footer,
.jetnode-auth__visual-grid {
  display: none !important;
}

.jetnode-auth__visual::after {
  display: none !important;
}

.jetnode-auth__visual-image {
  transform: scale(1.025);
}

.jetnode-auth__shell,
.jetnode-auth[data-auth-theme="dark"] .jetnode-auth__shell {
  background: #081c16 !important;
  border-color: rgba(115, 214, 104, 0.25) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.58), 0 0 60px rgba(99, 239, 74, 0.06) !important;
}

.jetnode-auth__panel,
.jetnode-auth[data-auth-theme="dark"] .jetnode-auth__panel {
  background:
    radial-gradient(circle at 92% 8%, rgba(113, 243, 67, 0.08), transparent 31%),
    linear-gradient(145deg, #0c281f 0%, #081d18 56%, #071712 100%) !important;
  border-left: 1px solid rgba(128, 231, 103, 0.12);
}

.jetnode-telegram-button,
.jetnode-auth .btn-primary {
  color: #fff !important;
  background: linear-gradient(135deg, #29954c 0%, #1f7541 100%) !important;
  border-color: #45b75e !important;
  box-shadow: 0 10px 24px rgba(21, 114, 57, 0.25) !important;
}

.jetnode-telegram-button:hover,
.jetnode-auth .btn-primary:hover {
  background: linear-gradient(135deg, #36aa57 0%, #27834a 100%) !important;
  border-color: #76df6e !important;
  box-shadow: 0 12px 28px rgba(31, 144, 68, 0.32) !important;
}

.jetnode-auth__telegram-arrow {
  color: #a1ff5b !important;
}

.jetnode-auth__email-toggle,
.jetnode-auth[data-auth-theme="dark"] .jetnode-auth__email-toggle {
  color: #bdd4c4 !important;
  background: #0c281f !important;
  border-color: #315d48 !important;
}

.jetnode-auth__email-toggle:hover,
.jetnode-auth[data-auth-theme="dark"] .jetnode-auth__email-toggle:hover {
  color: #f0fff4 !important;
  background: #113527 !important;
  border-color: #4d9362 !important;
}

.jetnode-auth__tabs,
.jetnode-auth[data-auth-theme="dark"] .jetnode-auth__tabs {
  background: #061712 !important;
  border-color: #274f3d !important;
}

.jetnode-auth__tab,
.jetnode-auth[data-auth-theme="dark"] .jetnode-auth__tab {
  color: #93ae9d !important;
}

.jetnode-auth__tab[data-active="true"],
.jetnode-auth[data-auth-theme="dark"] .jetnode-auth__tab[data-active="true"] {
  color: #fff !important;
  background: #27894a !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.32) !important;
}

.jetnode-auth.jetnode-auth .input,
.jetnode-auth[data-auth-theme="dark"] .input {
  color: #effbf3 !important;
  background: #061914 !important;
  border-color: #2d5b46 !important;
}

.jetnode-auth.jetnode-auth .input:hover,
.jetnode-auth[data-auth-theme="dark"] .input:hover {
  border-color: #49825e !important;
}

.jetnode-auth.jetnode-auth .input:focus,
.jetnode-auth[data-auth-theme="dark"] .input:focus {
  background: #082018 !important;
  border-color: #69d568 !important;
  box-shadow: 0 0 0 3px rgba(105, 213, 104, 0.18) !important;
}

.jetnode-auth.jetnode-auth .input::placeholder,
.jetnode-auth[data-auth-theme="dark"] .input::placeholder {
  color: #6f917c !important;
}

.jetnode-auth__password-toggle {
  color: #7ba48b !important;
}

.jetnode-auth__theme-trigger,
.jetnode-auth[data-auth-theme="dark"] .jetnode-auth__theme-trigger {
  color: #a8c9b2 !important;
  background: #0c281f !important;
  border-color: #315d48 !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28) !important;
}

@media (min-width: 901px) {
  .jetnode-auth__visual-brand {
    left: 54px !important;
    bottom: 50px !important;
    display: flex !important;
    max-width: 270px !important;
    text-shadow: 0 3px 20px rgba(0, 0, 0, 0.72) !important;
  }

  .jetnode-auth__visual-brand strong {
    display: block;
    max-width: 270px !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 1.02 !important;
    color: transparent !important;
    background: linear-gradient(to bottom, #ffffff 0 48%, #87f343 52% 100%);
    background-clip: text;
    -webkit-background-clip: text;
  }

  .jetnode-auth__visual-brand p {
    max-width: 280px !important;
    margin-top: 13px !important;
    color: rgba(225, 239, 230, 0.74) !important;
    font-size: 13px !important;
  }
}

@media (max-width: 900px) {
  .jetnode-auth__panel,
  .jetnode-auth[data-auth-theme="dark"] .jetnode-auth__panel {
    border-left: 0;
  }
}