/* ── BEAR VIDEO — BASE STYLES ──────────────────────── */

:root {
  --bg: #0e1726;
  --yellow: #fbf06e;
  --white: #ffffff;
  --white70: rgba(255,255,255,0.7);
  --white40: rgba(255,255,255,0.4);
  --white15: rgba(255,255,255,0.15);
  --white08: rgba(255,255,255,0.08);
  --yellow10: rgba(251,240,110,0.10);
  --yellow20: rgba(251,240,110,0.20);
}

* { margin:0; padding:0; box-sizing:border-box; }

body {
  background: var(--bg);
  color: var(--white);
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  min-height: 100vh;
  overflow-x: hidden;
}

h1,h2,h3,h4,h5,.spartan { font-family: 'League Spartan', sans-serif; }

/* ── PAGES ─────────────────────────────────────────── */
.page { min-height:100vh; }
#page2 { display:none; }
#page2.visible { display:block; }

/* ── SLIDE ANIMATION ──────────────────────────────── */
@keyframes slideIn {
  from { opacity:0; transform:translateY(32px); }
  to   { opacity:1; transform:translateY(0); }
}
.slide-in { animation: slideIn 0.45s ease forwards; }