html,
body,
#app {
  background: #fafafa !important;
}

#app [class*="bg-gradient-to-br"],
#app [class*="bg-["] {
  background:
    linear-gradient(to right, rgba(17, 17, 17, 0.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(17, 17, 17, 0.045) 1px, transparent 1px),
    #fafafa !important;
  background-size: 80px 80px !important;
}

#app [class*="rounded-full"][class*="blur-3xl"] {
  display: none !important;
}

#app .text-gradient,
#app h1.text-gradient {
  color: #111111 !important;
  background: none !important;
  -webkit-text-fill-color: #111111 !important;
}

#app [class*="shadow-primary"] {
  box-shadow: none !important;
}

#app [class*="rounded-2xl"] {
  border-radius: 8px !important;
}

#app .card-glass {
  border: 1px solid #e6e7eb !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 18px 50px rgba(17, 17, 17, 0.06) !important;
  backdrop-filter: blur(14px) !important;
}

#app .input {
  min-height: 42px !important;
  border-color: #e6e7eb !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: none !important;
}

#app .input:focus {
  border-color: #111111 !important;
  box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.08) !important;
}

#app .btn.btn-primary,
#app button[type="submit"] {
  border-color: #111111 !important;
  border-radius: 8px !important;
  background: #111111 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

#app .btn.btn-primary:hover,
#app button[type="submit"]:hover {
  background: #272727 !important;
}

#app a[class*="text-primary"] {
  color: #111111 !important;
}

#app svg[class*="text-primary"],
#app [class*="text-primary"] svg {
  color: #111111 !important;
}

#app [class*="max-w-md"] {
  max-width: 420px !important;
}

#app [class*="h-16"][class*="w-16"] {
  width: 60px !important;
  height: 60px !important;
  border: 1px solid #e6e7eb !important;
  background: #111111 !important;
}

@media (max-width: 520px) {
  #app [class*="min-h-screen"] {
    align-items: flex-start !important;
    padding-top: 48px !important;
  }

  #app .card-glass {
    padding: 24px !important;
  }
}