<!--                                                                                                                    
                                                :::                            ::-:                                                 
                                               .:@@::.                       :-#@-:                                                 
                                               ::@@@@-:.                  .:-@@@@-:                                                 
                                               :-@. @@@-:                :-@@%.+@--                                                 
                              :::.             :*@.#  %@*:.             :=@@.-+:@-:              ::-::                              
                             :-%%%+:::.        :%@.@@= .@%:.           :#@-.+%@+@@::        :::-*%%::                               
                              ::*@@%@@+::      :@@.@@@*. %@::        ::%@..+@@@**@::     .:-@@@@@*:                                 
                                :#@-.:@@#:.    :%%.%*@@*. @@:-::::::-:@@..+@@%*%:@-:    :-@@=.*@#:                                  
                                 :@@ .::%@::   :*@.:*@@@- .@@%@@@@@@%*@. -%@@@++.@#:  ::%@- .+%@-                                   
                                 :#@ ..--#@-:  -=@.:+@@@+ ::@@.@+=@@:@% .=@@@@#+-@@:-::%@ ..=+%@-                                   
                                 :%@ ..:+:@@:-+%@@*:#@@@- .:-%-. ...++  :=@@@%**:@@+---@:...++#@=:                                  
                                :-@: ..:++-@@@@@@@@=@@+@....:==: . .:. .:=##*@%#+@@@@@@%.:..+++@@:.                                 
                               ::@# .::.+++@%+@@@@@*@:............... ...::.+@@@@@@@@%@#....+++*@%::                                
                              ::@@ ..:.:++*%.@@.#@@#.. ......:........:.....+:+@@@++@+#+....-+++%@@::                               
                           :::=@@ .:...-++*+#@@# ..+:......=..:..:..-::..:::=+#*::-@@@.. ...:++++@@@*:::                            
                        :::*@@@@....:.:++*++@@@@*....:++-..:*=-:.:.=*:..:=+*++++++%@@@#......-++++@@@@@+::                          
                     :::+@@@*+@+ ...-.=++%+@@@@@@@:....*@%#-:+*=.:=*-.:+%@@*++++#@@@@@@#:*....=++++@@@@@@@-::                       
                   :-=@@@@@#.*@ ...=-:++*@@@@@@.    .:.=@::#*-+*=***:=*:.-#++++++==+@@@@.%.:..-++*+@@+@@@@@@*-:                     
                    :#@@@@@..-% ...+-=*+#@@@@@@@%.....::*%-.%#*#*+**+@:-##*++++++:@@@@@@@#::-.:+*++@*++@@@@@@::                     
                    :-@@@@%...+ .::+==*+%@@@@@@@@@@*:..:::+*+*%%*=+#%+***+++++*#@@@@@@@@@@::=::+*=+%++:@@@@@@::                     
                    :-@@@@*::::-.:-++**+#@@@@@+ .=#@@%=::==::-*=::++++**#*+*#@@@@%**%@@@@@::+--+*+++++:%@@@@@::                     
                    ::@@@@@:::+..::+++@**@@@@@@@::=+%@@@@@+:+.:-::=*+*#*%@@@@@@@%*+@@@@@@@:=*+=++*+*++:@@@@@-:                      
                     :@@@@@-:-=+...+++#@#%@@@@# .....=+*#@@@:..: :=*++#@@@@@@#+++%*+@@@@@.:#*+++*+*%++:@@@@@::                      
                     :-@@@@@::-++-.-*++@@@@@@@.+ ....:+#@@@@%:::++##+=@@@@@@*##++++++@@@:+@*++++**@*+:%@@@@@::                      
                     ::@@@@@@::++++-+***@@@@@@* :....+@%=+*@@*+*%#%+=@@@@%#@%++*+++@=@@@@@*++*+*%@*+:*@@@@@*:                       
                      :#@@@@@@::+**+++%#*#@@@@.*  .:=-.:=++++@@@##%@@@@@@%++*++++*-#@@@@***##*@@@#+.#@@@@@@-.                       
                      ::@@@@@##*.++*****@@%@@=%+ .::.::-*=.-++@@@@@@@@@%@%++++#*++**@@@@@@@@@@@@*=*%*-@@@@%:                        
                       :%@@@@@@=++**#@%**+%@@@@# .:*:::=-. :=+*##@@@@@***#++++#@#+-%@@@@@@@@@@%***+-#@@@@@*:                        
                       :-@@@@@@@@@****%@@@@@@@@@..+@-:.-:. ::=++++@@@*+*+++++++@@*:@@@@@@@@@#**+=-%@@@@@@@::                        
                        :@@@#@@@@@@@@@%%%@@@@@@@%.%@*- -=: ::::+++*+++++++%#++@@@@%@@@@@@%##*+@@@@@@@%%@@#:                         
                        :+@@@:@@@@@@@@@@@@@@@@*.@@%@@*=:-+. ::::+=::+*+++*@%=*@@@@@%@@@@@@@@@@@@@@@@@:@@@:.                         
                        ::@@@+-@@@@@@@%-.-++*@@ #@**@@*+-=*-.:.::.:+*****@@*#@@%*@+#@@**++*%@@@@@@@@:#@@+:                          
                         :+@@+::@@@@+.=+++**@@@::++++*@@#**%*=:.::+*#%*@@@@@@#*++++@@@%%*++++#@@@@@::*@@::                          
                         .:%@@:%@@@#+*+++**@@@@@..++++*%@@@@@**-:=**%@@@@@@#*++++:@@@@@++++++@@@@@@*:@@-:                           
                          :-@@@:@@@+@=+++*+*@@@@@-:-=++*@@@@@@#*=**#@@@@@@#*++++=%@@@@@@++*++*@@@@%+@@%::                           
                           :*@@@#%@@@-+**%*%@@@@@#+--+++#@@@@@@#**#@@@@@@@#*++++#@@@@@@@+*#*+*@@@%%@@@-:                            
                     :..:::::@@@@@@@@#+**@*%@@@@@%*+++++*@@@@@@@*%@@@@@@@@#*+*++@@@@@@@@+*@#=@@@@@@@@#:-:....                       
                  .::*@@@@@@#@@@@@@@@@@@@@@@@@@@@@@@@**#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=:                    
                 :-@@@%####@@@@#######%@@@@%***#@@@@@@@@@@*++++@@@@#########@@@##%#@@@@@##%#@@%%%%@@@@@@@####@@@%:                  
                :-@@.        @*        @@         @@@@@@         %=         @@:     @@@@    %@    @@@@@:       *@@:.                
                :#@*         @:        @=         :@@@@@         .+         @@      +@@@-   %@    @@@@@         @@=:                
               ::@@-   @@    @    @@@@@@.   @@@   :@@@@%   +@@   .@@@#   *@@@#       @@@#   #@.   @@@@@    @@   %@+:                
               .:@@:    @@@@@@    @@@@@@    @@%   +@@@@%    ::   :@@@%   +@@@+   *   @@@%   *@:   @@@@@    =@@@@@@+:                
               ::%@#      @@@@       +@@    @@#   +@@@@@         :@@@%   =@@@   +@   :@@@   +@-   @@@@@@      @@@%:.                
                -:@@@+      @@       #@@    @@+   %@@@@@@%-:-@   :@@@%   =@@#   @@    @@@   =@=   @@@@@@@%      @@=:                
               ::@@@@@@@:   #%   =@@@@@@    @@=   @@@@@=   @@@   -@@@%   =@@=         *@@   -@*   @@@@@@@@@@*   :@%::               
               :-@@.  #@=   %#   %@%%#@%    ..    @@@@@=         =@@@%   =@@           @@   :@#   #@@@@+   @@    @@::               
               :*@@         @+        #@         .@@@@@@        .@@@@%   -@@    @@@.   @@   .@%        #         @@=:               
               :*@@        #@=        @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*=:-@@        @         @@-:               
               :-@@%--+*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#*+=*@@#:                
                ::%@@@@@@@@@@@@@@@@@%%##+-#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%+*##%%%@@@@@@@@@@@@@@@@@-:                 
                 :::-+##*----:::::::::.   ::#@@@@+@@@@@@##@@@@@@@@@@@#*%@@#@@@@@@*%@@@#::   .::::::::::::---+=-:::                  
                                            ::#@@@@:#@@@@@*++%@@@@#*+**+*@@@@@%:@@@@@::                                             
                                              ::*@@@@=-%@@@@%++++++++++@@@@@--@@@@%::                                               
                                                ::*@@@@%:-@@@@@@*+=*@@@@@#:*@@@@%::                                                 
                                                  .:=@@@@@-:+@@@@@@@@@%--%@@@@#::                                                   
                                                     :-@@@@@%::*@@@%::#@@@@@-:.                                                     
                                                       ::+@@@@@=:::-@@@@@#::                                                        
                                                         :::@@@@@@@@@@@-::                                                          
                                                            ::-#@@@%-::                                                             
                                                               :::::                                                                

