# MINHAXBZ :: LOGIN

> Markdown mirror of DialtoneApp's public top-site detail page for `minhaxbz.com.br`.

URL: https://dialtoneapp.com/top-sites/minhaxbz.com.br/index.md
Canonical HTML: https://dialtoneapp.com/top-sites/minhaxbz.com.br

## Summary

- Domain: `minhaxbz.com.br`
- Website: https://minhaxbz.com.br
- Description: ai readable | score 24 | purchase read only
- Label: ai_readable
- Payment surface: Not available
- Purchase boundary: read_only
- Control boundary: unknown
- Rank: 609445

## robots

Not found.

## llms

~~~text
<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>MINHAXBZ :: LOGIN</title>

  <link rel="stylesheet" href="style.css?v=2">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

  <style>
    html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow-x: hidden;
      background-color: #f8f9fa;
    }

    .tela-login {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      padding: 20px;
      position: relative;
      
      /* Imagem de fundo será definida via JavaScript */
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: fixed;
    }

    /* Efeito de blur na imagem de fundo */
    .tela-login::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: inherit;
      background-size: inherit;
      background-position: inherit;
      background-repeat: inherit;
      background-attachment: inherit;
      filter: blur(6px);
      z-index: 0;
    }

    /* Overlay escuro para melhorar legibilidade */
    .tela-login::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(255, 255, 255, 0.4);
      z-index: 1;
    }

    .login-form {
      background-color: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(10px);
      border-radius: 12px;
      padding-top: 30px;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 20px;
      width: 100%;
      max-width: 420px;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
      border: 1px solid rgba(255, 255, 255, 0.2);
      text-align: center;
      position: relative;
      z-index: 2;
    }

    .logo-container {
      margin-bottom: 25px;
    }

    .logo {
      max-width: 100%;
      height: auto;
      filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
    }

    .login-footer {
      margin-top: 20px;
      text-align: center;
      font-size: 0.875rem;
    }

    /* Responsividade para dispositivos menores */
    @media (max-width: 576px) {
      .tela-login {
        padding: 15px;
        background-attachment: scroll; /* Para melhor performance em mobile */
      }
      
      .login-form {
        padding: 25px 20px 15px 20px;
        max-width: 100%;
        background-color: rgba(255, 255, 255, 0.98);
      }
    }

    /* Para telas muito pequenas ou muito altas (modo portrait) */
    @media (max-height: 600px) {
      .tela-login {
        background-size: cover;
        background-position: center center;
      }
      
      .login-form {
        background-color: rgba(255, 255, 255, 0.98);
      }
    }

    /* Para telas em modo landscape */
    @media (orientation: landscape) and (max-height: 500px) {
      .tela-login {
        background-size: cover;
        background-position: center center;
        padding: 10px;
      }
      
      .login-form {
        padding: 20px;
        background-color: rgba(255, 255, 255, 0.98);
      }
      
      .logo {
        height: 120px;
      }
    }

    /* Para telas ultrawide */
    @media (min-aspect-ratio: 21/9) {
      .tela-login {
        background-size: cover;
        background-position: center center;
      }
    }

    /* Para telas muito altas (portrait extremo) */
    @media (max-aspect-ratio: 3/4) {
      .tela-login {
        background-size: cover;
        background-position: center center;
      }
    }

    /* Melhorias visuais */
    h2 {
      color: #003865;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      margin-bottom: 8px;
      margin-top: 5px;
    }

    .text-muted {
      color: #666 !important;
    }

    .form-control {
      border: 1px solid rgba(0, 56, 101, 0.2);
      border-radius: 8px;
      padding: 12px 15px;
      transition: all 0.3s ease;
    }

    .form-control:focus {
      border-color: #003865;
      box-shadow: 0 0 0 0.2rem rgba(0, 56, 101, 0.15);
    }

    .btn-primary {
      background-color: #003865;
      border-color: #003865;
      border-radius: 8px;
      padding: 12px;
      font-weight: 600;
      transition: all 0.3s ease;
    }

    .btn-primary:hover {
      background-color: #005599;
      border-color: #005599;
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(0, 56, 101, 0.3);
    }
  </style>
