/** * Splash Page Styles * * Self-contained interstitial page shown before redirecting to an affiliate URL. * Dynamic values are injected via CSS custom properties on the element. * * Expected custom properties: * --splash-accent-color Hex colour for heading + loader bar. * --splash-bg-image Background image URL (empty string = solid fallback). * --splash-overlay-image Decorative SVG overlay URL (empty string = hidden). * --splash-redirect-delay Redirect delay in ms (used by loader animation). * * @package RTACIntegration */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } body { min-height: 100vh; display: flex; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; color: #fff; text-align: center; background: #1a1a2e; } body.has-bg-image { background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), var(--splash-bg-image) center / cover no-repeat fixed; } .rt-ac-splash { max-width: 600px; padding: 40px 24px; } .rt-ac-splash__line1 { font-size: 2.25rem; line-height: 2.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--splash-accent-color, #0EA5E9); margin-bottom: 12px; } .rt-ac-splash__line2 { font-size: 1.125rem; font-weight: 400; line-height: 1.6; margin-bottom: 32px; } .rt-ac-splash__line2 a { color: #fff; text-decoration: underline; text-underline-offset: 3px; } .rt-ac-splash__loader { width: 100%; max-width: 320px; height: 4px; background: rgba(255, 255, 255, 0.2); border-radius: 2px; margin: 0 auto; overflow: hidden; } .rt-ac-splash__loader-bar { height: 100%; width: 0; background: var(--splash-accent-color, #0EA5E9); border-radius: 2px; animation: rt-ac-loader var(--splash-redirect-delay, 3000ms) linear forwards; } .rt-ac-splash__overlay { position: absolute; inset: 0; background: var(--splash-overlay-image) center / cover no-repeat; opacity: 0.08; pointer-events: none; display: none; } .has-overlay .rt-ac-splash__overlay { display: block; } @keyframes rt-ac-loader { from { width: 0; } to { width: 100%; } }