:root { color-scheme: dark light; }
* { box-sizing: border-box; }
body {
  margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background: #0b0b0c; color: #e8e8ea;
}
.wrap {
  max-width: 960px; margin: 48px auto; padding: 0 16px;
}
h1 {
  font-weight: 600; font-size: 1.25rem; margin: 0 0 16px;
  color: #bfc3ff;
}

/* 16:9 responsive iframe */
.responsive-embed {
  position: relative; width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0; border-radius: 16px; overflow: hidden;
  box-shadow: 0 8px 28px rgba(0,0,0,.4);
}
.responsive-embed iframe {
  position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}