.video-modal[hidden] { display: none; }
.video-modal { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; padding: 24px; background: rgba(0,0,0,.88); }
.video-modal-panel { position: relative; width: min(100%, 1000px); padding: 48px 14px 14px; background: #10111b; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; }
.video-modal-close { position: absolute; top: 8px; right: 10px; width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; background: #1a1b28; color: #fff; font-size: 22px; cursor: pointer; }
.video-modal iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.video-modal-title { position: absolute; top: 15px; left: 16px; color: #fff; font-size: 14px; font-weight: 600; }
.video-modal-open { overflow: hidden; }
.contact-choice-error { grid-column: 1 / -1; color: #ff9d9d; font-size: 13px; }
.video-trigger { position: relative; display: block; width: 100%; overflow: hidden; padding: 0; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: #090a12; color: #fff; cursor: pointer; }
.video-trigger img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.video-play-mark { position: absolute; top: 50%; left: 50%; display: grid; width: 56px; height: 56px; place-items: center; transform: translate(-50%,-50%); border-radius: 50%; background: rgba(0,200,190,.94); color: #051112; font-size: 20px; }
.video-coming-soon { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; background: rgba(4,5,12,.88); color: #fff; font-size: 13px; text-align: center; }
.chapter-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; }
.chapter-links a { color: #00c8be; font-size: 13px; text-decoration: none; }
.chapter-links a:hover { text-decoration: underline; }