<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Ops! 🥲</title>
  <style>
    body {
      background: radial-gradient(circle, rgba(255, 255, 255, 1) 27%, rgba(227, 227, 227, 1) 100%);
      color: #6BDD12;
      font-family: 'Helvetica Neue', Arial, sans-serif;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      margin: 0;
      padding: 20px;
      text-align: center;
    }
    .message {
      background: linear-gradient(158deg, rgba(92, 31, 133, 1) 0%, rgba(86, 24, 105, 1) 100%);
      padding: 60px 40px;
      border-radius: 20px;
      backdrop-filter: blur(10px);
      box-shadow: 0 0 30px #8840B8, 0 0 60px #8840B8, 0 0 90px #8840B8;
      max-width: 800px;
      width: 100%;
      min-height: 300px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    .message:hover {
      box-shadow: 0 0 50px #8840B8, 0 0 100px #8840B8, 0 0 150px #8840B8;
    }
    h1 {
      font-size: 2.2em;
      margin-bottom: 20px;
      color: #FFFFFF;
    }
    .block {
      background-color: rgba(255, 255, 255, 0.1);
      padding: 20px;
      border-radius: 12px;
      color: #FFFFFF;
      text-align: left;
      display: flex;
      align-items: flex-start;
      gap: 15px;
    }
    .block h2 {
      margin: 0;
      font-size: 1.4em;
    }
    .block p {
      margin: 10px 0 0 0;
      font-size: 1em;
    }
    .icon {
      font-size: 2em;
      margin-top: 5px;
      color: #6BDD12;
      flex-shrink: 0;
    }
    @media (max-width: 600px) {
      .message {
        padding: 40px 20px;
      }
      h1 {
        font-size: 1.8em;
      }
    }
  </style>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
  <div class="message">
    <h1>Sorry! 🥲</h1>
    <div class="block">
      <div class="icon"><i class="fas fa-user-shield"></i></div>
      <div>
        <h2>Se você é o proprietário deste site</h2>
        <p>Por favor, entre em contato com o provedor de hospedagem.</p>
      </div>
    </div>
    <div class="block">
      <div class="icon"><i class="fas fa-network-wired"></i></div>
      <div>
        <h2>Motivo possível: Alteração no endereço IP</h2>
        <p>O endereço IP do domínio pode ter mudado recentemente. Verifique suas configurações de DNS. A propagação das mudanças pode levar entre 8 a 24 horas. Limpar o cache de DNS pode ajudar a restaurar o acesso.</p>
      </div>
    </div>
    <div class="block">
      <div class="icon"><i class="fas fa-server"></i></div>
      <div>
        <h2>Motivo possível: Erro de configuração no servidor</h2>
        <p>Verifique se o endereço IP está configurado corretamente nas configurações do Apache e nos registros DNS. Pode ser necessário reiniciar o Apache para que novas configurações tenham efeito.</p>
      </div>
    </div>
    <div class="block">
      <div class="icon"><i class="fas fa-exchange-alt"></i></div>
      <div>
        <h2>Motivo possível: O site foi movido para outro servidor</h2>
        <p>A URL do domínio pode ter sido alterada ou a conta de hospedagem foi movida para outro servidor.</p>
      </div>
    </div>
  </div>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9ae75b11981be8f5',t:'MTc2NTgxNjU0Mg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
