body {
      background: radial-gradient(circle at center, #1a001f, #000010 90%);
      color: #ff66cc;
      font-family: 'VT323', monospace;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      height: 100vh;
      margin: 0;
      overflow: hidden;
    }

    .lost-container {
      text-align: center;
      border: 3px solid #33ffff;
      padding: 3em;
      border-radius: 1.5em;
      box-shadow: 0 0 25px #ff66cc99, 0 0 50px #33ffff55 inset;
      max-width: 600px;
    }

    .lost-container h1 {
      font-size: 3em;
      color: #99ffcc;
      text-shadow: 0 0 8px #ff66cc;
      margin-bottom: 0.5em;
    }

    .lost-container p {
      font-size: 1.2em;
      margin-bottom: 2em;
      text-shadow: 0 0 4px #33ffff;
    }

    .lost-container a {
      display: inline-block;
      text-decoration: none;
      border: 3px solid #ff66cc;
      padding: 0.5em 1em;
      color: #33ffff;
      font-weight: bold;
      border-radius: 0.5em;
      box-shadow: 0 0 8px #ff66cc88;
      transition: all 0.2s ease;
    }

    .lost-container a:hover {
      background-color: #ff66cc22;
      box-shadow: 0 0 12px #ff66ccaa;
      color: white;
    }

    .glitch404 {
      font-size: 6em;
      color: #ff66cc;
      text-shadow: 2px 0 #33ffff, -2px 0 #33ffff;
      animation: glitchy 2s infinite;
    }

    @keyframes glitchy {
      0%, 100% { transform: none; }
      20% { transform: translateX(-2px); }
      40% { transform: translateX(2px); }
      60% { transform: translateX(-1px); }
      80% { transform: translateX(1px); }
    }