/* ═══════════════════════════════════════════════
   styles.css — CTR Vize Bot
   Tema: #0a0a0a + Zümrüt Yeşil (#10b981) + Altın (#d4a843)
   Yapı: Request Hit Bot CSS (birebir)
   ═══════════════════════════════════════════════ */

:root {
  --emerald: #10b981;
  --emerald-light: #34d399;
  --emerald-dark: #059669;
  --gold: #d4a843;
  --gold-light: #e8c36a;
  --gold-dark: #b8922e;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: #0a0a0a;
  color: #fff;
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection { background: rgba(16, 185, 129, 0.3); }

/* ── Section Padding ── */
.section-padding { padding-top: 4rem; padding-bottom: 4rem; }
@media (min-width: 768px) { .section-padding { padding-top: 6rem; padding-bottom: 6rem; } }

/* ── Gradient Texts ── */
.emerald-gradient-text {
  background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.gold-gradient-text {
  background: linear-gradient(135deg, #e8c36a 0%, #d4a843 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

/* ── Gradient Backgrounds ── */
.bg-emerald-gradient { background: linear-gradient(135deg, #10b981 0%, #059669 100%); }
.bg-emerald-gradient:hover { background: linear-gradient(135deg, #34d399 0%, #10b981 100%); }
.bg-gold-gradient { background: linear-gradient(135deg, #d4a843 0%, #b8922e 100%); }

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: linear-gradient(135deg, #10b981 0%, #059669 100%); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(135deg, #34d399 0%, #10b981 100%); }

/* ── Animations ── */
@keyframes fadeInUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes pulse-glow { 0%,100% { opacity:1; } 50% { opacity:0.5; } }
@keyframes shimmer { 0% { background-position:-200% 0; } 100% { background-position:200% 0; } }

.animate-fade-in-up { animation: fadeInUp 0.6s ease-out forwards; }
.animate-fade-in { animation: fadeIn 0.5s ease-out forwards; }

/* ── FAQ Accordion ── */
.faq-content { max-height:0; opacity:0; overflow:hidden; transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out; }
.faq-content.open { max-height:400px; opacity:1; }
.faq-chevron { transition: transform 0.3s ease; }
.faq-chevron.open { transform: rotate(180deg); }

/* ── Header ── */
.header-scrolled {
  background: rgba(10,10,10,0.95);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
  padding-top: 0.75rem; padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(16,185,129,0.1);
}
.header-transparent { background: transparent; padding-top: 1rem; padding-bottom: 1rem; }
@media (min-width: 768px) { .header-transparent { padding-top: 1.25rem; padding-bottom: 1.25rem; } }

/* ── Mobile Menu ── */
.mobile-menu-overlay {
  position:fixed; inset:0; background:#0a0a0a; z-index:40;
  display:flex; flex-direction:column; padding-top:6rem; padding-left:1.5rem; padding-right:1.5rem;
  animation: fadeIn 0.2s ease-out;
}

/* ── Shimmer Button ── */
.shimmer-btn { position:relative; overflow:hidden; }
.shimmer-btn::after {
  content:''; position:absolute; top:0; left:0; width:100%; height:100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.08) 50%, transparent 100%);
  background-size: 200% 100%; animation: shimmer 3s ease-in-out infinite;
}

/* ── Toast ── */
.toast-container { position:fixed; bottom:1rem; right:1rem; z-index:9999; }
.toast { padding:1rem 1.5rem; border-radius:0.75rem; font-weight:600; font-size:0.875rem; animation:fadeInUp 0.3s ease-out; box-shadow:0 10px 30px rgba(0,0,0,0.4); }
.toast-success { background:#141414; border:1px solid rgba(16,185,129,0.5); color:#fff; }
.toast-error { background:#7f1d1d; color:#fff; }

.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }