/* Brand gradient under the splash so the preloader fade-out
   (secureRedirect) reveals the same color start.html paints. */
body {
    margin: 0;
    min-height: 100vh;
    background: linear-gradient(160deg, #F97D09 0%, #d8873b 55%, #F97D09 100%);
}
#preloader {
    /* Same gradient as body/#startSplash so fade-out (secureRedirect)
       has no colour pop in the index -> start hand-off. */
    background: linear-gradient(160deg, #F97D09 0%, #d8873b 55%, #F97D09 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* rightpay_s_flash.webp — same asset/aspect-ratio treatment as
   start.html's .splash-flash-logo, including the warm-brown shadow. */
.splash-flash-logo {
    width: min(280px, 68vw);
    height: auto;
    /* Two independent animations: the wipe is a one-shot entrance
       (finite, "both" so it holds at fully-revealed afterwards). */
    animation: idxSplashFloat 3s ease-in-out infinite,
               idxSplashWipeIn 0.9s cubic-bezier(0.65, 0, 0.35, 1) both;
}
@keyframes idxSplashFloat {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50%      { transform: translate3d(0, -5px, 0); }
}
/* Left-to-right reveal on first paint: clip-path's right inset
   animates from 100% (fully clipped) to 0% (fully visible). */
@keyframes idxSplashWipeIn {
    from { clip-path: inset(0 100% 0 0); }
    to   { clip-path: inset(0 0 0 0); }
}
@media (prefers-reduced-motion: reduce) {
    .splash-flash-logo { animation: none; }
}