:root {
  --teal: #02BDB6;
  --teal-dark: #019A94;
  --teal-glow: rgba(2,189,182,0.18);
  --black: #080C0C;
  --dark: #0F1515;
  --card: #141E1E;
  --card2: #1A2626;
  --cream: #EEF5F5;
  --muted: rgba(238,245,245,0.5);
  --border: rgba(2,189,182,0.12);
}

body {
  background: var(--black) !important;
  color: var(--cream) !important;
  font-family: 'Mulish', sans-serif !important;
  overflow-x: hidden;
}

/* Scroll fade анимация */
.fade { opacity:0; transform:translateY(24px); transition: opacity .65s ease, transform .65s ease; }
.fade.in { opacity:1; transform:translateY(0); }

/* FAQ */
.faq-item { background:var(--card); border:1px solid var(--border); border-radius:16px; overflow:hidden; cursor:pointer; transition:border-color 0.2s; margin-bottom:10px; }
.faq-item:hover { border-color:rgba(2,189,182,0.3); }
.faq-item.open { border-color:rgba(2,189,182,0.35); }
.faq-q { padding:18px 20px; font-family:'Montserrat',sans-serif; font-size:14px; font-weight:700; display:flex; justify-content:space-between; align-items:center; gap:12px; color:var(--cream); }
.faq-arrow { color:var(--teal); font-size:18px; transition:transform 0.3s; flex-shrink:0; }
.faq-item.open .faq-arrow { transform:rotate(180deg); }
.faq-a { display:none; padding:14px 20px 18px; font-size:13px; line-height:1.65; color:rgba(238,245,245,0.7); border-top:1px solid var(--border); }
.faq-item.open .faq-a { display:block; }