/* Reuse the established Admin splash, including its CSS-only failsafe. */
:root{--gold:#d5b77a}
      #splash {
        position: fixed;
        inset: 0;
        z-index: 9999;
        display: grid;
        place-items: center;
        overflow: hidden;
        background: #090b0a;
        transition:
          opacity 0.28s ease,
          visibility 0.28s ease;
        animation: splashFailsafe 0.28s ease 2.5s forwards;
      }
      #splash.hide {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
      }
      @keyframes splashFailsafe {
        to {
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
        }
      }
      #splash:before,
      #splash:after {
        content: "";
        position: absolute;
        width: 70vw;
        height: 70vw;
        border-radius: 50%;
        filter: blur(48px);
        opacity: 0.22;
        background: radial-gradient(
          circle,
          rgba(244, 232, 207, 0.25) 0,
          rgba(120, 128, 120, 0.12) 34%,
          transparent 70%
        );
        animation: drift 5s ease-in-out infinite alternate;
      }
      #splash:before {
        left: -38vw;
        top: 8vh;
      }
      #splash:after {
        right: -40vw;
        bottom: 4vh;
        animation-delay: -2.4s;
      }
      .splash-inner {
        position: relative;
        z-index: 1;
        text-align: center;
      }
      .splash-logo {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        object-fit: cover;
        animation: pulse 1.8s ease-in-out infinite;
      }
      .loader {
        width: 28px;
        height: 28px;
        margin: 22px auto 0;
        border: 2px solid rgba(213, 183, 122, 0.18);
        border-top-color: var(--gold);
        border-radius: 50%;
        animation: spin 0.85s linear infinite;
      }
      @keyframes pulse {
        50% {
          transform: scale(1.035);
          opacity: 0.86;
        }
      }
      @keyframes spin {
        to {
          transform: rotate(360deg);
        }
      }
      @keyframes drift {
        to {
          transform: translate(12vw, 7vh) scale(1.15);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        #splash:before,
        #splash:after,
        .splash-logo,
        .loader {
          animation: none;
        }
      }
      .starlight-field {
        position: absolute;
        inset: 0;
        overflow: hidden;
        pointer-events: none;
        z-index: 1;
        background: radial-gradient(
          circle at 50% 43%,
          rgba(213, 183, 122, 0.025),
          transparent 44%
        );
      }
      .star-glow {
        position: absolute;
        width: 2px;
        height: 2px;
        border-radius: 50%;
        background: rgba(244, 232, 207, 0.92);
        box-shadow: 0 0 7px 1px rgba(244, 232, 207, 0.22);
        animation: twinkle 4.6s ease-in-out infinite;
      }
      .star-glow.big {
        width: 4px;
        height: 4px;
        box-shadow: 0 0 10px 2px rgba(213, 183, 122, 0.22);
      }
      .star-glow.g1 {
        left: 11%;
        top: 19%;
        animation-delay: -0.4s;
      }
      .star-glow.g2 {
        right: 13%;
        top: 31%;
        animation-delay: -2.1s;
      }
      .star-glow.g3 {
        left: 19%;
        bottom: 24%;
        animation-delay: -3.4s;
      }
      .star-glow.g4 {
        right: 22%;
        bottom: 16%;
        animation-delay: -1.1s;
      }
      .star-glow.g5 {
        left: 31%;
        top: 12%;
        animation-delay: -2.8s;
      }
      .star-glow.g6 {
        right: 34%;
        top: 18%;
        animation-delay: -0.9s;
      }
      .star-glow.g7 {
        left: 7%;
        top: 57%;
        animation-delay: -3.8s;
      }
      .star-glow.g8 {
        right: 8%;
        top: 68%;
        animation-delay: -1.9s;
      }
      .star-glow.g9 {
        left: 38%;
        bottom: 9%;
        animation-delay: -0.2s;
      }
      .star-glow.g10 {
        right: 41%;
        bottom: 7%;
        animation-delay: -2.9s;
      }
      @keyframes twinkle {
        0%,
        100% {
          opacity: 0.08;
          transform: scale(0.55);
        }
        45% {
          opacity: 0.72;
          transform: scale(1.08);
        }
        65% {
          opacity: 0.28;
          transform: scale(0.8);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .star-glow {
          animation-duration: 8s;
        }
      }

@media(prefers-reduced-motion:reduce){.star-glow{animation:none}#splash{transition:none}}