@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&display=swap");

:root {
  --relaxlink-font: "Plus Jakarta Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
}

.text-gradient.text-3xl.font-bold {
  font-family: var(--relaxlink-font) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  font-size: 2.35rem !important;
  line-height: 1.15 !important;
}

/* Login / Register: enlarge logo, remove Sub2API tile effect */
.mb-4.inline-flex.h-16.w-16,
.mb-4.inline-flex.h-16.w-16.items-center.justify-center,
.mb-4.inline-flex.h-16.w-16.items-center.justify-center.overflow-hidden.rounded-2xl,
.mb-4.inline-flex.h-16.w-16.items-center.justify-center.overflow-hidden.rounded-2xl.shadow-lg {
  height: 7.5rem !important;
  width: 7.5rem !important;
  min-height: 7.5rem !important;
  min-width: 7.5rem !important;
  padding: 0 !important;
  margin-bottom: 1.25rem !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  border: none !important;
  border-radius: 1.25rem !important;
  overflow: visible !important;
}

.mb-4.inline-flex.h-16.w-16 img {
  display: block !important;
  height: 7.5rem !important;
  width: 7.5rem !important;
  min-height: 7.5rem !important;
  min-width: 7.5rem !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: contain !important;
  background: transparent !important;
  border: none !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 14px 36px rgba(20, 184, 166, 0.42) !important;
  transform: none !important;
}

/* Sidebar / dashboard header logo */
.sidebar-logo,
.sidebar-header .sidebar-logo {
  height: 3.75rem !important;
  width: 3.75rem !important;
  min-height: 3.75rem !important;
  min-width: 3.75rem !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  --tw-shadow: 0 0 #0000 !important;
  border: none !important;
  border-radius: 1rem !important;
  overflow: visible !important;
}

.sidebar-logo img,
.sidebar-header .sidebar-logo img {
  display: block !important;
  height: 3.75rem !important;
  width: 3.75rem !important;
  min-height: 3.75rem !important;
  min-width: 3.75rem !important;
  object-fit: contain !important;
  background: transparent !important;
  border: none !important;
  border-radius: 1rem !important;
  box-shadow: 0 8px 20px rgba(20, 184, 166, 0.32) !important;
}

.sidebar-brand-title {
  font-family: var(--relaxlink-font) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  font-size: 1.25rem !important;
}

.mb-8.text-center .text-sm.text-gray-500,
.mb-8.text-center .text-sm.dark\\:text-dark-400 {
  font-family: var(--relaxlink-font) !important;
}

/* Home page (/home) header nav logo */
header nav .h-10.w-10.overflow-hidden.rounded-xl.shadow-md {
  height: 5.5rem !important;
  width: 5.5rem !important;
  min-height: 5.5rem !important;
  min-width: 5.5rem !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  --tw-shadow: 0 0 #0000 !important;
  border: none !important;
  border-radius: 1rem !important;
  overflow: visible !important;
}

header nav .h-10.w-10.overflow-hidden.rounded-xl.shadow-md img {
  display: block !important;
  height: 5.5rem !important;
  width: 5.5rem !important;
  min-height: 5.5rem !important;
  min-width: 5.5rem !important;
  object-fit: contain !important;
  background: transparent !important;
  border: none !important;
  border-radius: 1rem !important;
  box-shadow: 0 10px 24px rgba(20, 184, 166, 0.35) !important;
}