#tapToStart {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.9);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.5rem;
  cursor: pointer;
  z-index: 9999;
}

#bgVideo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
  filter: brightness(0.6) contrast(1.15) saturate(1.2);
  animation: zoom 40s ease-in-out infinite alternate,
             pulse 6s ease-in-out infinite;
}

@keyframes zoom {
  from { transform: scale(1); }
  to { transform: scale(1.05); }
}

@keyframes pulse {
  0%, 100% { filter: brightness(0.58) contrast(1.15) saturate(1.1); }
  50% { filter: brightness(0.62) contrast(1.25) saturate(1.2); }
}

#vhsOverlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  mix-blend-mode: lighten;
  opacity: 0.08;
  pointer-events: none;
  z-index: -1;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    rgba(255,255,255,0.03) 0px,
    rgba(255,255,255,0.03) 1px,
    transparent 3px,
    transparent 4px
  );
  mix-blend-mode: overlay;
  opacity: 0.5;
  animation: flicker 2s infinite;
}

@keyframes flicker {
  0%,19%,21%,23%,25%,54%,56%,100% { opacity: 0.5; }
  20%,24%,55% { opacity: 0.3; }
}

        .search-container {
            margin: 20px 0 30px;
            text-align: center;
            width: 100%;
            max-width: 580px;
            margin: 0 auto 25px;
            position: relative;
        }
        
        .google-logo {
            margin-bottom: 25px;
            font-size: 48px;
            font-weight: 400;
            letter-spacing: -1px;
            color: rgba(255, 255, 255, 0.95);
            text-shadow: 
                0 0 2px rgba(0, 255, 255, 0.8),
                0 0 4px rgba(0, 255, 255, 0.4),
                0 0 6px rgba(0, 0, 255, 0.3);
            animation: textGlow 3s ease-in-out infinite alternate;
        }
        
        .google-logo span {
            display: inline-block;
            transition: transform 0.3s ease;
        }
        
        .google-logo:hover span:nth-child(1) { transform: translateY(-2px); color: #4285f4; }
        .google-logo:hover span:nth-child(2) { transform: translateY(-4px); color: #ea4335; }
        .google-logo:hover span:nth-child(3) { transform: translateY(-6px); color: #fbbc05; }
        .google-logo:hover span:nth-child(4) { transform: translateY(-4px); color: #4285f4; }
        .google-logo:hover span:nth-child(5) { transform: translateY(-2px); color: #34a853; }
        .google-logo:hover span:nth-child(6) { transform: translateY(0); color: #ea4335; }
        
        .search-form {
            position: relative;
        }
        
        .search-input-wrapper {
            position: relative;
            display: flex;
            align-items: center;
        }
        
        .search-icon {
            position: absolute;
            left: 16px;
            color: rgba(255, 255, 255, 0.6);
            font-size: 18px;
            z-index: 2;
            pointer-events: none;
        }
        
        .search-input {
            width: 100%;
            padding: 14px 20px 14px 50px;
            background: rgba(0, 0, 0, 0.4);
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 30px;
            font-size: 16px;
            font-family: 'Noto Sans JP', sans-serif;
            color: rgba(255, 255, 255, 0.9);
            outline: none;
            transition: all 0.3s ease;
            backdrop-filter: blur(5px);
            box-shadow: 
                0 4px 15px rgba(0, 0, 0, 0.3),
                inset 0 1px 1px rgba(255, 255, 255, 0.1);
        }
        
        .search-input::placeholder {
            color: rgba(255, 255, 255, 0.5);
            font-style: italic;
        }
        
        .search-input:focus {
            background: rgba(0, 0, 0, 0.6);
            border: 1px solid rgba(0, 255, 255, 0.5);
            box-shadow: 
                0 0 15px rgba(0, 255, 255, 0.3),
                inset 0 1px 1px rgba(255, 255, 255, 0.15);
        }
        
        /* VHS effekt a keresőmezőre */
        .search-input-wrapper::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(
                0deg,
                transparent 0%,
                rgba(255, 255, 255, 0.05) 50%,
                transparent 100%
            );
            border-radius: 30px;
            pointer-events: none;
            mix-blend-mode: overlay;
            animation: vhsScan 4s linear infinite;
        }
        
        /* Enter gomb minimalista megjelenítése */
        .enter-hint {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: rgba(255, 255, 255, 0.4);
            font-size: 12px;
            font-family: 'Noto Sans JP', sans-serif;
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.3s ease;
            background: rgba(0, 0, 0, 0.5);
            padding: 4px 8px;
            border-radius: 4px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .search-input:focus + .enter-hint {
            opacity: 1;
        }
        
        @keyframes textGlow {
            0% {
                text-shadow: 
                    0 0 2px rgba(0, 255, 255, 0.8),
                    0 0 4px rgba(0, 255, 255, 0.4),
                    0 0 6px rgba(0, 0, 255, 0.3);
            }
            100% {
                text-shadow: 
                    0 0 3px rgba(0, 255, 255, 0.9),
                    0 0 6px rgba(0, 255, 255, 0.6),
                    0 0 10px rgba(0, 0, 255, 0.5),
                    0 0 15px rgba(0, 100, 255, 0.4);
            }
        }
        
        @keyframes vhsScan {
            0% { transform: translateY(-100%); opacity: 0.5; }
            10% { opacity: 1; }
            100% { transform: translateY(100%); opacity: 0.5; }
        }
        
        /* Retro line effect */
        .search-input-wrapper::after {
            content: "";
            position: absolute;
            top: -1px;
            left: -1px;
            right: -1px;
            bottom: -1px;
            border-radius: 30px;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, 0.1),
                transparent
            );
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .search-input:focus ~ .search-input-wrapper::after {
            animation: lineScan 2s ease-in-out;
        }
        
        @keyframes lineScan {
            0% { left: -100%; opacity: 1; }
            100% { left: 100%; opacity: 0; }
        }