/* privacy.css */
body { /* / 1 / */
  font-family: 'Sirin Stencil', Arial, sans-serif; /* / 2 / */
  background: #101014; /* / 3 / */
  color: #f5f5f5; /* / 4 / */
  margin: 0; /* / 5 / */
  padding: 0; /* / 6 / */
  transition: background 0.2s, color 0.2s; /* / 7 / */
}

body.light { /* / 8 / */
  background: #f5f5f5; /* / 9 / */
  color: #232336; /* / 10 / */
}

.burger { /* / 11 / */
  position: fixed; /* / 12 / */
  top: 18px; /* / 13 / */
  left: 18px; /* / 14 / */
  width: 44px; /* / 15 / */
  height: 44px; /* / 16 / */
  background: #232336; /* / 17 / */
  border: none; /* / 18 / */
  border-radius: 50%; /* / 19 / */
  box-shadow: 0 2px 8px rgba(0,0,0,.18); /* / 20 / */
  z-index: 20; /* / 21 / */
  cursor: pointer; /* / 22 / */
}
.burger::before, .burger::after, .burger span { /* / 23 / */
  content: ''; /* / 24 / */
  display: block; /* / 25 / */
  position: absolute; /* / 26 / */
  left: 13px; /* / 27 / */
  width: 18px; /* / 28 / */
  height: 3px; /* / 29 / */
  background: #f5f5f5; /* / 30 / */
  border-radius: 2px; /* / 31 / */
  transition: .2s; /* / 32 / */
}
.burger::before { top: 17px; } /* / 33 / */
.burger span { top: 21px; } /* / 34 / */
.burger::after { top: 25px; } /* / 35 / */
.burger.open::before { transform: rotate(45deg) translateY(6px); } /* / 36 / */
.burger.open::after { transform: rotate(-45deg) translateY(-6px); } /* / 37 / */
.burger.open span { opacity: 0; } /* / 38 / */

.lang-dropdown { /* / 39 / */
  display: none; /* / 40 / */
  position: fixed; /* / 41 / */
  top: 68px; /* / 42 / */
  left: 18px; /* / 43 / */
  min-width: 210px; /* / 44 / */
  max-height: 60vh; /* / 45 / */
  overflow-y: auto; /* / 46 / */
  background: #232336; /* / 47 / */
  border-radius: 20px; /* / 48 / */
  box-shadow: 0 4px 18px rgba(0,0,0,0.18); /* / 49 / */
  padding: 12px 0; /* / 50 / */
  z-index: 19; /* / 51 / */
}
.lang-dropdown.active { display: block; } /* / 52 / */
.lang-item { /* / 53 / */
  padding: 9px 26px; /* / 54 / */
  color: #f5f5f5; /* / 55 / */
  font-size: 17px; /* / 56 / */
  background: none; /* / 57 / */
  border: none; /* / 58 / */
  width: 100%; /* / 59 / */
  text-align: left; /* / 60 / */
  cursor: pointer; /* / 61 / */
  outline: none; /* / 62 / */
  transition: background .12s; /* / 63 / */
}
.lang-item.selected, .lang-item:hover { background: #33334d; } /* / 64 / */
body.light .lang-dropdown { background: #fff; color: #232336; } /* / 65 / */
body.light .lang-item { color: #232336; } /* / 66 / */
body.light .lang-item.selected, body.light .lang-item:hover { background: #ececff; } /* / 67 / */

.theme-switcher { /* / 68 / */
  position: fixed; /* / 69 / */
  top: 18px; /* / 70 / */
  right: 18px; /* / 71 / */
  width: 44px; /* / 72 / */
  height: 44px; /* / 73 / */
  background: #232336; /* / 74 / */
  border-radius: 50%; /* / 75 / */
  box-shadow: 0 2px 8px rgba(0,0,0,.18); /* / 76 / */
  cursor: pointer; /* / 77 / */
  display: flex; /* / 78 / */
  align-items: center; /* / 79 / */
  justify-content: center; /* / 80 / */
  z-index: 20; /* / 81 / */
}
.theme-switcher::after { /* / 82 / */
  content: '🌓'; /* / 83 / */
  font-size: 20px; /* / 84 / */
}

.privacy-content { /* / 85 / */
  max-width: 800px; /* / 86 / */
  margin: 90px auto 0 auto; /* / 87 / */
  padding: 32px 14px 40px 14px; /* / 88 / */
  border-radius: 18px; /* / 89 / */
  background: rgba(35,35,54,0.93); /* / 90 / */
  box-shadow: 0 8px 44px rgba(0,0,0,.15); /* / 91 / */
  font-size: 18px; /* / 92 / */
  line-height: 1.7; /* / 93 / */
}
body.light .privacy-content { background: rgba(245,245,255,0.93); color: #232336; } /* / 94 / */

/* // Code by Elly — 4.1 */