/* Basic reset */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html, body {
            height: 100%;
            width: 100%;
            overflow: hidden;
            background-color: #000000;
            font-family: system-ui, sans-serif;
        }

        /* Fullscreen centering */
        .container {
            position: relative;
            height: 100vh;
            width: 100vw;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* Logo styling */
    .logo {
  width: 15vw;
  height: auto;
  max-width: 80vw;
  max-height: 80vh;
  filter: invert(96%) sepia(67%) saturate(2382%) hue-rotate(105deg);
  animation: breathe 4s ease-in-out infinite;
  display: block;
}

@keyframes breathe {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.03);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.8;
  }
}

        /* Minimal navigation */
        .nav-bar {
            position: absolute;
            bottom: 20px;
            left: 20px;
            display: flex;
            gap: 15px;
            font-size: 0.65rem;
            letter-spacing: 1px;
        }

        .nav-link {
            text-decoration: none;
            color: #00ffff;
            text-transform: uppercase;
            transition: color 0.3s ease;
        }

        .nav-link:hover {
            color: #fff700;
        }

        /* Responsive scaling */
        @media (max-width: 768px) {
            .logo {
                width: 200px;
            }
            
            .nav-bar {
                bottom: 12px;
                left: 12px;
                font-size: 0.55rem;
            }
        }

        @media (max-width: 480px) {
            .logo {
                width: 150px;
            }
        }