:root {
  --auth-dream-ink: #70465c;
  --auth-dream-muted: #b58a9e;
  --auth-dream-pink: #ff79a7;
  --auth-dream-hot: #f15d91;
  --auth-dream-line: rgba(255, 154, 184, 0.58);
  --auth-dream-shadow: 0 24px 64px rgba(235, 116, 153, 0.26);
  --auth-dream-asset: "/miaolici-assets/login_regisist";
}

.miaolici-auth-home-link {
  position: fixed;
  top: clamp(0.75rem, 1.6vw, 1.25rem);
  left: clamp(0.75rem, 1.6vw, 1.25rem);
  z-index: 20;
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  min-height: 2.35rem;
  padding: 0 0.92rem;
  border: 1px solid rgba(255, 143, 179, 0.5);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #f25891;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0;
  text-decoration: none;
  box-shadow:
    0 10px 24px rgba(239, 108, 153, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(10px);
  transition:
    transform 0.16s ease,
    filter 0.16s ease,
    background-color 0.16s ease;
}

.miaolici-auth-home-link::before {
  content: "←";
  font-size: 1rem;
  line-height: 1;
}

.miaolici-auth-home-link:hover {
  background: rgba(255, 255, 255, 0.9);
  filter: saturate(1.04);
  transform: translateY(-1px);
}

.miaolici-auth-home-link:active {
  transform: translateY(1px);
}

.miaolici-auth-home-link:focus-visible {
  outline: 2px solid rgba(242, 88, 145, 0.55);
  outline-offset: 3px;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4 {
  isolation: isolate;
  color-scheme: light;
  min-height: 100svh;
  padding: clamp(0.75rem, 2vw, 1rem) !important;
  background:
    radial-gradient(
      circle at 8% 24%,
      rgba(255, 244, 177, 0.58) 0 8%,
      transparent 24%
    ),
    radial-gradient(
      circle at 93% 24%,
      rgba(204, 244, 245, 0.72) 0 15%,
      transparent 36%
    ),
    radial-gradient(
      circle at 12% 76%,
      rgba(211, 244, 226, 0.52) 0 14%,
      transparent 32%
    ),
    linear-gradient(115deg, #fff4ed 0%, #ffe3ef 34%, #fff7d3 58%, #dffaf8 100%) !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  > .absolute.inset-0.bg-gradient-to-br {
  background:
    radial-gradient(
        circle at 16% 18%,
        rgba(255, 135, 170, 0.16) 0 2px,
        transparent 3px
      )
      0 0 / 92px 92px,
    radial-gradient(
        circle at 68% 22%,
        rgba(255, 255, 255, 0.96) 0 2px,
        transparent 3px
      )
      0 0 / 86px 86px,
    radial-gradient(
        circle at 82% 60%,
        rgba(255, 135, 170, 0.14) 0 2px,
        transparent 3px
      )
      0 0 / 74px 74px,
    linear-gradient(rgba(255, 151, 187, 0.045) 1px, transparent 1px) 0 0 / 42px
      42px,
    linear-gradient(90deg, rgba(255, 151, 187, 0.04) 1px, transparent 1px) 0 0 /
      42px 42px !important;
  opacity: 0.95;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  > .pointer-events-none.absolute.inset-0.overflow-hidden {
  z-index: 1;
  opacity: 1;
  background-image:
    url("/miaolici-assets/login_regisist/23.png"),
    radial-gradient(
      circle at 42% 14%,
      rgba(255, 115, 158, 0.36) 0 4px,
      transparent 5px
    ),
    radial-gradient(
      circle at 72% 13%,
      rgba(255, 115, 158, 0.28) 0 3px,
      transparent 4px
    ),
    radial-gradient(
      circle at 18% 40%,
      rgba(255, 115, 158, 0.2) 0 5px,
      transparent 6px
    ),
    radial-gradient(
      circle at 85% 50%,
      rgba(255, 115, 158, 0.18) 0 4px,
      transparent 5px
    );
  background-position:
    left -112px top -98px,
    center top,
    right 23% top 5%,
    left 21% center,
    right 12% center;
  background-repeat: no-repeat;
  background-size:
    min(42vw, 500px) auto,
    28px 28px,
    20px 20px,
    24px 24px,
    20px 20px;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  > .pointer-events-none.absolute.inset-0.overflow-hidden::before,
html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  > .pointer-events-none.absolute.inset-0.overflow-hidden::after {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 0.9;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  > .pointer-events-none.absolute.inset-0.overflow-hidden::before {
  inset: 0;
  background:
    radial-gradient(
      circle at 6% 31%,
      rgba(255, 119, 164, 0.24) 0 7px,
      transparent 8px
    ),
    radial-gradient(
      circle at 6.7% 29.3%,
      rgba(255, 119, 164, 0.2) 0 3px,
      transparent 4px
    ),
    radial-gradient(
      circle at 7.7% 29.7%,
      rgba(255, 119, 164, 0.18) 0 3px,
      transparent 4px
    ),
    radial-gradient(
      circle at 8.3% 31%,
      rgba(255, 119, 164, 0.2) 0 3px,
      transparent 4px
    ),
    radial-gradient(
      circle at 6.8% 32.7%,
      rgba(255, 119, 164, 0.18) 0 3px,
      transparent 4px
    ),
    radial-gradient(
      circle at 78% 27%,
      rgba(255, 119, 164, 0.22) 0 7px,
      transparent 8px
    ),
    radial-gradient(
      circle at 77% 25.4%,
      rgba(255, 119, 164, 0.16) 0 3px,
      transparent 4px
    ),
    radial-gradient(
      circle at 79% 25.4%,
      rgba(255, 119, 164, 0.16) 0 3px,
      transparent 4px
    ),
    radial-gradient(
      circle at 80% 27%,
      rgba(255, 119, 164, 0.16) 0 3px,
      transparent 4px
    ),
    radial-gradient(
      circle at 78% 28.7%,
      rgba(255, 119, 164, 0.16) 0 3px,
      transparent 4px
    );
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  > .pointer-events-none.absolute.inset-0.overflow-hidden::after {
  left: 0;
  right: 0;
  bottom: -8px;
  height: min(22vh, 150px);
  background:
    radial-gradient(
      ellipse at 8% 100%,
      rgba(255, 255, 255, 0.92) 0 36%,
      transparent 37%
    ),
    radial-gradient(
      ellipse at 24% 110%,
      rgba(255, 255, 255, 0.82) 0 34%,
      transparent 35%
    ),
    radial-gradient(
      ellipse at 48% 112%,
      rgba(255, 255, 255, 0.72) 0 35%,
      transparent 36%
    ),
    radial-gradient(
      ellipse at 73% 108%,
      rgba(255, 255, 255, 0.76) 0 36%,
      transparent 37%
    ),
    radial-gradient(
      ellipse at 94% 100%,
      rgba(255, 255, 255, 0.92) 0 37%,
      transparent 38%
    );
  filter: drop-shadow(0 -12px 24px rgba(255, 174, 202, 0.2));
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  > .pointer-events-none.absolute.inset-0.overflow-hidden
  > .rounded-full {
  display: none !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .relative.z-10.w-full.max-w-md {
  z-index: 4;
  max-width: min(90vw, 34rem);
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .mb-8.text-center {
  margin-bottom: 0.55rem !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .mb-4.inline-flex.h-16.w-16 {
  position: relative;
  width: 3.35rem !important;
  height: 3.35rem !important;
  margin-bottom: -0.25rem !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 1.25rem !important;
  background: url("/miaolici-assets/login_regisist/21.png") center / contain
    no-repeat !important;
  box-shadow: 0 12px 28px rgba(255, 128, 170, 0.18) !important;
  transform: rotate(-2deg);
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .mb-4.inline-flex.h-16.w-16
  img {
  opacity: 0;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .text-gradient {
  width: min(68vw, 17rem);
  height: 4.65rem;
  margin: 0 auto;
  background: url("/miaolici-assets/login_regisist/22.png") center 52% / 17rem
    auto no-repeat !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: transparent !important;
  font-family: "Comic Sans MS", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 0 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: none;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .text-gradient::before,
html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .text-gradient::after {
  display: none;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .text-gradient
  + p {
  display: none !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .text-gradient
  + p::after {
  content: none;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .card-glass.rounded-2xl.p-8.shadow-glass {
  position: relative;
  min-height: 24.25rem;
  overflow: visible;
  border: 0 !important;
  border-radius: 2rem !important;
  padding: 3.1rem 3.15rem 2.65rem !important;
  background:
    url("/miaolici-assets/login_regisist/27.png") center / 100% 100% no-repeat,
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.92),
      rgba(255, 248, 243, 0.88)
    ) !important;
  box-shadow: var(--auth-dream-shadow) !important;
  backdrop-filter: none !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .card-glass.rounded-2xl.p-8.shadow-glass::before {
  content: "";
  position: absolute;
  left: 2.65rem;
  top: -0.9rem;
  width: 2.9rem;
  height: 2.35rem;
  border-radius: 999px 999px 0 0;
  background:
    radial-gradient(
      circle at 50% 62%,
      transparent 0 45%,
      rgba(255, 255, 255, 0.96) 46%
    ),
    linear-gradient(180deg, #ffdfe9, #fff8f4);
  filter: drop-shadow(0 2px 4px rgba(255, 139, 179, 0.18));
  opacity: 0.95;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .card-glass.rounded-2xl.p-8.shadow-glass::after {
  content: "";
  position: absolute;
  right: 1.9rem;
  top: -1.28rem;
  width: 4.9rem;
  height: 3.85rem;
  background: url("/miaolici-assets/login_regisist/21.png") center / contain
    no-repeat;
  filter: drop-shadow(0 8px 12px rgba(255, 117, 160, 0.2));
  transform: rotate(10deg);
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .space-y-6 {
  position: relative;
  z-index: 1;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  h2.text-2xl {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  color: var(--auth-dream-hot) !important;
  font-family: "Comic Sans MS", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 1.85rem !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 3px 8px rgba(255, 126, 170, 0.16);
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  h2.text-2xl::before,
html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  h2.text-2xl::after {
  content: "";
  width: 0.72rem;
  height: 0.72rem;
  background:
    radial-gradient(circle at 50% 67%, #ff8faf 0 34%, transparent 35%),
    radial-gradient(circle at 22% 34%, #ff8faf 0 13%, transparent 14%),
    radial-gradient(circle at 42% 22%, #ff8faf 0 13%, transparent 14%),
    radial-gradient(circle at 62% 22%, #ff8faf 0 13%, transparent 14%),
    radial-gradient(circle at 78% 34%, #ff8faf 0 13%, transparent 14%);
  opacity: 0.68;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  h2.text-2xl
  + p {
  color: var(--auth-dream-muted) !important;
  font-size: 0.84rem !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .input-label {
  margin-bottom: 0.42rem !important;
  color: var(--auth-dream-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .input-label::before {
  content: "*";
  margin-right: 0.22rem;
  color: #ff7aa7;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .pointer-events-none.absolute.inset-y-0.left-0,
html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .absolute.inset-y-0.right-0
  svg {
  opacity: 0;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  #password.input
  + button.absolute.inset-y-0.right-0 {
  z-index: 2;
  right: max(0.25rem, calc(15.3% - 1.625rem)) !important;
  width: 3.25rem !important;
  padding-right: 0 !important;
  justify-content: center !important;
  cursor: pointer;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .input {
  min-height: 2.9rem;
  border: 0 !important;
  border-radius: 999px !important;
  background: url("/miaolici-assets/login_regisist/28.png") center / 100% 100%
    no-repeat !important;
  background-color: transparent !important;
  color: var(--auth-dream-ink) !important;
  box-shadow: none !important;
  font-size: 0.9rem !important;
  transition:
    filter 0.18s ease,
    transform 0.18s ease;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  #email.input {
  background: url("/miaolici-assets/login_regisist/28.png") center / 100% 100%
    no-repeat !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  #password.input {
  background: url("/miaolici-assets/login_regisist/29.png") center / 100% 100%
    no-repeat !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  input[type="password"].input {
  background: url("/miaolici-assets/login_regisist/29.png") center / 100% 100%
    no-repeat !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .input:focus {
  filter: drop-shadow(0 9px 15px rgba(255, 117, 160, 0.2));
  outline: 0 !important;
  transform: translateY(-1px);
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .input::placeholder {
  color: #cda5b6 !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .input-hint {
  color: var(--auth-dream-muted) !important;
  font-size: 0.72rem !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  form.space-y-5 {
  margin-top: 0.9rem;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  form.space-y-5
  > * {
  margin-top: 0.95rem !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .btn.btn-primary {
  position: relative;
  min-height: 3.15rem;
  overflow: hidden;
  border: 1px solid rgba(239, 88, 139, 0.44) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(255, 255, 255, 0.94) 0 3px,
      transparent 4px
    ),
    radial-gradient(
      circle at 93% 30%,
      rgba(255, 255, 255, 0.84) 0 2px,
      transparent 3px
    ),
    linear-gradient(180deg, #ffbed0 0%, #ff89ad 38%, #f45c93 100%) !important;
  color: #fff !important;
  font-size: 1.02rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.58),
    0 9px 18px rgba(242, 82, 137, 0.28),
    0 3px 0 rgba(205, 57, 112, 0.34) !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .btn.btn-primary::before {
  content: "";
  width: 1.08rem;
  height: 1.08rem;
  margin-right: 0.28rem;
  background:
    radial-gradient(circle at 50% 68%, #fff 0 34%, transparent 35%),
    radial-gradient(circle at 22% 32%, #fff 0 13%, transparent 14%),
    radial-gradient(circle at 42% 20%, #fff 0 13%, transparent 14%),
    radial-gradient(circle at 62% 20%, #fff 0 13%, transparent 14%),
    radial-gradient(circle at 78% 32%, #fff 0 13%, transparent 14%);
  filter: drop-shadow(0 1px 0 rgba(224, 77, 128, 0.24));
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .btn.btn-primary
  svg {
  display: none !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .btn.btn-primary:hover {
  filter: brightness(1.03) saturate(1.04);
  transform: translateY(-1px);
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .btn.btn-primary:active {
  transform: translateY(1px) scale(0.992);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.5),
    0 5px 12px rgba(242, 82, 137, 0.22) !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  a.text-primary-600,
html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  a.dark\:text-primary-400 {
  color: #f25891 !important;
  font-weight: 900 !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  a.text-primary-600:hover,
html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  a.dark\:text-primary-400:hover {
  color: #ff7aa8 !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .rounded-xl.border.border-amber-200.bg-amber-50 {
  border-color: rgba(255, 187, 86, 0.44) !important;
  border-radius: 999px !important;
  background: rgba(255, 251, 228, 0.86) !important;
  box-shadow: 0 8px 18px rgba(236, 143, 68, 0.12);
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .mt-6.text-center.text-sm {
  color: #a97d92 !important;
  font-size: 0.78rem !important;
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .mt-6.text-center.text-sm::after {
  content: "  ";
}

html
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
  .mt-8.text-center.text-xs {
  display: none !important;
}

html.dark
  .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4 {
  color-scheme: light;
}

@media (max-height: 760px) and (min-width: 760px) {
  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4 {
    align-items: flex-start !important;
    padding-top: 0.8rem !important;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .mb-8.text-center {
    margin-bottom: 0.2rem !important;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .mb-4.inline-flex.h-16.w-16 {
    width: 2.7rem !important;
    height: 2.7rem !important;
    margin-bottom: -0.42rem !important;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .text-gradient {
    width: min(56vw, 14rem);
    height: 3.5rem;
    background-size: 14rem auto !important;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .card-glass.rounded-2xl.p-8.shadow-glass {
    min-height: 22.5rem;
    padding: 2.65rem 2.7rem 2.2rem !important;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    h2.text-2xl {
    font-size: 1.68rem !important;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    form.space-y-5 {
    margin-top: 0.65rem;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    form.space-y-5
    > * {
    margin-top: 0.72rem !important;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .input {
    min-height: 2.55rem;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .btn.btn-primary {
    min-height: 2.85rem;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .mt-8.text-center.text-xs {
    margin-top: 0.45rem !important;
  }
}

@media (max-width: 900px) {
  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    > .pointer-events-none.absolute.inset-0.overflow-hidden {
    background-position:
      left -115px top -105px,
      center top,
      right 23% top 5%,
      left 21% center,
      right 12% center;
    background-size:
      260px auto,
      22px 22px,
      16px 16px,
      18px 18px,
      16px 16px;
  }
}

@media (max-width: 520px) {
  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4 {
    padding: 0.72rem !important;
  }

  .miaolici-auth-home-link {
    min-height: 2.1rem;
    padding: 0 0.7rem;
    font-size: 0.72rem;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .relative.z-10.w-full.max-w-md {
    max-width: min(92vw, 24rem);
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .mb-4.inline-flex.h-16.w-16 {
    width: 3.35rem !important;
    height: 3.35rem !important;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .text-gradient {
    width: min(74vw, 14rem);
    height: 3.85rem;
    background-size: 14rem auto !important;
    font-size: 0 !important;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .card-glass.rounded-2xl.p-8.shadow-glass {
    min-height: 20rem;
    padding: 2rem 1.36rem 1.75rem !important;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .card-glass.rounded-2xl.p-8.shadow-glass::before {
    left: 1.6rem;
    width: 2rem;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .card-glass.rounded-2xl.p-8.shadow-glass::after {
    right: 0.8rem;
    top: -0.9rem;
    width: 3.4rem;
  }

  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    h2.text-2xl {
    font-size: 1.35rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .input,
  html
    .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden.p-4
    .btn.btn-primary {
    transition: none;
  }
}