*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:#0f172a;background:#0b1020}
a{color:#8ab4ff;text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background: rgba(0, 0, 0, 1);backdrop-filter:saturate(160%) blur(6px);border-bottom:1px solid rgba(255,255,255,.08);z-index:50}
.site-header .nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;letter-spacing:.3px}
nav a{margin-left:18px;color:#ffffff}nav .cta{padding:10px 14px;border:1px solid #d04cf4;border-radius:10px;color:#d04cf4}
.hero{position:relative;padding:96px 0 72px;overflow:hidden}
.hero .lead{color:#cbd5e1;max-width:800px}
.hero-cta{margin-top:22px;display:flex;gap:12px}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid #334155} .btn.primary{background:#4f46e5;color:#fff;border:0} .btn.ghost{background:transparent;color:#cbd5e1}
.badges{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.badges span{border:1px solid #334155;color:#cbd5e1;border-radius:999px;padding:6px 10px;font-size:12px}
.hero-bg{position:absolute;inset:0;background:radial-gradient(1200px 400px at 20% -10%,rgba(99,102,241,.25),transparent 50%), radial-gradient(1000px 420px at 100% 0,rgba(34,197,94,.15),transparent 40%)}
.section{padding:64px 0;background:transparent}.section.alt{background:#0d142b}
h1,h2,h3{color:#e2e8f0;margin:0 0 12px}
p{line-height:1.6}
.grid{display:grid;gap:18px}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{border:1px solid #1f2937;background:#0b1329;border-radius:16px;padding:18px;color:#cbd5e1}
.card.small ul{margin:0 0 0 16px;padding:0}.card.small li{margin:6px 0}
.feature{display:flex;gap:22px;align-items:flex-start}
.feature .num{flex:0 0 40px;height:40px;border-radius:20px;background:#11193a;border:1px solid #1f2937;display:grid;place-items:center;color:#c7d2fe;font-weight:700}
.kv{display:flex;flex-wrap:wrap;gap:10px}
.kv div{flex:1 1 220px;border:1px dashed #334155;padding:10px;border-radius:10px;color:#cbd5e1}
.faq dt{font-weight:700;margin-top:12px}.faq dd{margin:6px 0 14px;color:#cbd5e1}
.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
input,textarea,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #243145;background:#0b1329;color:#dbeafe}
label{font-size:14px;color:#cbd5e1;margin:8px 0 6px;display:block}
footer{border-top:1px solid #1f2937;color:#8fa2c9;padding:28px 0;margin-top:36px;background: rgba(0, 0, 0, 1);}
.alert{padding:12px;border-radius:12px;margin:10px 0}.ok{background:#052e1a;color:#9af3bf;border:1px solid #0d6942}.err{background:#3a0d10;color:#f3b9b9;border:1px solid #7a232a}
@media(max-width:900px){.grid.g3{grid-template-columns:1fr}.grid.g2{grid-template-columns:1fr}.contact{grid-template-columns:1fr}nav{display:none}}


/* --- Visual upgrades for blog & layout --- */
.card{box-shadow:0 10px 24px rgba(0,0,0,.25);transition:transform .2s ease, box-shadow .2s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.blog-card{display:block;padding:0;overflow:hidden}
.blog-card .blog-thumb{height:160px;background-size:cover;background-position:center;border-bottom:1px solid #1f2937}
.blog-card h3{margin:12px 12px 6px}
.blog-card p{margin:0 12px 14px;color:#a7b2d6}
.blog-meta{font-size:12px;color:#94a3b8;margin:10px 12px 0}
.blog-hero{padding:80px 20px;border-radius:18px;background:#0b1329;border:1px solid #1f2937;margin-bottom:16px;background-size:cover;background-position:center}
.blog-hero h1{color:#e2e8f0;margin:0 0 6px}
.newsletter{display:flex;gap:10px;align-items:center}
.newsletter input{max-width:280px}
.hero:after{content:'';position:absolute;inset:-40px;pointer-events:none;background:radial-gradient(800px 240px at 70% 20%, rgba(6,182,212,.16), transparent 60%)} 


/* admin polish */
table th, table td { font-size:14px; color:#cbd5e1 }
table tr:hover td { background:#0f1a36 }
.card h3{margin-bottom:8px}
/* Sosyal FAB */
.social-fab{
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 9999;
}
.fab-main{
  width: 56px; height: 56px;
  border-radius: 50%;
  border: 0;
  background: #d04cf4;           /* markanın moru */
  color: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
  display: grid; place-items: center;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}
.fab-main:hover{ transform: translateY(-2px); box-shadow: 0 14px 28px rgba(0,0,0,.3); }

.fab-list{
  list-style: none; margin: 0; padding: 0;
  position: absolute; left: 0; bottom: 66px;
  display: grid; gap: 10px;
}
.fab-item{
  width: 44px; height: 44px; border-radius: 50%;
  background: rgba(11,16,32,.9);
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: saturate(150%) blur(6px);
  display: grid; place-items: center;
  color: #fff;
  text-decoration: none;
  transform: translateX(-8px) scale(.8);
  opacity: 0; pointer-events: none;
  transition: transform .25s cubic-bezier(.2,.8,.2,1), opacity .2s ease;
}

/* Renk ipuçları */
.fab-item.wa{ background:#25D366; }
.fab-item.ig{ background:#C13584; }
.fab-item.tt{ background:#111; }
.fab-item.yt{ background:#FF0000; }

/* Açıkken animasyonla tek tek ortaya çık */
.social-fab.open .fab-item{
  opacity: 1; pointer-events: auto; transform: translateX(0) scale(1);
}
.social-fab.open .fab-item:nth-child(1){ transition-delay: .02s; }
.social-fab.open .fab-item:nth-child(2){ transition-delay: .06s; }
.social-fab.open .fab-item:nth-child(3){ transition-delay: .10s; }
.social-fab.open .fab-item:nth-child(4){ transition-delay: .14s; }

/* Küçük ekranlarda biraz yukarı al */
@media (max-width: 480px){
  .social-fab{ left: 14px; bottom: 14px; }
  .fab-main{ width: 52px; height: 52px; }
  .fab-item{ width: 42px; height: 42px; }
}