.welcome-video{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px;background:rgba(0,28,38,.86);backdrop-filter:blur(7px)}
.welcome-video[hidden]{display:none}
.welcome-video-card{position:relative;display:flex;justify-content:center;width:min(92vw,470px);max-height:94vh;border-radius:18px;background:#001f2a;box-shadow:0 24px 70px rgba(0,0,0,.48);overflow:hidden}
.welcome-video video{display:block;width:100%;max-height:94vh;aspect-ratio:9/16;object-fit:contain;background:#001f2a}
.welcome-video-close{position:absolute;z-index:2;top:12px;right:12px;width:44px;height:44px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(0,25,34,.76);color:#fff;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.28)}
.welcome-video-close:hover{background:var(--pink);border-color:var(--pink)}
.welcome-video-sound{position:absolute;z-index:2;left:50%;bottom:14px;transform:translateX(-50%);min-width:165px;padding:11px 17px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(0,55,68,.84);color:#fff;font:700 13px/1.2 "DM Sans",sans-serif;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.welcome-video-sound:hover{background:var(--orange)}
body.welcome-video-open{overflow:hidden}
@media(max-width:700px){.welcome-video{padding:10px}.welcome-video-card{width:min(94vw,430px);max-height:92vh;border-radius:14px}.welcome-video video{max-height:92vh}.welcome-video-close{top:9px;right:9px}}