body{
          font-family: 'Special Elite', cursive;
    }
    /* High-res, crisp backgroundpattern (SVG + gradients) */
    .ap-bg {
      background:
        radial-gradient(1200px 600px at 100% -10%, rgba(240,90,40,.10), rgba(240,90,40,0) 60%),
        radial-gradient(800px 400px at -10% 110%, rgba(255,138,76,.10), rgba(255,138,76,0) 60%),
        linear-gradient(180deg, #0f1115, #151820);
      position: relative;
      overflow: hidden;
    }
    .ap-bg:before {
      /* Subtle logo-inspired swirl motif */
      content: "";
      position: absolute;
      inset: -30% -10% auto -10%;
      aspect-ratio: 2/1;
      background-image:
        url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?>)
        <svg xmlns="http://www.w3.org/2000/svg" width="1600" height="800" viewBox="0 0 1600 800">\
          <g fill="none" stroke="%23F05A28" stroke-opacity="0.06" stroke-width="36">\
            <path d="M150 600c220-420 520-420 740 0"/>\
            <path d="M-100 520c260-420 600-420 860 0"/>\
            <path d="M320 760c240-420 560-420 800 0"/>\
          </g>\
        </svg>');
      background-size: cover;
      filter: blur(1px);
      pointer-events: none;
    }
    .backdrop {
      backdrop-filter: saturate(130%) blur(8px);
      -webkit-backdrop-filter: saturate(130%) blur(8px);
    }