:root { --primary:#0b6b7e; --ink:#0a0f1f; --bg:#ffffff; }
* { box-sizing:border-box }
html,body { margin:0; height:100%; background:#f7fafc;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:var(--ink); }
a { color:inherit; text-decoration:none }
.nav { position:sticky; top:0; z-index:10; display:flex; gap:.5rem; flex-wrap:wrap; justify-content:center;
  padding:.5rem 1rem; border-bottom:1px solid #e6eaf2; background:#ffffffcc; backdrop-filter:blur(8px) }
.nav a.btn { border:1px solid var(--primary); padding:.35rem .6rem; border-radius:.5rem; background:#fff; font-size:.85rem }
.slide-wrap { min-height:calc(100vh - 56px); display:grid; place-items:center; background:#000 }
.slide { width:100%; height:100%; object-fit:contain; background:#000 }
.footer { text-align:center; padding:1rem; color:#667; font-size:.85rem }