#root{max-width:1280px;margin:0 auto;text-align:center}:root{font-family:Bodoni Moda,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color-scheme:light dark;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#fff;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#222;position:sticky;top:0;z-index:10;width:100%;box-sizing:border-box}.navbar nav{display:flex;gap:2rem}.navbar a{color:#fff;text-decoration:none;font-weight:600}.navbar a:hover{color:#1db954}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start;padding:1rem}.navbar nav{flex-direction:column;gap:1rem;width:100%}.navbar nav a{width:100%;text-align:left}}.embed-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:0 auto}.embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:8px}.content{padding:2rem}section{margin-bottom:3rem;padding:0 1rem}h1{font-size:2rem;margin-bottom:1rem}h2{font-size:1.5rem;margin-bottom:1rem}@media (max-width: 600px){h1{font-size:1.6rem}h2{font-size:1.2rem}.content{padding:1rem}}