@import "https://fonts.googleapis.com/css?family=Parisienne&display=swap";
/* [project]/node_modules/@mantine/notifications/styles.css [app-client] (css) */
.m_b37d9ac7 {
  width: calc(100% - var(--mantine-spacing-md) * 2);
  z-index: var(--notifications-z-index);
  max-width: var(--notifications-container-width);
  position: fixed;
}

.m_b37d9ac7:where([data-position="top-center"]) {
  top: var(--mantine-spacing-md);
  left: 50%;
  transform: translateX(-50%);
}

.m_b37d9ac7:where([data-position="top-left"]) {
  top: var(--mantine-spacing-md);
  left: var(--mantine-spacing-md);
}

.m_b37d9ac7:where([data-position="top-right"]) {
  top: var(--mantine-spacing-md);
  right: var(--mantine-spacing-md);
}

.m_b37d9ac7:where([data-position="bottom-center"]) {
  bottom: var(--mantine-spacing-md);
  left: 50%;
  transform: translateX(-50%);
}

.m_b37d9ac7:where([data-position="bottom-left"]) {
  bottom: var(--mantine-spacing-md);
  left: var(--mantine-spacing-md);
}

.m_b37d9ac7:where([data-position="bottom-right"]) {
  bottom: var(--mantine-spacing-md);
  right: var(--mantine-spacing-md);
}

.m_5ed0edd0 + .m_5ed0edd0 {
  margin-top: var(--mantine-spacing-md);
}

/* [project]/app/globals.css [app-client] (css) */
:root[data-mantine-color-scheme="dark"] {
  --mantine-color-body: var(--mantine-color-dark-9) !important;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #000c;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(#13ed8acc 0%, #13ed8a66 50%, #13ed8acc 100%);
  border: 1px solid #13ed8a4d;
  border-radius: 10px;
  transition: all .3s;
  box-shadow: 0 0 10px #13ed8a66, inset 0 0 10px #13ed8a33;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(#13ed8a 0%, #13ed8a99 50%, #13ed8a 100%);
  transform: scale(1.05);
  box-shadow: 0 0 15px #13ed8a99, inset 0 0 15px #13ed8a4d;
}