</head>
<body class="tela-login">
  <div class="login-form">
    <div class="logo-container mb-1">
      <img src="img/xbz_logo.png" alt="Logo da XBZ" class="logo" style="height: 200px;" />
    </div>
    <h2 class="mb-2 mt-1">BEM VINDO AO MINHAXBZ</h2>
    <p class="text-muted mb-3">INFORME SEUS DADOS DE ACESSO</p>

    <input id="inputUsuario" type="text" class="form-control mb-2" placeholder="Usuário" />
    <input id="inputSenha" type="password" class="form-control mb-3" placeholder="Senha" />
    <button id="btnEntrar" class="btn btn-primary w-100">ENTRAR</button>

    <div class="text-muted small d-flex flex-column justify-content-center text-center" style="height: 100px;">
        2025 :: XBZ BRINDES :: v0.4<br>
        Desenvolvido por <a href="https://www.ruiztech.net" target="_blank" class="ruiz-link fw-bold">RU!Z</a>
      </div>
  </div>

  <!-- Modal de Login -->
  <div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="loginModalLabel">Resultado do Login</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
        </div>
        <div class="modal-body" id="loginModalBody">
          <!-- Conteúdo preenchido via JS -->
        </div>
    </div>
</div>

  <script src="script.js?v=2.1"></script>
  
  <script>
    // Sorteio de wallpaper no carregamento da página
    document.addEventListener('DOMContentLoaded', () => {
      const wallpapers = [
        'img/wallpaper/xbz_showroom_01.png',
        'img/wallpaper/xbz_showroom_02.png',
        'img/wallpaper/xbz_showroom_03.png',
        'img/wallpaper/xbz_showroom_04.png',
        'img/wallpaper/xbz_showroom_05.png',
        'img/wallpaper/xbz_showroom_06.png'
        
      ];
      
      // Sortear uma imagem aleatória
      const imagemSorteada = wallpapers[Math.floor(Math.random() * wallpapers.length)];
      
      // Aplicar a imagem sorteada como background
      const telaLogin = document.querySelector('.tela-login');
      if (telaLogin) {
        telaLogin.style.backgroundImage = `url('${imagemSorteada}')`;
        console.log(`Wallpaper sorteado: ${imagemSorteada}`);
      }
    });
  </script>
</body>
</html>
~~~

## llms-full

