/* Promo video page (/video/<lang>, #289) — dark page so the video's own navy backdrop blends in. */
:root { --sd-teal: #22a08a; --sd-navy: #1a1a2e; }   /* variables the shared cookie banner (cookie-consent.css) expects */
body { margin: 0; background: linear-gradient(rgba(10, 36, 32, .86), rgba(10, 36, 32, .86)), url(/assets/landing/bg-texture.jpg) center top / cover fixed no-repeat #0a2420; color: #e6edf5; font-family: "Segoe UI", system-ui, -apple-system, sans-serif; }
.sd-video-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 24px; }
.sd-video-logo img { display: block; height: 36px; width: auto; }
.sd-video-langs a { color: #aabed2; text-decoration: none; padding: 4px 8px; border-radius: 6px; font-weight: 600; font-size: 14px; }
.sd-video-langs a:hover { color: #fff; }
.sd-video-langs a.sd-lang-active { color: #fff; background: #21a38a; }
.sd-video-main { max-width: 1100px; margin: 0 auto; padding: 8px 16px 48px; }
.sd-video-main h1 { font-size: 28px; margin: 12px 0 6px; }
.sd-video-desc { color: #aabed2; margin: 0 0 18px; }
#sd-video { display: block; width: 100%; max-height: 80vh; background: #000; border-radius: 12px; box-shadow: 0 12px 40px rgba(0, 0, 0, .45); }
.sd-video-links { display: flex; gap: 18px; flex-wrap: wrap; margin: 14px 0 0; font-size: 14px; }
.sd-video-links a { color: #7fd6c4; }
.sd-video-cta { display: inline-block; margin-top: 18px; padding: 12px 26px; background: #21a38a; color: #fff; border-radius: 8px; text-decoration: none; font-weight: 600; }
.sd-video-cta:hover { background: #1b8c77; }
#sd-cookie-banner { color: var(--sd-navy); }
.sd-video-back { color: #7fd6c4; text-decoration: none; font-weight: 600; font-size: 14px; }
.sd-video-back:not([hidden]) { display: inline-block; }
.sd-video-back:hover { color: #fff; }