* { box-sizing: border-box; }

    body {
  margin: 0;
  padding: 0;
  font-family: 'Manufacturing Consent', monospace;
  background: black;
  color: white;
  overflow: hidden;
  cursor: url('cursor1.cur'), auto;
}
* {
  cursor: url('cursor1.cur'), auto;
}
button, a, .enter-button, .enter-button:hover {
  cursor: url('cursor1.cur'), auto !important;
}
    .background {
      position: fixed;
      inset: 0;
      background: url('web.png') no-repeat center center;
      background-size: cover;
      z-index: 0;
    }

    .overlay {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.7);
      z-index: 1;
    }

    .container {
      position: relative;
      z-index: 2;
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 0 20px;
    }

    .logo {
      width: 100px;
      height: 100px;
      margin-bottom: 20px;
      animation: spin 6s linear infinite;
      filter: drop-shadow(0 0 6px #fff);
    }

    @keyframes spin {
      from { transform: rotate(0deg); }
      to   { transform: rotate(360deg); }
    }

    .title {
      font-size: 5rem;
      opacity: 0;
      animation: fadeGlow 2.5s ease-in-out forwards;
      color: white;
    }

    @keyframes fadeGlow {
      0% { opacity: 0; }
      50% { opacity: 1; text-shadow: 0 0 20px #fff, 0 0 40px #e8e8e8; }
      100% { opacity: 1; text-shadow: none; }
    }

    .subtitle {
      font-size: 1.5rem;
      margin-top: 10px;
      color: #ccc;
    }

    .tagline {
      font-size: 1.1rem;
      color: white;
      margin-top: 20px;
      display: flex;
      gap: 0.5px;
      flex-wrap: wrap;
      justify-content: center;
    }

    .tag-char {
      opacity: 0;
      animation: typeAppear 0.5s forwards;
    }

    @keyframes typeAppear {
      0% {
        opacity: 0;
        text-shadow: 0 0 6px #f8f2fb, 0 0 10px #eae8f1, 0 0 14px #edd5dd;
      }
      100% {
        opacity: 1;
        text-shadow: none;
      }
    }

    .enter-button {
      margin-top: 40px;
      padding: 12px 30px;
      font-size: 1.1rem;
      background: transparent;
      border: 2px solid #999;
      color: white;
      cursor: pointer;
      font-family: 'Manufacturing Consent', sans-serif;
      transition: all 0.3s ease;
    }

    .enter-button:hover {
      background: #111;
      border-color: white;
      text-shadow: 0 0 8px white;
    }

    .fade-out {
      position: fixed;
      inset: 0;
      background: black;
      z-index: 999;
      opacity: 0;
      pointer-events: none;
      transition: opacity 1s ease;
    }

    .fade-out.active {
      opacity: 1;
      pointer-events: auto;
    }

    .mist-trail {
      position: fixed;
      width: 20px;
      height: 20px;
      background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%);
      border-radius: 50%;
      pointer-events: none;
      z-index: 9998;
      animation: fadeTrail 1s linear forwards;
    }

    @keyframes fadeTrail {
      to {
        opacity: 0;
        transform: scale(2);
      }
    }