*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:#000;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overscroll-behavior:none}.video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:#000;z-index:1;display:flex;justify-content:center;align-items:center;overflow:hidden}#bg-video{width:100%;height:100%;object-fit:cover;opacity:0;will-change:opacity;transition:opacity 1.8s cubic-bezier(.4,0,.2,1);pointer-events:none}#bg-video.video-playing{opacity:1}@media (max-aspect-ratio: 1.1/1){#bg-video{object-fit:contain}}video{outline:none;-webkit-tap-highlight-color:transparent}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .5s ease}.play-overlay.show{opacity:1;visibility:visible;pointer-events:auto;cursor:pointer}.play-button{width:80px;height:80px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;color:#fff;box-shadow:0 8px 32px #0000004d;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease}.play-button svg{width:32px;height:32px;margin-left:4px}.play-overlay:hover .play-button{transform:scale(1.08);background:#ffffff2e}.play-overlay:active .play-button{transform:scale(.95)}