-->
<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>404 | CAPTOGEL</title>
  <meta name="description" content="Pages Not Found.">
  <meta name="robots" content="noindex, nofollow" />
  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap" rel="stylesheet">
  <style>
    :root {
      --bg-color: #000;
      --text-color: #00ff00;
      --neon: #00ff00;
      --glow: #00ff00;
      --matrix-color: #00ff00cc;
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html, body {
      height: 100%;
      background-color: var(--bg-color);
      color: var(--text-color);
      font-family: 'Orbitron', sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      text-align: center;
    }

    main {
      padding: 2rem;
      position: relative;
      z-index: 2;
    }

    .logo {
      width: 200px;
      height: auto;
      margin: 2rem auto 1rem;
      display: block;
      animation: fadeIn 2s ease-in-out;
      filter: drop-shadow(0 0 5px var(--matrix-color));
    }

    .logo2 {
      width: 80px;
      height: auto;
      margin: 2rem auto 1rem;
      display: block;
      animation: fadeIn 2s ease-in-out;
      filter: drop-shadow(0 0 5px var(--matrix-color));
    }

    h1 {
      font-size: clamp(6rem, 20vw, 12rem);
      color: var(--neon);
      position: relative;
      text-shadow: 0 0 10px var(--matrix-color);
      animation: matrixGlitch 3s infinite alternate;
      margin: 0;
    }

    @keyframes matrixGlitch {
      0% {
        text-shadow: 
          0 0 10px var(--matrix-color),
          0 0 20px var(--matrix-color),
          0 0 30px var(--matrix-color);
        transform: translate(0);
      }
      20% {
        text-shadow: 
          0 0 10px var(--matrix-color),
          0 0 20px var(--matrix-color),
          0 0 30px var(--matrix-color),
          5px 0 0 rgba(0,255,0,0.5),
          -5px 0 0 rgba(255,0,255,0.5);
      }
      40% {
        transform: translate(-2px, 2px);
      }
      60% {
        transform: translate(2px, -2px);
        text-shadow: 
          0 0 15px var(--matrix-color),
          0 0 30px var(--matrix-color),
          0 0 45px var(--matrix-color);
      }
      80% {
        transform: translate(0);
      }
      100% {
        text-shadow: 
          0 0 20px var(--matrix-color),
          0 0 40px var(--matrix-color),
          0 0 60px var(--matrix-color);
      }
    }

    h2 {
      font-size: clamp(2rem, 6vw, 2.8rem);
      margin-top: 1rem;
      color: var(--matrix-color);
      text-shadow: 0 0 5px var(--matrix-color);
    }

    p {
      font-size: clamp(1.1rem, 2.6vw, 1.4rem);
      margin: 1rem 0 2rem;
      color: var(--matrix-color);
      text-shadow: 0 0 3px var(--matrix-color);
    }

    .button {
      display: inline-block;
      background-color: transparent;
      color: var(--matrix-color);
      border: 2px solid var(--matrix-color);
      text-decoration: none;
      font-size: 1.2rem;
      padding: 1rem 2.4rem;
      border-radius: 0;
      box-shadow: 0 0 15px var(--matrix-color);
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }

    .button:hover {
      background-color: var(--matrix-color);
      color: #000;
      box-shadow: 0 0 30px var(--matrix-color);
      text-shadow: none;
    }

    .button::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, var(--matrix-color), transparent);
      transition: 0.5s;
    }

    .button:hover::before {
      left: 100%;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: scale(0.95); }
      to   { opacity: 1; transform: scale(1); }
    }

    /* Matrix Rain Background */
    .matrix-rain {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      opacity: 0.3;
    }

    @media (max-width: 480px) {
      .logo {
        width: 150px;
      }

      .logo2 {
        width: 80px;
      }
      
      .button {
        font-size: 1.1rem;
        padding: 0.85rem 2rem;
      }

      h1 {
        font-size: 8rem;
      }

      h2 {
        font-size: 1.8rem;
      }

      p {
        font-size: 1.1rem;
      }
    }
  </style>
