@media (min-width: 821px) {
  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) {
    background:
      radial-gradient(circle at 16% 18%, rgba(199, 117, 45, 0.13), transparent 30%),
      radial-gradient(circle at 76% 20%, rgba(87, 148, 135, 0.14), transparent 34%),
      radial-gradient(circle at 44% 76%, rgba(14, 71, 60, 0.07), transparent 38%),
      linear-gradient(135deg, #fffdf8 0%, #f8f4eb 45%, #eef5ef 100%) !important;
    background-attachment: fixed !important;
  }

  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) #app,
  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) #root,
  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) .min-h-screen,
  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) [class*="from-"],
  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) [class*="via-"],
  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) [class*="to-"],
  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) [class*="bg-gradient"],
  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) [class*="bg-["] {
    background: transparent !important;
    background-image: none !important;
  }

  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) .absolute.inset-0,
  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) .pointer-events-none.absolute.inset-0,
  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) [class*="blur-3xl"],
  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) [class*="rounded-full"][class*="absolute"] {
    display: none !important;
  }

  body:has(.relative.z-10.w-full.max-w-md input[type="password"])::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
      linear-gradient(90deg, rgba(199, 117, 45, 0.04), transparent 28%, transparent 76%, rgba(14, 71, 60, 0.045)),
      radial-gradient(ellipse at 50% 52%, rgba(255, 253, 248, 0.64), transparent 52%) !important;
  }

  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) .relative.z-10.w-full.max-w-md {
    width: 100vw !important;
    max-width: none !important;
    min-height: 100vh !important;
    display: grid !important;
    grid-template-columns: 50vw 50vw !important;
    grid-template-rows: minmax(0, 1fr) auto auto minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
    justify-content: center !important;
    position: relative !important;
  }

  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) .relative.z-10.w-full.max-w-md > div:first-child {
    grid-column: 1 !important;
    grid-row: 2 / span 2 !important;
    width: 520px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-self: center !important;
    align-self: center !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) .relative.z-10.w-full.max-w-md > div:first-child h1 {
    width: 100% !important;
    text-align: center !important;
  }

  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) .relative.z-10.w-full.max-w-md > div:first-child p {
    width: 100% !important;
    text-align: center !important;
  }

  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) .relative.z-10.w-full.max-w-md > div:first-child p::before {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) .relative.z-10.w-full.max-w-md > div:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 448px !important;
    justify-self: center !important;
    align-self: end !important;
    margin: 0 !important;
  }

  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) .relative.z-10.w-full.max-w-md > p,
  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) .relative.z-10.w-full.max-w-md > div.mt-6.text-center.text-sm {
    position: static !important;
    inset: auto !important;
    grid-column: 2 !important;
    grid-row: 3 !important;
    width: 448px !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 auto !important;
    transform: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    justify-self: center !important;
    align-self: start !important;
    z-index: 3 !important;
  }

  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) .relative.z-10.w-full.max-w-md > p,
  body:has(.relative.z-10.w-full.max-w-md input[type="password"]) .relative.z-10.w-full.max-w-md > div.mt-6.text-center.text-sm > p {
    position: static !important;
    width: 100% !important;
    margin: 0 auto !important;
    transform: none !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body:has(.relative.z-10.w-full.max-w-md input[type="password"])::before {
    content: "" !important;
    position: fixed !important;
    inset: auto !important;
    top: 22px !important;
    left: 28px !important;
    width: 64px !important;
    height: 52px !important;
    z-index: 40 !important;
    display: block !important;
    pointer-events: none !important;
    background: url("/ce-logo.png?v=20260604-ce-logo-1") center / contain no-repeat !important;
  }

  body:has(.relative.z-10.w-full.max-w-md input[type="password"])::after {
    display: none !important;
  }
}