@import '@razerspine/ui/less/fonts';
@import '@razerspine/ui/less/ui';

.main-simple {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 100%;
}

.layout-simple {
  background-image: radial-gradient(circle at 20% 30%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),
                    radial-gradient(circle at 80% 70%, rgba(79, 70, 229, 0.1) 0%, transparent 50%);
  background-size: 100% 100%, 100% 100%;
}

.text-gradient-soft {
  background: linear-gradient(to right, #6366f1, #4338ca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-deep {
  background: linear-gradient(90deg, #818cf8 0%, #4f46e5 50%, #3730a3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.row {
  &--gap-25 {
    gap: 25px;
  }
}

.header {
  background: var(--bg-color);
  box-shadow: 0 2px 10px 0 rgba(99, 102, 241, 0.3);

  .logo {
    &__icon {
      width: 35px;
      height: 37px;
    }
  }
}

.footer {
  background: var(--bg-color);
  box-shadow: 0 -2px 10px 0 rgba(99, 102, 241, 0.3);
}