/* ============================================
   RESET & BASE
   ============================================ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box }
html { scroll-behavior:smooth; font-size:16px }
body { font-family:var(--f), "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif; background:var(--white); color:var(--text); overflow-x:hidden; line-height:1.6 }
a { text-decoration:none; color:inherit }
img { display:block; max-width:100% }
button { font-family:var(--f), "Segoe UI Emoji", "Apple Color Emoji", sans-serif; cursor:pointer; border:none; background:none }
input, select, textarea { font-family:var(--f), "Segoe UI Emoji", "Apple Color Emoji", sans-serif }
ul, ol { list-style:none }

::-webkit-scrollbar { width:5px; height:5px }
::-webkit-scrollbar-track { background:var(--light) }
::-webkit-scrollbar-thumb { background:var(--maroon); border-radius:3px }

/* ============================================
   PAGES
   ============================================ */
.page { display:none }
.page.active { display:block }