/* Glitchy 404 text with site color palette */
    .broken-404 {
      font-size: 180px;
      font-weight: bold;
      position: relative;
      color: black; /* soft light gray to fit dark background */
      text-shadow: -3px 0 #ff3cac, /* red left edge */ 3px 0 #00fff7; /* cyan right edge */
      animation: glitch 2s infinite;
    }
    
    @keyframes glitch {
      0%,
      100% {
        text-shadow: -3px 0 #ff3cac, 3px 0 #00fff7; /* pink & cyan */
      }
      20% {
        text-shadow: -2px -2px #00fff7, 2px 2px #ff3cac;
      }
      40% {
        text-shadow: -4px 2px #ff3cac, 4px -2px #00fff7;
      }
      60% {
        text-shadow: -2px 2px #00fff7, 2px -2px #ff3cac;
      }
      80% {
        text-shadow: -3px 0 #ff3cac, 3px 0 #00fff7;
      }
    }
    
    /* Slight flicker on the subtitle to make it cyberpunk-y */
    h1 span {
      animation: flicker 3s infinite;
    }
    
    @keyframes flicker {
      0%,
      19%,
      21%,
      23%,
      25%,
      54%,
      56%,
      100% {
        opacity: 0.9;
      }
      20%,
      22%,
      24%,
      55% {
        opacity: 0.5;
      }
    }
    .btn-outline-404
    {
      border-color: #b13a7e;
      color: #b13a7e;
    }
    .btn-outline-404:hover {
      background-color: #b13a7e;
      color: #000;
      border-color: #000;
    }