/* The same quiet pastel glass as the portal, around the existing wordmark. */
body.landing-effects {
  --landing-chrome: linear-gradient(165deg, #fff 4%, #e5e8f3 21%, #a4acbd 35%, #f7f3ff 43%, #c7bcd2 48%, #fff 53%, #bbc5d1 65%, #dbece8 78%, #f3e5db 94%);
  --landing-pastel: linear-gradient(130deg, #a7ddcf, #b1c6e8 32%, #cbb8e3 58%, #dfb9ca 78%, #e1c5a7);
  --landing-glass: linear-gradient(120deg, rgba(140,207,185,.09), rgba(155,176,215,.10) 32%, rgba(185,157,211,.10) 58%, rgba(209,165,184,.08) 80%, rgba(214,184,145,.08)), rgba(17,17,23,.94);
  isolation: isolate;
}

/* Opaque ground stays below the pointer trail; the wordmark stays above it. */
body.landing-effects::before,
body.landing-effects::after { content: none; }
body.landing-effects > .lp-backdrop {
  z-index: -1;
  background:
    radial-gradient(52vmax 40vmax at 32% 30%, rgba(185,157,211,.075), transparent 70%),
    radial-gradient(46vmax 36vmax at 70% 68%, rgba(140,207,185,.055), transparent 70%),
    radial-gradient(120vmax 90vmax at 50% 40%, #12131b 0%, #0a0a10 55%, #07070b 100%);
}
body.landing-effects > .lp-backdrop::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: var(--landing-pastel);
  opacity: .4;
}
body.landing-effects > .lp-wrap { z-index: 1; }
body.landing-effects > .lp-top {
  z-index: 5;
  padding-top: calc(20px + env(safe-area-inset-top, 0px));
  padding-right: calc(24px + env(safe-area-inset-right, 0px));
  padding-left: calc(24px + env(safe-area-inset-left, 0px));
}

/* Reserve room for navigation on short screens without moving the logo. */
body.landing-effects > .lp-wrap > .hero-logo {
  width: min(80vw, 540px, max(0px, calc((100vh - 176px - env(safe-area-inset-top, 0px) * 2) * 1.103)));
  width: min(80vw, 540px, max(0px, calc((100dvh - 176px - env(safe-area-inset-top, 0px) * 2) * 1.103)));
}

/* The label's satin reflection stays readable over the frosted capsule. */
body.landing-effects > .lp-top > .lp-login {
  color: #e7e8ee;
  background: var(--landing-glass);
  border-color: rgba(226,226,246,.17);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 2px 8px rgba(0,0,0,.12);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}
body.landing-effects > .lp-top > .lp-login:hover {
  color: #fff;
  border-color: rgba(194,186,218,.4);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 3px 14px rgba(177,198,232,.07);
}
body.landing-effects > .lp-top > .lp-login:focus-visible {
  outline: 2px solid #b1c6e8;
  outline-offset: 4px;
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  body.landing-effects > .lp-top > .lp-login > span {
    background: var(--landing-chrome);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.landing-effects > .lp-top > .lp-login {
    background: linear-gradient(120deg, rgba(140,207,185,.07), rgba(155,176,215,.08) 32%, rgba(185,157,211,.08) 58%, rgba(209,165,184,.06) 80%, rgba(214,184,145,.06)), rgba(17,17,23,.65);
    backdrop-filter: blur(14px) saturate(125%);
    -webkit-backdrop-filter: blur(14px) saturate(125%);
  }
}

@media (max-width: 640px) {
  body.landing-effects > .lp-top {
    padding-top: calc(14px + env(safe-area-inset-top, 0px));
    padding-right: calc(14px + env(safe-area-inset-right, 0px));
    padding-left: calc(14px + env(safe-area-inset-left, 0px));
  }
  body.landing-effects > .lp-top > .lp-login {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.landing-effects > .cursor-aura-canvas,
  body.landing-effects .hero-logo .card__shine,
  body.landing-effects .hero-logo .card__glare { display: none; }
  body.landing-effects > .lp-top > .lp-login { transition: none; }
}
@media (forced-colors: active) {
  body.landing-effects { background: Canvas; }
  body.landing-effects > .lp-backdrop,
  body.landing-effects > .cursor-aura-canvas,
  body.landing-effects .hero-logo .card__shine,
  body.landing-effects .hero-logo .card__glare { display: none; }
  body.landing-effects > .lp-top > .lp-login,
  body.landing-effects > .lp-top > .lp-login:hover {
    color: LinkText;
    -webkit-text-fill-color: LinkText;
    background: Canvas;
    border-color: LinkText;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    forced-color-adjust: auto;
  }
  body.landing-effects > .lp-top > .lp-login > span {
    background: none;
    -webkit-text-fill-color: LinkText;
  }
  body.landing-effects > .lp-top > .lp-login:focus-visible { outline-color: Highlight; }
}
@media print {
  body.landing-effects > .lp-top > .lp-login {
    background: none;
    -webkit-text-fill-color: #111;
    color: #111;
    box-shadow: none;
  }
  body.landing-effects > .lp-top > .lp-login > span {
    background: none;
    -webkit-text-fill-color: #111;
  }
}