:root {
  --bg: #0e0e0e;
  --bg-shell: rgba(10, 10, 10, 0.86);
  --bg-elevated: #1a1a1a;
  --bg-elevated-hover: #222222;
  --bg-nested: #111111;
  --bg-nested-hover: #181818;
  --bg-panel: #141414;
  --bg-panel-nested: #0d0d0d;
  --border: #252525;
  --text: #e6e6e6;
  --text-muted: #cccccc;
  --text-soft: #bdbdbd;
  --accent: #e6b450;
  --accent-hover: #ffd480;
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  --motion-ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-shell-panel-duration: 220ms;
  --motion-shell-panel-stagger: 18ms;
  --motion-shell-text-duration: 240ms;
  --motion-shell-text-stagger: 14ms;
  --motion-shell-text-offset: 22ms;
  --motion-section-panel-duration: 200ms;
  --motion-section-panel-stagger: 16ms;
  --motion-section-text-duration: 220ms;
  --motion-section-text-stagger: 14ms;
  --motion-section-text-offset: 18ms;
  --motion-accordion-content-duration: 180ms;
  --motion-accordion-content-offset: 14ms;
  --motion-accordion-content-stagger: 12ms;
  --motion-accordion-open-duration: 220ms;
  --motion-accordion-close-duration: 180ms;
  --motion-iframe-poster-fade-duration: 140ms;
  --motion-iframe-loader-transition-duration: 120ms;
  --motion-iframe-loader-spin-duration: 700ms;
  --motion-iframe-handoff-delay: 220ms;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at top, rgba(230, 180, 80, 0.1), transparent 28%),
    linear-gradient(180deg, #111111 0%, #0e0e0e 22%, #0b0b0b 100%);
  color: var(--text);
  font-family: system-ui, sans-serif;
  padding: 88px 0 56px;
  line-height: 1.6;
}

a {
  color: var(--accent);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--accent-hover);
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
  border-radius: 10px;
  margin-top: 0;
}