::-webkit-scrollbar-thumb:active {
  background: linear-gradient(#13ed8a 0%, #13ed8acc 50%, #13ed8a 100%);
  box-shadow: 0 0 20px #13ed8acc, inset 0 0 20px #13ed8a66;
}

::-webkit-scrollbar-corner {
  background: #000c;
}

.mantine-Modal-content::-webkit-scrollbar-thumb {
  background: linear-gradient(#13ed8ae6 0%, #13ed8a80 50%, #13ed8ae6 100%);
  box-shadow: 0 0 12px #13ed8a80, inset 0 0 12px #13ed8a40;
}

.mantine-Drawer-content::-webkit-scrollbar-thumb {
  background: linear-gradient(#13ed8ae6 0%, #13ed8a80 50%, #13ed8ae6 100%);
  box-shadow: 0 0 12px #13ed8a80, inset 0 0 12px #13ed8a40;
}

.error-scrollbar::-webkit-scrollbar-thumb {
  background: linear-gradient(#ff3b30cc 0%, #ff3b3066 50%, #ff3b30cc 100%);
  border: 1px solid #ff3b304d;
  box-shadow: 0 0 10px #ff3b3066, inset 0 0 10px #ff3b3033;
}

[data-error="true"]::-webkit-scrollbar-thumb {
  background: linear-gradient(#ff3b30cc 0%, #ff3b3066 50%, #ff3b30cc 100%);
  border: 1px solid #ff3b304d;
  box-shadow: 0 0 10px #ff3b3066, inset 0 0 10px #ff3b3033;
}

.error-scrollbar::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(#ff3b30 0%, #ff3b3099 50%, #ff3b30 100%);
  box-shadow: 0 0 15px #ff3b3099, inset 0 0 15px #ff3b304d;
}

[data-error="true"]::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(#ff3b30 0%, #ff3b3099 50%, #ff3b30 100%);
  box-shadow: 0 0 15px #ff3b3099, inset 0 0 15px #ff3b304d;
}

.thin-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.thin-scrollbar::-webkit-scrollbar-thumb {
  background: linear-gradient(#13ed8ab3 0%, #13ed8a4d 50%, #13ed8ab3 100%);
  border-radius: 6px;
  box-shadow: 0 0 6px #13ed8a4d, inset 0 0 6px #13ed8a26;
}

::-webkit-scrollbar:horizontal {
  height: 12px;
}

.code-scrollbar::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #13ed8a99 0%, #13ed8a4d 50%, #13ed8a99 100%);
}

@keyframes wiggle {
  0% {
    transform: rotate(0);
  }

  40% {
    transform: rotate(0);
  }

  45% {
    transform: rotate(5deg);
  }

  50% {
    transform: rotate(-5deg);
  }

  65% {
    transform: rotate(5deg);
  }

  70% {
    transform: rotate(-5deg);
  }

  75% {
    transform: rotate(5deg);
  }

  80% {
    transform: rotate(-5deg);
  }

  85% {
    transform: rotate(5deg);
  }

  90% {
    transform: rotate(-5deg);
  }

  100% {
    transform: rotate(0);
  }
}

a.wiggle {
  animation: 3s infinite wiggle;
  display: inline-block;
}

a.wiggle:hover {
  animation: 1s infinite wiggle;
}

.mantine-AppShell-header {
  width: 100% !important;
}

.animated-header {
  -o-transition: max-width .4s ease-in-out, margin-top .4s ease-in-out;
  transition: max-width .4s ease-in-out, margin-top .4s ease-in-out;
}

.inner-add-tier-btn {
  -o-transition: width .4s ease-in-out, all .4s ease-in-out;
  transition: width .4s ease-in-out, all .4s ease-in-out;
}

.inner-add-tier-btn-faster {
  -o-transition: width .2s ease-in-out, all .2s ease-in-out;
  transition: width .2s ease-in-out, all .2s ease-in-out;
}

.inner-add-tier-btn-txt {
  white-space: nowrap;
  -o-transition: width .4s ease-in-out, margin-left .4s ease-in-out;
  transition: width .4s ease-in-out, margin-left .4s ease-in-out;
  overflow: hidden;
}

.top-add-tier-btn, .bottom-add-tier-btn {
  white-space: nowrap;
  -o-transition: width .4s ease-in-out, all .4s ease-in-out;
  transition: width .4s ease-in-out, all .4s ease-in-out;
  overflow: hidden;
}

.tier-settings-menu-animate-height {
  -o-transition: height .4s ease-in-out, all .4s ease-in-out;
  transition: height .4s ease-in-out, all .4s ease-in-out;
}

.fade-in {
  -ms-animation: fadein .5s;
  -webkit-animation: .5s fadein;
  -moz-animation: .5s fadein;
  -o-animation: .5 fadein;
  animation: .5s fadein;
}

.item-edit-control > .mantine-Indicator-indicator {
  transition: all .15s ease-in-out;
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.poll-name {
  font-size: 2em;
}

.mantine-ColorInput-dropdown {
  z-index: 3000 !important;
}

.mantine-Modal-root .mantine-Modal-overlay {
  z-index: 8999 !important;
}

.mantine-Modal-inner {
  z-index: 9000 !important;
}

.mantine-Notifications-root {
  z-index: 9001 !important;
}

.tier-item:hover {
  cursor: grab;
}

#items_container > li span:before {
  display: inline-block;
}

#items_container > li span {
  display: block;
}

@keyframes svg-neon-on-animation {
  100% {
    filter: brightness(0) saturate(100%) invert(85%) sepia(33%) saturate(1497%) hue-rotate(84deg) brightness(99%) contrast(88%) drop-shadow(2px 2px 10px var(--mantine-color-primary-filled)) drop-shadow(-10px -10px 50px var(--mantine-color-primary-filled));
  }

  0% {
    filter: brightness(0) saturate() invert(93%) sepia(60%) saturate(0%) hue-rotate(302deg) brightness(108%) contrast(101%);
  }
}

@keyframes flicker {
  from {
    opacity: 1;
  }

  4% {
    opacity: .95;
  }

  6% {
    opacity: .92;
  }

  8% {
    opacity: .97;
  }

  10% {
    opacity: .94;
  }

  11% {
    opacity: .96;
  }

  12% {
    opacity: .95;
  }

  14% {
    opacity: .97;
  }

  16% {
    opacity: .98;
  }

  17% {
    opacity: .94;
  }

  19% {
    opacity: .96;
  }

  20% {
    opacity: .99;
  }

  24% {
    opacity: 1;
  }

  26% {
    opacity: .96;
  }

  28% {
    opacity: .98;
  }

  37% {
    opacity: .95;
  }

  38% {
    opacity: .85;
  }

  38.01% {
    opacity: 1;
  }

  39% {
    opacity: .97;
  }

  42% {
    opacity: 1;
  }

  44% {
    opacity: .98;
  }

  46% {
    opacity: .96;
  }

  56% {
    opacity: .94;
  }

  58% {
    opacity: .95;
  }

  60% {
    opacity: .99;
  }

  68% {
    opacity: 1;
  }

  70% {
    opacity: .95;
  }

  72% {
    opacity: .97;
  }

  93% {
    opacity: .96;
  }

  95% {
    opacity: .97;
  }

  97% {
    opacity: .95;
  }

  to {
    opacity: 1;
  }
}

.neon-primary-svg {
  filter: url("#neon-primary-filter");
  animation: 2s linear infinite flicker;
}

.neon-blue-svg {
  filter: url("#neon-blue-filter");
  animation: 2s linear infinite flicker;
}

.neon-yellow-svg {
  filter: url("#neon-yellow-filter");
  animation: 2s linear infinite flicker;
}

.neon-red-svg {
  filter: url("#neon-red-filter");
  animation: 2s linear infinite flicker;
}

body:has(.sortable-chosen) * {
  -webkit-user-select: none;
  user-select: none;
  cursor: grabbing !important;
}

.success-fail-margin {
  transition: margin-left .85s ease-in-out, margin-right .85s ease-in-out;
}

.animate-background-success {
  background-image: linear-gradient(var(--mantine-color-green-6), var(--mantine-color-green-4));
  z-index: -1;
  border-radius: 50%;
  width: 0;
  height: 0;
  transition: all .99s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.animate-background-fail {
  background-image: linear-gradient(var(--mantine-color-red-6), var(--mantine-color-red-4));
  z-index: -1;
  border-radius: 50%;
  width: 0;
  height: 0;
  transition: all .99s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#global-progress {
  width: 100%;
  position: relative;
  overflow: unset !important;
}

#nprogress, .nprogress-custom-parent {
  overflow: unset !important;
}

#nprogress .peg {
  display: none !important;
}

#nprogress .bar {
  background: #fff !important;
  box-shadow: 0 0 .1rem #00d276, 0 0 .1rem #00d276, 0 0 1rem #29ed91, 0 0 .3rem #29ed91, 0 0 1.2rem #29ed91, inset 0 0 .4rem #29ed91 !important;
}

.neon-sign {
  border: 3px solid #fff;
  border-radius: 35px;
  width: 500px;
  height: 200px;
  padding: 5px;
  box-shadow: 0 0 .1rem #00d276, 0 0 .1rem #00d276, 0 0 1rem #29ed91, 0 0 .3rem #29ed91, 0 0 1.2rem #29ed91, inset 0 0 .4rem #29ed91 !important;
}

.neon-box-shadow {
  box-shadow: 0 0 .1rem var(--mantine-color-primary-filled),
            0 0 .1rem var(--mantine-color-primary-filled),
            0 0 1rem var(--mantine-color-primary-filled),
            0 0 .3rem var(--mantine-color-primary-filled),
            0 0 1.2rem var(--mantine-color-primary-filled),
            inset 0 0 .4rem var(--mantine-color-primary-filled) !important;
}

.neon-sign > div {
  border: 3px solid #fff;
  border-radius: 25px;
  width: 100%;
  height: 100%;
}

.sign-mounts-left {
  transform: perspective(400px)rotateY(3deg);
}

.sign-mounts-right {
  transform: perspective(400px)rotateY(-3deg);
}

.sign-bar-horizontal {
  background-color: var(--mantine-color-gray-6);
  width: 2rem;
  height: .5rem;
}

.sign-bar-vertical {
  background-color: var(--mantine-color-gray-6);
  width: .5rem;
  height: 2rem;
}

.semi-circle-bottom {
  background-color: var(--mantine-color-gray-6);
  border-radius: .6rem .6rem 0 0;
  width: 1rem;
  height: .6rem;
  margin-top: -4px;
}

.semi-circle-left {
  background-color: var(--mantine-color-gray-6);
  border-radius: 0 .6rem .6rem 0;
  width: .6rem;
  height: 1rem;
  margin-right: -4px;
}

.semi-circle-right {
  background-color: var(--mantine-color-gray-6);
  border-radius: .6rem 0 0 .6rem;
  width: .6rem;
  height: 1rem;
  margin-left: -4px;
}

.sign-off {
  box-shadow: none;
  background-color: #ffffff6b !important;
}

.ad-sign {
  background-color: #ffffff6b !important;
}

.ad-sign.inner {
  border: 2px solid #fff;
  border-radius: 4px;
}

.ad-sign.outer {
  border: 2px solid #fff;
  border-radius: 4px;
  padding: 4px;
  z-index: 3000 !important;
}

.sign-on-inner {
  background-color: #09ffb04f !important;
  box-shadow: 0 0 .1rem #fff, 0 0 .1rem #fff, 0 0 .5rem #09ffb0, 0 0 .2rem #09ffb0, 0 0 .9rem #09ffb0, inset 0 0 .4rem #09ffb0 !important;
}

.sign-on-outer {
  box-shadow: 0 0 .1rem #fff, 0 0 .1rem #fff, 0 0 .5rem #09ffb0, 0 0 .2rem #09ffb0, 0 0 .9rem #09ffb0, inset 0 0 .4rem #09ffb0 !important;
}

.angled-sign {
  margin-top: 50px;
  rotate: -6deg;
}

.groups-list-neon-bar {
  box-shadow: 0 0 .1rem #fff, 0 0 .1rem #fff, 0 0 .5rem #f8ff00, 0 0 .2rem #f8ff00, 0 0 .9rem #f8ff00, inset 0 0 .4rem #f8ff00 !important;
}

.subcategory-block {
  z-index: 5001;
  pointer-events: none !important;
}

.subcategory-block.orbit {
  pointer-events: none !important;
}

@-webkit-keyframes spin-right {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin-left {
  100% {
    transform: rotate(-360deg);
  }
}

@keyframes circle {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes inner-circle {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(-360deg);
  }
}

.homepage-tier-grid-item .mantine-Rating-label:where([data-read-only]) {
  cursor: pointer !important;
}

.homepage-tier-grid-item .mantine-Rating-symbolBody {
  margin: 0 !important;
}

.homepage-tier-grid-item:last-of-type {
  margin-right: auto;
}

.mantine-InputBase-input:focus, .mantine-InputBase-input:focus-visible, .mantine-TextInput-input:focus, .mantine-TextInput-input:focus-visible, .mantine-PasswordInput-input:focus, .mantine-PasswordInput-input:focus-visible, .mantine-NumberInput-input:focus, .mantine-NumberInput-input:focus-visible, .mantine-Select-input:focus, .mantine-Select-input:focus-visible, .mantine-FileInput-input:focus, .mantine-FileInput-input:focus-visible, .mantine-ColorInput-input:focus, .mantine-ColorInput-input:focus-visible, .mantine-PillsInput-input:focus-within, .mantine-Combobox-target .mantine-InputBase-input:focus, .mantine-Combobox-target .mantine-TextInput-input:focus, .mantine-Combobox-target .mantine-Select-input:focus, .mantine-Combobox-target .mantine-ColorInput-input:focus, .mantine-Combobox-target .mantine-PillsInput-input:focus-within {
  background-color: #000c !important;
  border-color: #13ed8a99 !important;
  box-shadow: 0 0 25px #13ed8a66 !important;
}

button.mantine-InputBase-input {
  background-color: #000c !important;
}

.mantine-Combobox-target[data-expanded="true"] .mantine-InputBase-input, .mantine-Combobox-target[data-expanded="true"] .mantine-TextInput-input, .mantine-Combobox-target[data-expanded="true"] .mantine-Select-input, .mantine-Combobox-target[data-expanded="true"] .mantine-ColorInput-input, .mantine-Combobox-target[data-expanded="true"] .mantine-PillsInput-input, .mantine-Combobox-target button.mantine-InputBase-input:focus, .mantine-Combobox-target button.mantine-InputBase-input:focus-visible, .mantine-Combobox-target button.mantine-TextInput-input:focus, .mantine-Combobox-target button.mantine-Select-input:focus, .mantine-Combobox-target button.mantine-ColorInput-input:focus, .mantine-Combobox-target[data-expanded="true"] button.mantine-InputBase-input, .mantine-Combobox-target[data-expanded="true"] button.mantine-TextInput-input, .mantine-Combobox-target[data-expanded="true"] button.mantine-Select-input, .mantine-Combobox-target[data-expanded="true"] button.mantine-ColorInput-input {
  background-color: #000c !important;
  border-color: #13ed8a99 !important;
  box-shadow: 0 0 25px #13ed8a66 !important;
}

.mantine-SegmentedControl-control {
  color: #9ca3af !important;
  background-color: #0000 !important;
  border: 1px solid #0000 !important;
  border-radius: 6px !important;
  transition: all .3s !important;
  box-shadow: 0 0 20px #13ed8a00, inset 0 0 20px #13ed8a00 !important;
}

.mantine-SegmentedControl-control:hover {
  color: #e5e7eb !important;
  background-color: #ffffff0d !important;
  box-shadow: 0 0 20px #13ed8a1a, inset 0 0 20px #13ed8a00 !important;
}

.mantine-SegmentedControl-control[data-active="true"] {
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
  box-shadow: none !important;
  color: #e5e7eb !important;
  text-shadow: none !important;
  background-color: #13ed8a33 !important;
  border: 1px solid #13ed8a66 !important;
  font-weight: 500 !important;
}

.mantine-SegmentedControl-control {
  color: #9ca3af !important;
  background-color: #0000 !important;
  border: 1px solid #0000 !important;
  border-radius: 6px !important;
  transition: all .3s !important;
}

.mantine-SegmentedControl-control:hover {
  color: #e5e7eb !important;
  background-color: #ffffff0d !important;
}

.mantine-SegmentedControl-control[data-active="false"] {
  background-color: #0000 !important;
  border: 1px solid #0000 !important;
}

.mantine-SegmentedControl-indicator {
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
  box-shadow: none !important;
  background-color: #13ed8a33 !important;
  border: 1px solid #13ed8a66 !important;
}

.mantine-SegmentedControl-root {
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  background-color: #000000b3 !important;
  border: 1px solid #fff3 !important;
  border-radius: 8px !important;
  padding: 4px !important;
}

.mantine-SegmentedControl-label {
  z-index: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: all .3s !important;
  position: relative !important;
}

.mantine-SegmentedControl-root:focus-within {
  border-color: #13ed8a66 !important;
  box-shadow: 0 0 15px #13ed8a4d !important;
}

.mantine-SegmentedControl-control:focus, .mantine-SegmentedControl-control:focus-visible {
  outline: none;
  box-shadow: 0 0 20px #13ed8a66, inset 0 0 20px #13ed8a0d !important;
}

.mantine-ColorPicker-saturation:focus-within, .mantine-ColorPicker-slider:focus-within {
  box-shadow: 0 0 15px #13ed8a66 !important;
}

.mantine-ColorPicker-thumb:focus {
  box-shadow: 0 0 10px #00000080, 0 0 20px #13ed8a99 !important;
}

.mantine-ColorSwatch-root:focus, .mantine-ColorSwatch-root:focus-visible {
  outline: none;
  border-color: #13ed8ab3 !important;
  transform: scale(1.15) !important;
  box-shadow: 0 0 15px #13ed8a80 !important;
}

.mantine-Checkbox-input:focus, .mantine-Radio-radio:focus {
  border-color: #13ed8a99 !important;
  box-shadow: 0 0 15px #13ed8a66 !important;
}

.mantine-Switch-track:has(.mantine-Switch-input:focus) {
  border-color: #13ed8a99 !important;
  box-shadow: 0 0 15px #13ed8a66 !important;
}

.mantine-Slider-thumb:focus {
  box-shadow: 0 0 20px #13ed8a99 !important;
}

.mantine-InputBase-input[data-invalid], .mantine-TextInput-input[data-invalid], .mantine-PasswordInput-input[data-invalid], .mantine-NumberInput-input[data-invalid], .mantine-Select-input[data-invalid], .mantine-FileInput-input[data-invalid], .mantine-ColorInput-input[data-invalid], .mantine-PillsInput-input[data-invalid] {
  border-color: #ff3b3099 !important;
  box-shadow: 0 0 25px #ff3b3066 !important;
}

.mantine-InputBase-input[data-invalid]:focus, .mantine-TextInput-input[data-invalid]:focus, .mantine-PasswordInput-input[data-invalid]:focus, .mantine-NumberInput-input[data-invalid]:focus, .mantine-Select-input[data-invalid]:focus, .mantine-FileInput-input[data-invalid]:focus, .mantine-ColorInput-input[data-invalid]:focus, .mantine-PillsInput-input[data-invalid]:focus-within {
  border-color: #ff3b30cc !important;
  box-shadow: 0 0 30px #ff3b3099 !important;
}

.mantine-SegmentedControl-root[data-invalid] {
  border-color: #ff3b3099 !important;
  box-shadow: 0 0 20px #ff3b3066 !important;
}

.mantine-Notifications-notification.mantine-Notification-root:before {
  content: none;
}

@keyframes float0 {
  0%, 100% {
    transform: translateY(0)translateX(0);
  }

  33% {
    transform: translateY(-20px)translateX(10px);
  }

  66% {
    transform: translateY(10px)translateX(-5px);
  }
}

@keyframes float1 {
  0%, 100% {
    transform: translateY(0)translateX(0)rotate(0);
  }

  50% {
    transform: translateY(-30px)translateX(15px)rotate(180deg);
  }
}

@keyframes float2 {
  0%, 100% {
    transform: translateY(0)translateX(0);
  }

  25% {
    transform: translateY(-15px)translateX(-10px);
  }

  75% {
    transform: translateY(15px)translateX(10px);
  }
}

.hero-text {
  background: linear-gradient(45deg, #09ffb0, #fff, #fe1c63);
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 20px #09ffb04d);
  letter-spacing: -1px;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 800;
}

.feature-item.mantine-List-item {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #0000004d;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  padding: 16px;
  transition: all .3s;
  position: relative;
}

.feature-item.mantine-List-item:hover {
  border-color: var(--feature-color);
  box-shadow: 0 10px 30px #0000004d,
    0 0 20px var(--feature-glow);
  transform: translateY(-2px);
}

.feature-item.mantine-List-item:before {
  content: "";
  background: linear-gradient(45deg, transparent, var(--feature-color), transparent);
  -webkit-mask-composite: exclude;
  opacity: 0;
  border-radius: 16px;
  padding: 1px;
  transition: opacity .3s;
  position: absolute;
  inset: 0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
}

.feature-item.mantine-List-item:hover:before {
  opacity: .5;
}

.mantine-Text-root.feature-text {
  color: #fff;
  text-shadow: 0 0 5px var(--feature-color),
    0 0 10px var(--feature-color);
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 600;
  transition: all .3s;
}

.feature-item.mantine-List-item:hover .mantine-Text-root.feature-text {
  text-shadow: 0 0 10px var(--feature-color),
    0 0 20px var(--feature-color),
    0 0 30px var(--feature-color);
  filter: brightness(1.3);
}

.mantine-Text-root.feature-description {
  color: #fffc;
  font-size: 14px;
  line-height: 1.5;
}

.footer-glow {
  position: relative !important;
}

.footer-glow:before {
  content: "" !important;
  filter: blur(1px) !important;
  background: linear-gradient(90deg, #09ffb000 0%, #09ffb04d 25%, #fe1c634d 50%, #006fff4d 75%, #09ffb000 100%) !important;
  height: 2px !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

.footer-logo {
  background: linear-gradient(45deg, #09ffb0, #fff, #fe1c63) !important;
  -webkit-text-fill-color: transparent !important;
  letter-spacing: -1px !important;
  text-shadow: 0 0 10px #09ffb04d !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  font-weight: 800 !important;
}

.footer-link {
  color: #ffffffb3 !important;
  text-decoration: none !important;
  transition: all .3s !important;
  position: relative !important;
}

.footer-link:hover {
  color: #13ed8a !important;
  text-shadow: 0 0 8px #13ed8a99 !important;
  transform: translateY(-1px) !important;
}

.footer-social {
  color: #fff9 !important;
  background: #0003 !important;
  border: 1px solid #ffffff1a !important;
  transition: all .3s !important;
}

.footer-social:hover {
  color: #fff !important;
  background: #13ed8a1a !important;
  border-color: #13ed8a66 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 15px #13ed8a4d !important;
}

.footer-section-title {
  color: #fff !important;
  margin-bottom: 12px !important;
  font-weight: 600 !important;
  position: relative !important;
}

.footer-section-title:after {
  content: "" !important;
  background: linear-gradient(90deg, #13ed8acc, #0000) !important;
  width: 30px !important;
  height: 1px !important;
  position: absolute !important;
  bottom: -4px !important;
  left: 0 !important;
}

.footer-premium {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(135deg, #14141ee6 0%, #1e1e2de6 100%);
  border: 2px solid gold;
  border-radius: 8px;
  padding: 16px;
  transition: all .3s;
  box-shadow: 0 0 20px #ffd7004d, 0 4px 12px #0006;
}

.footer-premium:hover {
  background: linear-gradient(135deg, #ffd700f2 0%, #ffed4af2 100%);
  border-color: #ffed4a;
  transform: translateY(-2px);
  box-shadow: 0 0 30px #ffd70080, 0 6px 16px #0006;
}

.footer-premium:hover .crown-icon {
  color: #1a1a1e !important;
  filter: drop-shadow(0 0 6px #1a1a1ecc) drop-shadow(0 0 12px #1a1a1e66) !important;
}

.footer-premium:hover .premium-text {
  color: #1a1a1e !important;
}

.footer-premium:hover .premium-description {
  color: #2d2d30 !important;
}

.footer-premium-button {
  color: #e6e6e6 !important;
  text-shadow: 0 0 8px #fff9 !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  background: linear-gradient(135deg, #14141ee6 0%, #1e1e2de6 100%) !important;
  border: 2px solid gold !important;
  font-weight: 600 !important;
  transition: all .3s !important;
  box-shadow: 0 0 20px #ffd7004d, 0 4px 12px #0006 !important;
}

.footer-premium:hover .footer-premium-button {
  background: linear-gradient(135deg, #ffd700f2 0%, #ffed4af2 100%) !important;
}

.footer-premium:hover .footer-premium-button .mantine-Text-root {
  color: #1a1a1e !important;
  text-shadow: none !important;
}

.thumbnail-hover-overlay {
  opacity: 0;
  transition: opacity .3s;
}

.thumbnail-hover-overlay:hover, :hover > .thumbnail-hover-overlay {
  opacity: 1 !important;
}

.pagination-control {
  --mantine-color-primary: var(--mantine-color-primary-7);
  color: #fffc !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
  background: #0009 !important;
  border: 1px solid #13ed8a4d !important;
  transition: all .3s !important;
}

.pagination-control:hover {
  color: #fff !important;
  background: #13ed8a1a !important;
  border-color: #13ed8a80 !important;
  box-shadow: 0 0 15px #13ed8a4d !important;
}

.pagination-control[data-active="true"] {
  color: #fff !important;
  background: #13ed8a33 !important;
  border-color: #13ed8ab3 !important;
  box-shadow: 0 0 20px #13ed8a66 !important;
}

.category-link:hover {
  color: var(--mantine-color-primary-4) !important;
}

.subcategory-link:hover {
  color: #fff !important;
  border-left-color: var(--mantine-color-primary-4) !important;
}