body {
  background:
    radial-gradient(circle at 18% 18%, rgba(23, 105, 255, 0.08), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(10, 166, 154, 0.08), transparent 26%),
    #f6f8fb !important;
  color: #07111f;
  font-size: 14px !important;
}

a {
  text-decoration: none !important;
}

a[href="#content"] {
  transform: translateY(-220px) !important;
}

a[href="#content"]:focus,
a[href="#content"]:focus-visible {
  transform: translateY(12px) !important;
}

a[href="/dashboard"],
a[href="/dashboard/overview"] {
  color: #07111f !important;
}

aside,
[data-sidebar="sidebar"] {
  background: #07111f !important;
  color: #d8e2f0 !important;
}

aside a,
[data-sidebar="sidebar"] a {
  color: #d8e2f0 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}

aside svg,
[data-sidebar="sidebar"] svg {
  color: #9fb0c9 !important;
}

aside a:hover,
[data-sidebar="sidebar"] a:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

aside [data-active="true"],
[data-sidebar="sidebar"] [data-active="true"],
aside a[aria-current="page"],
[data-sidebar="sidebar"] a[aria-current="page"] {
  color: #07111f !important;
  background: #43a7f5 !important;
}

main,
#content {
  background: #f5f8fc !important;
}

main section,
main article {
  border-radius: 8px !important;
}

a[href="/"] {
  color: #07111f !important;
}

a[href="/"] img {
  border-radius: 8px !important;
}

.relative.grid.h-svh {
  min-height: 100vh !important;
  grid-template-columns: minmax(0, 1fr) !important;
  overflow: hidden;
}

.relative.grid.h-svh::before {
  position: fixed;
  inset: 0 auto 0 0;
  width: 42vw;
  content: "";
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.74)),
    url("/assets/hero-platform.png") center / cover no-repeat;
  pointer-events: none;
}

.relative.grid.h-svh::after {
  position: fixed;
  inset: 0;
  content: "";
  background:
    linear-gradient(90deg, transparent 0 38vw, rgba(246, 248, 251, 0.72) 46vw, #f6f8fb 100%);
  pointer-events: none;
}

.relative.grid.h-svh .container {
  position: relative;
  z-index: 2;
  justify-content: flex-end !important;
  padding-right: min(11vw, 132px) !important;
}

.relative.grid.h-svh form,
.relative.grid.h-svh .w-full.space-y-8 {
  position: relative;
}

.relative.grid.h-svh .w-full.space-y-8 {
  max-width: 440px;
  padding: 32px !important;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(220, 228, 239, 0.95);
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(7, 17, 31, 0.12);
  backdrop-filter: blur(18px);
}

.relative.grid.h-svh h2 {
  color: #07111f !important;
  font-size: 27px !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

.relative.grid.h-svh p {
  color: #64748b !important;
}

.relative.grid.h-svh label {
  color: #07111f !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.relative.grid.h-svh input {
  height: 43px !important;
  border-color: #dce4ef !important;
  background: #f8fafc !important;
  border-radius: 8px !important;
  padding-left: 14px !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

.relative.grid.h-svh input:focus {
  border-color: #1769ff !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(23, 105, 255, 0.12) !important;
}

.nexa-hidden-username-field {
  display: none !important;
}

.relative.grid.h-svh button[type="submit"],
.relative.grid.h-svh form > button {
  height: 45px !important;
  background: #1769ff !important;
  border-radius: 8px !important;
  font-weight: 750 !important;
}

.relative.grid.h-svh button[type="button"] {
  height: 43px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}

@media (max-width: 900px) {
  .relative.grid.h-svh::before {
    display: none;
  }

  .relative.grid.h-svh::after {
    display: none;
  }

  .relative.grid.h-svh .container {
    justify-content: center !important;
    padding: 24px 14px !important;
  }

  .relative.grid.h-svh .w-full.space-y-8 {
    padding: 24px !important;
  }
}
