:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #09090c; color: #f0edf6; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; }
main { flex: 1; min-height: 70svh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.5rem; }
.identity { position: relative; width: min(100%, 75rem); aspect-ratio: 16 / 9; }
.identity img, .identity video { display: block; position: absolute; width: 100%; height: 100%; object-fit: contain; }
.identity video { opacity: 0; }
.identity video.playing { opacity: 1; }
footer { width: min(100%, 90rem); margin-inline: auto; padding: 1.5rem 3rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; border-top: 1px solid #27202f; color: #a79fad; font-size: .875rem; line-height: 1.5; }
a { color: #d7c1ff; text-decoration-thickness: 1px; text-underline-offset: .25em; }
a:hover { color: #fff; }
a:focus-visible { outline: 2px solid #aa7deb; outline-offset: 6px; border-radius: 2px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 40rem) { main { padding: .5rem; } .identity { width: 100%; } footer { padding: 1.5rem; } }
@media (prefers-reduced-motion: reduce) { .identity video { display: none; } }