:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { background: #090d16; height: 100%; margin: 0; overflow: hidden; }
body { font-family: "DM Sans", sans-serif; }
.video-page { background: #090d16; height: 100dvh; position: relative; width: 100%; }
video { display: none; height: 100%; object-fit: contain; width: 100%; }
.video-empty { align-items: center; background: radial-gradient(circle at 50% 42%, #243a61, #111a2d 46%, #090d16 90%); color: #fff; display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 30px; text-align: center; }
.brand { color: #fff; font: 800 26px/1 "Plus Jakarta Sans", sans-serif; left: 28px; letter-spacing: -1.5px; position: absolute; top: 26px; }
.brand span { color: #f3b21a; }
.play-icon { align-items: center; background: #f3b21a; border-radius: 50%; color: #15203a; display: flex; font-size: 24px; height: 74px; justify-content: center; padding-left: 4px; width: 74px; }
.video-empty p { font: 700 21px "Plus Jakarta Sans", sans-serif; margin: 20px 0 6px; }
.video-empty small { color: #c5cfdf; font-size: 14px; }
@media (max-width: 600px) { .brand { left: 20px; top: 20px; } }