:root {
  --glass-bg: rgba(17,24,39,.55);
  --glass-bd: rgba(255,255,255,.08);
  --ring: rgba(59,130,246,.25);

  /* Kenar boşluğu (user tarafı biraz daha geniş görünsün) */
  --edge-pad: clamp(8px, 0.9vw, 16px);
  --page-gutter: 1cm;
}

/* Arka plan dekoru */
.bg-wrap {
  position: fixed; inset: 0; overflow: hidden; z-index: -1;
  background:
    radial-gradient(1200px 800px at 85% -10%, rgba(59,130,246,.15), transparent 60%),
    radial-gradient(900px 600px at 10% 110%, rgba(16,185,129,.12), transparent 60%),
    linear-gradient(180deg, #0b1220, #0a0f1a 30%, #0a0e17 60%, #090e16);
}
.blob { position: absolute; filter: blur(60px); opacity: .26; transform: translate(-50%,-50%);
        animation: float 16s ease-in-out infinite; will-change: transform, opacity; }
.blob.b1 { top: 20%; left: 15%; width: 520px; height: 520px; background: #3b82f6; animation-delay: 0s; }
.blob.b2 { top: 70%; left: 80%; width: 440px; height: 440px; background: #10b981; animation-delay: 3s; }
.blob.b3 { top: 90%; left: 20%; width: 380px; height: 380px; background: #8b5cf6; animation-delay: 6s; }
@keyframes float { 0%,100% { transform: translate(-50%,-50%) scale(1); }
                   50%      { transform: translate(-48%,-52%) scale(1.06); } }

/* Cam kart ve yardımcılar */
.glass { background: var(--glass-bg); backdrop-filter: blur(10px);
         border: 1px solid var(--glass-bd);
         box-shadow: 0 10px 35px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.02) inset; }
.btn { transition: transform .12s ease, box-shadow .2s ease; }
.btn:hover { transform: translateY(-1px); }
.btn:focus { outline: none; box-shadow: 0 0 0 6px var(--ring); }
.pill { background: rgba(255,255,255,.06); border: 1px solid var(--glass-bd);
        border-radius: 9999px; padding: .45rem .8rem; font-size: .78rem; color: #cbd5e1; }
.brand { background: linear-gradient(90deg, #60a5fa, #34d399 70%, #a78bfa);
         -webkit-background-clip: text; background-clip: text; color: transparent; }
.feature { transition: transform .18s ease, background-color .2s ease, border-color .2s ease; }
.feature:hover { transform: translateY(-3px); background-color: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); }
.tiny { opacity: .75; }

/* Genel gövde */
html, body { margin: 0; padding: 0; width: 100%; overflow-x: hidden; }
body.theme { background-color: #0b1220; color: #fff; min-height: 100vh; display: flex; flex-direction: column; }

/* Header */
.header-wrap { width: 100%; }
.header-inner {
  margin: 0;
  padding: 1.25rem 0;   /* yatay boşluğu globalden alacağız */
  display: flex; align-items: center; justify-content: space-between;
}
.brand-chip { height: 2.25rem; width: 2.25rem; border-radius: .75rem; background: #2563eb;
              display: flex; align-items: center; justify-content: center;
              font-weight: 700; box-shadow: 0 10px 25px rgba(37,99,235,.35); }
.brand-text { font-size: 1.1rem; font-weight: 600; letter-spacing: .02em; }

/* İçerik alanı */
.content-wrap { max-width: none !important; margin: 0; padding: 1rem 0 !important; }

/* SVG ikonlar */
a svg, button svg { color: #fff; stroke: currentColor; fill: none; }
.bg-red-600 svg, .bg-red-500 svg,
.bg-green-600 svg, .bg-blue-600 svg, .bg-yellow-600 svg,
.bg-gray-700 svg, .bg-gray-800 svg { color: #fff; }

/* === Edge-to-edge: tek yerden yönet === */
.header-inner,
.content-wrap,
.container-wide {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: var(--edge-pad) !important;
  padding-right: var(--edge-pad) !important;
}

/* Kartlar genişlesin */
.glass { width: 100%; }

/* Tailwind merkezleme kırpıcı (gerekirse) */
.container-wide[class*="mx-auto"] { margin-left: 0 !important; margin-right: 0 !important; }