/* === Genel Tema === */
:root {
  --bg-dark: #121212;
  --text-light: #ffffff;
  --accent: #ffc107;
}

body {
  background-color: var(--bg-dark);
  color: var(--text-light);
  font-family: "Inter", "Roboto", "Segoe UI", sans-serif;
  line-height: 1.6;
}

/* === Logo Text === */
.logo-text {
  font-weight: 700;
  text-decoration: none;
  letter-spacing: -0.5px;
}
.logo-text .stok {
  color: var(--text-light);
}
.logo-text .num {
  color: var(--accent);
}

/* === Navbar === */
.navbar {
  font-size: 1rem;
}
.navbar-brand {
  font-size: 1.5rem;
}
.navbar .nav-link {
  color: var(--text-light);
  transition: color 0.2s ease-in-out;
}
.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: var(--accent);
}

/* === Butonlar === */
.btn-warning {
  background-color: var(--accent);
  border-color: var(--accent);
  color: #000;
  font-weight: 600;
}
.btn-warning:hover {
  background-color: #e0ae06;
  border-color: #e0ae06;
  color: #000;
}

/* Ghost accent button (geri butonu için) */
.btn-ghost-accent {
  background-color: transparent;
  border: none;
  color: var(--accent);
  font-weight: 600;
}
.btn-ghost-accent:hover {
  color: #fff;
  background-color: rgba(255, 193, 7, 0.15);
}

/* === Footer === */
footer {
  font-size: 0.9rem;
}
footer a {
  color: var(--accent);
}
footer a:hover {
  text-decoration: underline;
}

/* === Bölümler === */
section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
section h1,
section h2,
section h3 {
  font-weight: 700;
}

/* === Responsive === */
@media (max-width: 767.98px) {
  .navbar-brand {
    font-size: 1.25rem;
  }
  .logo-text {
    font-size: 1.75rem;
  }
}


:root{--bg-dark:#121212;--text:#fff;--accent:#ffc107}
body{background:var(--bg-dark);color:var(--text);font-family:Inter,Roboto,"Segoe UI",sans-serif}

/* Logo */
.logo-text{font-weight:800;letter-spacing:-.5px;text-decoration:none}
.logo-text .stok{color:#fff}
.logo-text .num{color:var(--accent)}

/* Hero gradient + animasyon */
.hero-gradient{position:relative;background:radial-gradient(1200px 600px at 50% -10%,rgba(255,193,7,.2),transparent),linear-gradient(180deg,#0f0f0f,#121212)}
.hero-blobs{position:relative;height:0}
.blob{position:absolute;border-radius:50%;filter:blur(30px);opacity:.35}
.blob.b1{width:180px;height:180px;left:10%;top:-40px;background:var(--accent);animation:float 9s ease-in-out infinite}
.blob.b2{width:140px;height:140px;right:12%;top:-60px;background:#ffd95e;animation:float 11s ease-in-out infinite reverse}
.blob.b3{width:120px;height:120px;left:45%;top:-30px;background:#ffeaa6;animation:float 7s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(16px)}}

/* Kartlar */
.feature-card{background:#161616;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:transform .2s,box-shadow .2s}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.feature-card .icon-wrap{width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:rgba(255,193,7,.12)}
.feature-card i{font-size:1.5rem;color:var(--accent)}

/* Adım kartları */
.step-card{background:#1a1a1a;border:1px dashed rgba(255,193,7,.5);border-radius:16px}
.step-index{width:44px;height:44px;border-radius:12px;background:var(--accent);color:#111;display:grid;place-items:center;font-weight:800}

/* Testimonial */
.testi-card{max-width:720px;background:#161616;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;text-align:center}

/* Animasyon girişleri */
.fade-in-1{animation:fadeUp .7s ease-out both .05s}
.fade-in-2{animation:fadeUp .7s ease-out both .15s}
.fade-in-3{animation:fadeUp .7s ease-out both .25s}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* Navbar */
.navbar .nav-link{color:#ddd}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--accent)}
.btn-warning{background:var(--accent);border-color:var(--accent);color:#111;font-weight:700}
.btn-warning:hover{background:#e0ae06;border-color:#e0ae06}

/* Responsive küçük dokunuşlar */
@media (max-width: 767.98px){
  .logo-text{font-size:2rem}
  .feature-card,.step-card{padding:1.25rem}
}