<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>[luma]</title>
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      background: url('bg.png') no-repeat center center fixed;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-family: Arial, sans-serif;
    }

    .loading-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: black;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 1000;
      opacity: 1;
      transition: opacity 1s ease;
    }

    .loading-overlay.hidden {
      opacity: 0;
      pointer-events: none;
    }

    .loading-overlay img {
      width: 100px;
      height: 100px;
    }

    .window {
      width: 600px;
      height: 600px;
      background: rgba(255, 255, 255, 0.6); 
      backdrop-filter: blur(15px);
      border: 1px solid rgba(255, 255, 255, 0.4);
      border-radius: 10px;
      position: relative;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 
      transform: translateY(100px); 
      opacity: 0; 
      transition: transform 1s ease, opacity 1s ease; /* Smooth slide-up and fade-in */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
    }

    .window.visible {
      transform: translateY(0); 
      opacity: 1; 
    }

    .buttons {
      display: flex;
      gap: 8px;
      position: absolute;
      top: 10px;
      left: 10px;
    }

    .button {
      width: 12px;
      height: 12px;
      border-radius: 50%;
    }

    .button-minimize {
      background-color: #fdbc40; 
    }

    .button-fullscreen {
      background-color: #34c749; 
    }

    .button-close {
      background-color: #ff5f57; 
    }

    .title {
      font-size: 36px;
      color: #3972ff;
      margin-bottom: 10px;
      font-weight: bold;
    }

    .subtitle {
      font-size: 18px;
      color: #dcdcdc;
      white-space: pre-wrap;
    }
    
    .btn {
    background-color: #3498db; 
    font-size: 16px;
    padding: 15px 30px;
    color: white;
    border: none;
    border-radius: 8px; 
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
    }

    .btn:hover {
    background-color: #2980b9;
    transform: scale(1.1); 
    }
    
    .btn:active {
    transform: scale(1.05);  
    }
    
   .content .btn {
   margin-top: 20px; 
   }
  </style>
</head>
<body>
  <div class="loading-overlay" id="loading">
    <img src="appleload.gif" alt="nigga what are you looking at">
  </div>

  <div class="window" id="window">
    <div class="buttons">
      <div class="button close"></div>
      <div class="button minimize"></div>
      <div class="button fullscreen"></div>
    </div>
    <div class="content">
      <div class="title">Luma</div>
      <div class="subtitle" id="subtitle"></div>
      <button class="btn" href="https://discord.gg/VePZcyqs58">Script</button>
    </div>
  </div>

  <script>
    const phrases = ["Luma tops.", "Never lose again.", "All hail Luma!", "'Luma made me nut' - @3bvz", "Use Luma for free e-girls!"];
    const subtitleElement = document.getElementById('subtitle');

    function typeWriterEffect(text, callback) {
      let index = 0;
      const interval = setInterval(() => {
        subtitleElement.textContent = text.slice(0, index);
        index++;
        if (index > text.length) {
          clearInterval(interval);
          setTimeout(() => backspaceEffect(callback), 1000);
        }
      }, 100);
    }

    function backspaceEffect(callback) {
      let text = subtitleElement.textContent;
      const interval = setInterval(() => {
        text = text.slice(0, -1);
        subtitleElement.textContent = text;
        if (text.length === 0) {
          clearInterval(interval);
          if (callback) callback();
        }
      }, 50);
    }

    function displayNextPhrase() {
      const nextPhrase = phrases[Math.floor(Math.random() * phrases.length)];
      typeWriterEffect(nextPhrase, displayNextPhrase);
    }

    setTimeout(() => {
      const loadingOverlay = document.getElementById('loading');
      loadingOverlay.classList.add('hidden');
      
      const windowElement = document.getElementById('window');
      windowElement.classList.add('visible');

      displayNextPhrase();
    }, 10000);
    
    document.addEventListener('keydown', function(event) {
    if (event.ctrlKey && (event.key === 'u' || event.key === 'U')) {
        event.preventDefault();
    }
  });

document.addEventListener('contextmenu', function(event) {
    event.preventDefault();
 });
  </script>
</body>
</html>
