.registration-video-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  min-height: 44px;
  color: #176b2b;
  font-size: 16px;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.registration-video-link:hover,
.registration-video-link:focus-visible { color: #104d1e; }
.registration-video-link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

.registration-video {
  width: min(1100px, calc(100% - 24px));
  max-width: calc(100% - 24px);
  max-height: calc(100dvh - 24px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: 12px;
  background: #101010;
  color: #fff;
}

.registration-video::backdrop { background: rgba(0, 0, 0, .8); }
.registration-video__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; }
.registration-video__header h2 { margin: 0; color: #fff; font-size: 20px; }
.registration-video__close { flex-shrink: 0; width: 44px; height: 44px; border: 1px solid #666; border-radius: 50%; background: #252525; color: #fff; cursor: pointer; }
.registration-video__close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.registration-video__stage { width: 100%; aspect-ratio: 16 / 9; min-height: 200px; }
.registration-video__stage iframe { display: block; width: 100%; height: 100%; border: 0; }
.registration-video__fallback { margin: 0; padding: 12px 16px; text-align: right; }
.registration-video__fallback a { color: #fff; text-decoration: underline; }