/* Version: 20250112-1500 - Force cache refresh */
    /* Critical styles for immediate render */
    body {
      margin: 0;
      background: #0a0a0a;
      color: #f5e7f1;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }

    /* app-root intentionally stays visible: hiding it (opacity 0) suppresses
       the prerendered content's paint entries, pushing FCP/LCP out to JS
       bootstrap. FOUC is covered visually by the opaque #rulta-preloader
       overlay instead - occluded content still counts for paint metrics. */

    /* Branded preloader sits outside <app-root> so SSR/prerender cannot overwrite it */
    #rulta-preloader {
      position: fixed;
      inset: 0;
      z-index: 99999;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 28px;
      background:
        radial-gradient(ellipse at center, rgba(125, 106, 236, 0.18) 0%, transparent 60%),
        radial-gradient(ellipse at bottom, rgba(68, 179, 174, 0.12) 0%, transparent 55%),
        #0a0a0a;
      transition: opacity 0.4s ease-out;
    }

    body.ready #rulta-preloader {
      opacity: 0;
      pointer-events: none;
    }

    #rulta-preloader .rp-logo {
      width: 120px;
      height: auto;
      animation: rp-pulse 1.6s ease-in-out infinite;
    }

    #rulta-preloader .rp-spinner {
      width: 36px;
      height: 36px;
      border: 2.5px solid rgba(125, 106, 236, 0.18);
      border-top-color: #7D6AEC;
      border-right-color: #44B3AE;
      border-radius: 50%;
      animation: rp-spin 0.9s linear infinite;
    }

    @keyframes rp-spin {
      to {
        transform: rotate(360deg);
      }
    }

    @keyframes rp-pulse {

      0%,
      100% {
        opacity: 0.85;
        transform: scale(1);
      }

      50% {
        opacity: 1;
        transform: scale(1.04);
      }
    }

    .banner-container {
      min-height: 600px;
      padding: 100px 0 80px;
    }

    .banner-text h1 {
      font-size: 3rem;
      margin: 0 0 1rem;
    }

    @media (max-width: 768px) {
      .banner-text h1 {
        font-size: 2rem;
      }
    }