:root{--bg:#000;--fg:#fff;--primary:#37e813;--font:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
body[data-brand="zoopa"]{--bg:#0b1020;--fg:#fff;--primary:#FF6B35;--font:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font)}
.deck{min-height:100vh;display:flex;flex-direction:column}
.deck__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px}
.deck__logo{height:40px;opacity:.9}
.deck__h1{font-weight:800;font-size:18px;letter-spacing:.02em}
.deck__h2{color:rgba(255,255,255,.65);font-size:13px;margin-top:6px}

.slides{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}
.slide{display:none;width:min(1100px,100%);min-height:62vh;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.03);padding:34px}
.slide.active{display:block}

/* Index view */
.index{display:none;width:min(1200px,100%)}
.index.active{display:block}
.index__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.index__card{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;background:rgba(255,255,255,.03);cursor:pointer}
.index__card:hover{border-color:rgba(255,255,255,.22)}
.index__meta{display:flex;justify-content:space-between;gap:10px;align-items:center}
.index__section{color:rgba(255,255,255,.65);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.index__title{font-weight:900;margin-top:10px}

/* Sidebar minimap (auto-hide) */
.sidebar{position:fixed;top:0;right:0;height:100vh;width:min(360px,92vw);background:rgba(0,0,0,.72);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.12);transform:translateX(100%);transition:transform .22s ease;z-index:50;padding:16px 14px}
.sidebar.open{transform:translateX(0)}
.sidebar__title{font-weight:900;margin:4px 0 12px}
.sidebar__hint{color:rgba(255,255,255,.65);font-size:12px;margin-bottom:12px}
.sidebar__section{margin-top:14px}
.sidebar__sectionName{color:rgba(255,255,255,.55);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:10px 0 8px}
.sidebar__item{display:flex;gap:10px;align-items:center;padding:10px 10px;border-radius:12px;cursor:pointer;border:1px solid transparent}
.sidebar__item:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04)}
.sidebar__item.active{border-color:rgba(55,232,19,.35);background:rgba(55,232,19,.08)}
.sidebar__num{width:26px;height:26px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);font-weight:900;font-size:12px}
.sidebar__txt{font-weight:800}
.sidebar__edge{position:fixed;top:0;right:0;height:100vh;width:18px;z-index:49}

.kicker{color:var(--primary);font-weight:800;letter-spacing:.12em;font-size:12px;text-transform:uppercase}
.h1{font-size:44px;font-weight:900;line-height:1.05;margin:14px 0 10px}
.p{color:rgba(255,255,255,.75);font-size:18px;line-height:1.6}

@media (max-width: 900px){
  .index__grid{grid-template-columns:1fr}
}