</head>
<body>
  <!-- Matrix Rain Background -->
  <canvas id="matrix" class="matrix-rain"></canvas>
  
  <main>
    <h1>404</h1>
    <h2>Server is Block</h2>
    <p>© 2025 | CAPTOGEL | All Rights Reserved. <br>~ SEO 9 TAILS ~</p>
    <a href="https://ik.imagekit.io/aidong/aidong.jpg" class="button">Back To Menu</a>
    <a href="https://t.ly/captogel"><img src="https://images.dmca.com/Badges/_dmca_premi_badge_4.png" alt="DMCA Protected" class="logo" /></a>
    <img src="https://ik.imagekit.io/aidong/aidong.jpg" alt="CAPTOGEL Logo" class="logo2" loading="lazy" />
  </main>

  <script>
    // Matrix Rain Effect
    const canvas = document.getElementById('matrix');
    const ctx = canvas.getContext('2d');
    
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
    
    const katakana = 'アァカサタナハマヤャラワガザダバパイィキシチニヒミリヰギジヂビピウゥクスツヌフムユュルグズブヅプエェケセテネヘメレヱゲゼデベペオォコソトノホモヨョロヲゴゾドボポヴッン';
    const latin = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
    const nums = '0123456789';
    const symbols = '!"#$%&\'()*+,-./:;<=>?@[\\]^_`{|}~';
    
    const alphabet = katakana + latin + nums + symbols;
    
    const fontSize = 16;
    const columns = canvas.width / fontSize;
    
    const rainDrops = [];
    
    for (let x = 0; x < columns; x++) {
      rainDrops[x] = 1;
    }
    
    const draw = () => {
      ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
      ctx.fillRect(0, 0, canvas.width, canvas.height);
      
      ctx.fillStyle = '#00ff00';
      ctx.font = fontSize + 'px monospace';
      
      for (let i = 0; i < rainDrops.length; i++) {
        const text = alphabet.charAt(Math.floor(Math.random() * alphabet.length));
        ctx.fillText(text, i * fontSize, rainDrops[i] * fontSize);
        
        if (rainDrops[i] * fontSize > canvas.height && Math.random() > 0.975) {
          rainDrops[i] = 0;
        }
        rainDrops[i]++;
      }
    };
    
    setInterval(draw, 30);
    
    window.addEventListener('resize', () => {
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
    });
  </script>
</body>
</html>