~~~text
<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>MINHAXBZ :: LOGIN</title>

  <link rel="stylesheet" href="style.css?v=2">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

  <style>
    html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow-x: hidden;
      background-color: #f8f9fa;
    }

    .tela-login {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      padding: 20px;
      position: relative;
      
      /* Imagem de fundo será definida via JavaScript */
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: fixed;
    }

    /* Efeito de blur na imagem de fundo */
    .tela-login::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: inherit;
      background-size: inherit;
      background-position: inherit;
      background-repeat: inherit;
      background-attachment: inherit;
      filter: blur(6px);
      z-index: 0;
    }

    /* Overlay escuro para melhorar legibilidade */
    .tela-login::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(255, 255, 255, 0.4);
      z-index: 1;
    }

    .login-form {
      background-color: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(10px);
      border-radius: 12px;
      padding-top: 30px;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 20px;
      width: 100%;
      max-width: 420px;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
      border: 1px solid rgba(255, 255, 255, 0.2);
      text-align: center;
      position: relative;
      z-index: 2;
    }

    .logo-container {
      margin-bottom: 25px;
    }

    .logo {
      max-width: 100%;
      height: auto;
      filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
    }

    .login-footer {
      margin-top: 20px;
      text-align: center;
      font-size: 0.875rem;
    }

    /* Responsividade para dispositivos menores */
    @media (max-width: 576px) {
      .tela-login {
        padding: 15px;
        background-attachment: scroll; /* Para melhor performance em mobile */
      }
      
      .login-form {
        padding: 25px 20px 15px 20px;
        max-width: 100%;
        background-color: rgba(255, 255, 255, 0.98);
      }
    }

    /* Para telas muito pequenas ou muito altas (modo portrait) */
    @media (max-height: 600px) {
      .tela-login {
        background-size: cover;
        background-position: center center;
      }
      
      .login-form {
        background-color: rgba(255, 255, 255, 0.98);
      }
    }

    /* Para telas em modo landscape */
    @media (orientation: landscape) and (max-height: 500px) {
      .tela-login {
        background-size: cover;
        background-position: center center;
        padding: 10px;
      }
      
      .login-form {
        padding: 20px;
        background-color: rgba(255, 255, 255, 0.98);
      }
      
      .logo {
        height: 120px;
      }
    }

    /* Para telas ultrawide */
    @media (min-aspect-ratio: 21/9) {
      .tela-login {
        background-size: cover;
        background-position: center center;
      }
    }

    /* Para telas muito altas (portrait extremo) */
    @media (max-aspect-ratio: 3/4) {
      .tela-login {
        background-size: cover;
        background-position: center center;
      }
    }

    /* Melhorias visuais */
    h2 {
      color: #003865;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      margin-bottom: 8px;
      margin-top: 5px;
    }

    .text-muted {
      color: #666 !important;
    }

    .form-control {
      border: 1px solid rgba(0, 56, 101, 0.2);
      border-radius: 8px;
      padding: 12px 15px;
      transition: all 0.3s ease;
    }

    .form-control:focus {
      border-color: #003865;
      box-shadow: 0 0 0 0.2rem rgba(0, 56, 101, 0.15);
    }

    .btn-primary {
      background-color: #003865;
      border-color: #003865;
      border-radius: 8px;
      padding: 12px;
      font-weight: 600;
      transition: all 0.3s ease;
    }

    .btn-primary:hover {
      background-color: #005599;
      border-color: #005599;
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(0, 56, 101, 0.3);
    }
  </style>
</head>
<body class="tela-login">
  <div class="login-form">
    <div class="logo-container mb-1">
      <img src="img/xbz_logo.png" alt="Logo da XBZ" class="logo" style="height: 200px;" />
    </div>
    <h2 class="mb-2 mt-1">BEM VINDO AO MINHAXBZ</h2>
    <p class="text-muted mb-3">INFORME SEUS DADOS DE ACESSO</p>

    <input id="inputUsuario" type="text" class="form-control mb-2" placeholder="Usuário" />
    <input id="inputSenha" type="password" class="form-control mb-3" placeholder="Senha" />
    <button id="btnEntrar" class="btn btn-primary w-100">ENTRAR</button>

    <div class="text-muted small d-flex flex-column justify-content-center text-center" style="height: 100px;">
        2025 :: XBZ BRINDES :: v0.4<br>
        Desenvolvido por <a href="https://www.ruiztech.net" target="_blank" class="ruiz-link fw-bold">RU!Z</a>
      </div>
  </div>

  <!-- Modal de Login -->
  <div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="loginModalLabel">Resultado do Login</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
        </div>
        <div class="modal-body" id="loginModalBody">
          <!-- Conteúdo preenchido via JS -->
        </div>
    </div>
</div>

  <script src="script.js?v=2.1"></script>
  
  <script>
    // Sorteio de wallpaper no carregamento da página
    document.addEventListener('DOMContentLoaded', () => {
      const wallpapers = [
        'img/wallpaper/xbz_showroom_01.png',
        'img/wallpaper/xbz_showroom_02.png',
        'img/wallpaper/xbz_showroom_03.png',
        'img/wallpaper/xbz_showroom_04.png',
        'img/wallpaper/xbz_showroom_05.png',
        'img/wallpaper/xbz_showroom_06.png'
        
      ];
      
      // Sortear uma imagem aleatória
      const imagemSorteada = wallpapers[Math.floor(Math.random() * wallpapers.length)];
      
      // Aplicar a imagem sorteada como background
      const telaLogin = document.querySelector('.tela-login');
      if (telaLogin) {
        telaLogin.style.backgroundImage = `url('${imagemSorteada}')`;
        console.log(`Wallpaper sorteado: ${imagemSorteada}`);
      }
    });
  </script>
</body>
</html>
~~~