*{margin: 0;padding: 0;box-sizing: border-box}html, body{height: 100%;font-family: 'Segoe UI', sans-serif;overflow: hidden}#videoBg{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;object-fit: cover;z-index: -1}.overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;color: white;cursor: pointer}.animated-text{font-size: 4rem;font-weight: bold;letter-spacing: 0.5rem;background: linear-gradient(90deg, #ffbafc, #ffffff, #ffbafc);background-size: 200%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: shimmer 4s infinite linear, fadeIn 2s ease}.links{margin-top: 2rem;display: flex;gap: 1.5rem;animation: fadeIn 3s ease}.links a{color: white;text-decoration: none;padding: 0.5rem 1rem;border: 2px solid white;border-radius: 4px;transition: background 0.3s ease, transform 0.2s ease}.links a:hover{background: white;color: black;transform: scale(1.05)}#volumeControl{display: none;position: fixed;bottom: 20px;left: 20px;z-index: 10}canvas{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 1;pointer-events: none}.click-start{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;cursor: pointer}@keyframes shimmer{0%{background-position: 0%}100%{background-position: 200%}}@keyframes fadeIn{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}