:root{--bordo:#7b1027;--mavi:#00a7ff;--beyaz:#f7fbff;--siyah:#06080f;--card:rgba(255,255,255,.07);--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--beyaz);background:radial-gradient(circle at top left,#14264b 0,#080a12 34%,#050509 100%);min-height:100vh}.grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(0,167,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(123,16,39,.12) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;background:rgba(5,8,15,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-weight:700}.logo-mark{width:48px;height:48px;border:1px solid var(--mavi);border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--bordo),#101a33);box-shadow:0 0 25px rgba(0,167,255,.35)}.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nav a{color:#dbeafe;text-decoration:none;padding:10px 12px;border-radius:12px;font-size:14px}.nav a:hover,.nav .active{background:rgba(0,167,255,.13);color:white}.cta,.btn{background:linear-gradient(135deg,var(--bordo),var(--mavi));color:white!important;border:0;border-radius:14px;padding:12px 18px;text-decoration:none;display:inline-flex;gap:8px;align-items:center;font-weight:700;box-shadow:0 12px 35px rgba(0,167,255,.22)}.menu-btn{display:none}.hero{padding:90px 5vw 50px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.eyebrow{color:#7dd3fc;letter-spacing:.2em;text-transform:uppercase;font-size:13px}.hero h1{font-size:clamp(38px,6vw,78px);line-height:.95;margin:16px 0}.gradient{background:linear-gradient(90deg,#fff,var(--mavi),#ff486f);-webkit-background-clip:text;color:transparent}.lead{font-size:20px;color:#cbd5e1;line-height:1.7}.panel,.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border-radius:28px;padding:28px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.kpi{padding:18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.kpi b{font-size:28px;color:#7dd3fc}.section{padding:55px 5vw}.section h2{font-size:clamp(30px,4vw,50px);margin:0 0 16px}.muted{color:#b8c7dd;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid.two{grid-template-columns:repeat(2,1fr)}.card h3{margin-top:0;color:#fff}.chip{display:inline-block;margin:5px 4px 0 0;padding:7px 10px;border-radius:99px;background:rgba(0,167,255,.12);border:1px solid rgba(0,167,255,.25);font-size:12px}.icon{font-size:32px}.form{display:grid;gap:14px}.input,textarea,select{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.24);color:white;border-radius:14px;padding:13px 14px}textarea{min-height:140px}.notice{padding:14px;border-radius:14px;background:rgba(0,167,255,.15);border:1px solid rgba(0,167,255,.35);margin-bottom:16px}.footer{margin-top:50px;padding:35px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#b8c7dd}.footer a{color:#7dd3fc}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.admin-wrap{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#05070d;border-right:1px solid var(--line);padding:24px;position:sticky;top:0;height:100vh}.sidebar a{display:block;color:#dbeafe;text-decoration:none;padding:12px;border-radius:12px;margin:5px 0}.sidebar a:hover,.sidebar .active{background:rgba(0,167,255,.14)}.admin-main{padding:28px}.badge{padding:5px 9px;border-radius:9px;background:rgba(123,16,39,.5)}[data-animate]{opacity:0;transform:translateY(18px);transition:.6s}[data-animate].show{opacity:1;transform:none}@media(max-width:900px){.hero,.grid,.grid.two,.admin-wrap{grid-template-columns:1fr}.menu-btn{display:block;background:none;color:white;border:1px solid var(--line);border-radius:10px;padding:9px 12px}.nav{display:none;position:absolute;left:5vw;right:5vw;top:78px;background:#070b14;border:1px solid var(--line);padding:16px;border-radius:18px}.nav-open .nav{display:grid}.kpis{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.footer{flex-direction:column}}


/* Açık kullanıcı teması - admin panel koyu kalır */
body.public-site{
  color:#111827;
  background:
    radial-gradient(circle at top left, rgba(0,167,255,.18) 0, transparent 34%),
    radial-gradient(circle at top right, rgba(123,16,39,.10) 0, transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#eef6ff 46%,#ffffff 100%);
}
body.public-site .grid-bg{
  background-image:
    linear-gradient(rgba(0,167,255,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(123,16,39,.08) 1px,transparent 1px);
  opacity:.75;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 70%);
}
body.public-site .site-header{
  background:rgba(255,255,255,.86);
  border-bottom:1px solid rgba(15,23,42,.10);
  box-shadow:0 12px 35px rgba(15,23,42,.08);
}
body.public-site .brand{color:#0f172a}
body.public-site .logo-mark{
  color:#fff;
  background:linear-gradient(135deg,#7b1027,#0ea5e9);
  box-shadow:0 12px 28px rgba(14,165,233,.25);
}
body.public-site .nav a{color:#1f2937}
body.public-site .nav a:hover,
body.public-site .nav .active{
  background:rgba(14,165,233,.12);
  color:#075985;
}
body.public-site .cta,
body.public-site .btn{
  color:#fff!important;
  background:linear-gradient(135deg,#8a1538,#0ea5e9);
  box-shadow:0 14px 32px rgba(14,165,233,.22);
}
body.public-site .eyebrow{color:#0369a1;font-weight:800}
body.public-site .hero h1,
body.public-site .section h2{color:#0f172a}
body.public-site .gradient{
  background:linear-gradient(90deg,#7b1027,#0284c7,#0f172a);
  -webkit-background-clip:text;
  color:transparent;
}
body.public-site .lead{color:#334155}
body.public-site .muted{color:#475569}
body.public-site .panel,
body.public-site .card{
  color:#111827;
  border:1px solid rgba(15,23,42,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(241,248,255,.82));
  box-shadow:0 18px 55px rgba(15,23,42,.10);
}
body.public-site .card h3{color:#0f172a}
body.public-site .kpi{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(14,165,233,.18);
  box-shadow:0 12px 25px rgba(15,23,42,.06);
}
body.public-site .kpi b{color:#0369a1}
body.public-site .chip{
  color:#075985;
  background:rgba(14,165,233,.10);
  border:1px solid rgba(14,165,233,.20);
}
body.public-site .input,
body.public-site textarea,
body.public-site select{
  background:rgba(255,255,255,.94);
  color:#0f172a;
  border:1px solid rgba(15,23,42,.16);
  box-shadow:0 8px 20px rgba(15,23,42,.04);
}
body.public-site .input::placeholder,
body.public-site textarea::placeholder{color:#64748b}
body.public-site .notice{
  color:#075985;
  background:rgba(14,165,233,.10);
  border:1px solid rgba(14,165,233,.22);
}
body.public-site .footer{
  color:#475569;
  background:rgba(255,255,255,.72);
  border-top:1px solid rgba(15,23,42,.10);
}
body.public-site .footer a{color:#0369a1}
body.public-site .table th,
body.public-site .table td{border-bottom:1px solid rgba(15,23,42,.10)}
@media(max-width:900px){
  body.public-site .menu-btn{color:#0f172a;border-color:rgba(15,23,42,.18)}
  body.public-site .nav{background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.10);box-shadow:0 18px 50px rgba(15,23,42,.12)}
}
.site-logo{
    width:70px;
    height:70px;
    object-fit:contain;
}

/* Ana sayfa Crimson Glitch Software beyaz yazı + harf harf gezen renkli ışık animasyonu */
.hero .glitch-title{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.18em;
  color:#ffffff;
  text-shadow:0 2px 18px rgba(15,23,42,.28);
}
.hero .glitch-word{
  display:inline-flex;
  white-space:nowrap;
}
.hero .glitch-word span{
  display:inline-block;
  color:#ffffff;
  -webkit-text-fill-color:#ffffff;
  background:none!important;
  animation:letter-rgb-light-pass 4.2s linear infinite;
  animation-delay:calc(var(--i) * .075s);
  will-change:color,filter,text-shadow,transform;
}
@keyframes letter-rgb-light-pass{
  0%,7%,100%{
    color:#ffffff;
    -webkit-text-fill-color:#ffffff;
    transform:translateY(0) scale(1);
    filter:none;
    text-shadow:0 2px 18px rgba(15,23,42,.22);
  }
  10%{
    color:#38bdf8;
    -webkit-text-fill-color:#38bdf8;
    transform:translateY(-2px) scale(1.035);
    filter:brightness(1.65);
    text-shadow:0 0 8px rgba(56,189,248,.95),0 0 18px rgba(56,189,248,.75),0 0 34px rgba(56,189,248,.45);
  }
  15%{
    color:#f472b6;
    -webkit-text-fill-color:#f472b6;
    transform:translateY(-1px) scale(1.025);
    filter:brightness(1.55);
    text-shadow:0 0 8px rgba(244,114,182,.95),0 0 18px rgba(244,114,182,.7),0 0 34px rgba(244,114,182,.42);
  }
  20%{
    color:#a78bfa;
    -webkit-text-fill-color:#a78bfa;
    transform:translateY(0) scale(1.015);
    filter:brightness(1.45);
    text-shadow:0 0 8px rgba(167,139,250,.9),0 0 18px rgba(167,139,250,.62),0 0 30px rgba(167,139,250,.38);
  }
  28%{
    color:#ffffff;
    -webkit-text-fill-color:#ffffff;
    transform:translateY(0) scale(1);
    filter:none;
    text-shadow:0 2px 18px rgba(15,23,42,.22);
  }
}
@media (prefers-reduced-motion: reduce){
  .hero .glitch-word span{animation:none!important;}
}


/* Kullanıcı tarafı daha açık tema güçlendirmesi */
body.public-site{
  color:#0f172a;
  background:
    radial-gradient(circle at 12% 0%, rgba(14,165,233,.16), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(244,63,94,.08), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 42%,#eef7ff 100%)!important;
}
body.public-site .grid-bg{
  opacity:.38;
  background-image:
    linear-gradient(rgba(14,165,233,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);
}
body.public-site .site-header{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.07);
}
body.public-site .hero,
body.public-site .section{
  background:transparent;
}
body.public-site .panel,
body.public-site .card{
  background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.08)!important;
}
body.public-site .kpi{
  background:#ffffff!important;
  border-color:rgba(14,165,233,.14)!important;
}
body.public-site .lead,
body.public-site .muted,
body.public-site .footer{
  color:#334155!important;
}
body.public-site .nav a{color:#172033!important}
body.public-site .nav a:hover,
body.public-site .nav .active{
  color:#075985!important;
  background:rgba(14,165,233,.10)!important;
}
body.public-site .input,
body.public-site textarea,
body.public-site select{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.14)!important;
}
body.public-site .footer{
  background:rgba(255,255,255,.88)!important;
}

/* Kullanıcı tarafı dengeli açık/koyu renk düzeni */
body.public-site{
  color:#172033;
  background:
    radial-gradient(circle at 10% -5%, rgba(14,165,233,.16), transparent 32%),
    radial-gradient(circle at 90% 0%, rgba(123,16,39,.10), transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#eef5fb 46%,#fdfefe 100%)!important;
}
body.public-site .grid-bg{
  opacity:.32!important;
  background-image:
    linear-gradient(rgba(14,165,233,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px)!important;
}
body.public-site .site-header{
  background:rgba(248,251,255,.92)!important;
  border-bottom:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 12px 32px rgba(15,23,42,.08)!important;
}
body.public-site .brand{color:#111827!important}
body.public-site .nav a{color:#243044!important}
body.public-site .nav a:hover,
body.public-site .nav .active{
  color:#075985!important;
  background:rgba(14,165,233,.11)!important;
}
body.public-site .hero{
  margin:30px 5vw 18px;
  padding:72px clamp(22px,4vw,58px);
  border-radius:34px;
  background:
    radial-gradient(circle at 18% 18%, rgba(14,165,233,.30), transparent 36%),
    radial-gradient(circle at 88% 12%, rgba(244,63,94,.20), transparent 30%),
    linear-gradient(135deg,#101827 0%,#172554 48%,#1f2937 100%)!important;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 26px 70px rgba(15,23,42,.20);
}
body.public-site .hero h1,
body.public-site .hero .glitch-title{
  color:#ffffff!important;
}
body.public-site .hero .lead{color:#dbeafe!important}
body.public-site .hero .eyebrow{color:#93c5fd!important}
body.public-site .hero .panel,
body.public-site .hero .card{
  color:#f8fafc!important;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.07))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.18)!important;
}
body.public-site .hero .muted{color:#cbd5e1!important}
body.public-site .section{
  background:transparent!important;
}
body.public-site .section:nth-of-type(even){
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(239,246,255,.38))!important;
}
body.public-site .panel,
body.public-site .card{
  color:#172033!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.09)!important;
}
body.public-site .card:hover,
body.public-site .panel:hover{
  border-color:rgba(14,165,233,.22)!important;
  box-shadow:0 20px 54px rgba(15,23,42,.12)!important;
}
body.public-site .card h3,
body.public-site .section h2{
  color:#111827!important;
}
body.public-site .lead,
body.public-site .muted{
  color:#42526a!important;
}
body.public-site .kpi{
  background:linear-gradient(180deg,#ffffff,#f2f8ff)!important;
  border:1px solid rgba(14,165,233,.16)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
}
body.public-site .kpi b{color:#075985!important}
body.public-site .chip{
  color:#075985!important;
  background:rgba(14,165,233,.10)!important;
  border:1px solid rgba(14,165,233,.22)!important;
}
body.public-site .input,
body.public-site textarea,
body.public-site select{
  background:#ffffff!important;
  color:#172033!important;
  border:1px solid rgba(15,23,42,.15)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
}
body.public-site .notice{
  color:#075985!important;
  background:rgba(14,165,233,.10)!important;
  border:1px solid rgba(14,165,233,.22)!important;
}
body.public-site .footer{
  color:#cbd5e1!important;
  background:linear-gradient(135deg,#101827,#172033)!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
}
body.public-site .footer a{color:#7dd3fc!important}
@media(max-width:900px){
  body.public-site .hero{margin:18px 4vw;padding:46px 22px;border-radius:26px;}
  body.public-site .menu-btn{color:#111827!important;border-color:rgba(15,23,42,.18)!important;}
  body.public-site .nav{background:rgba(248,251,255,.98)!important;border:1px solid rgba(15,23,42,.10)!important;box-shadow:0 18px 48px rgba(15,23,42,.12)!important;}
}


/* Talep Aç butonu - yazıyı kesin beyaz yap */
.site-header .cta,
.site-header .btn,
.site-header a.cta,
.site-header a.btn{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

.site-header .cta *,
.site-header .btn *,
.site-header a.cta *,
.site-header a.btn *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

.site-header .cta:hover,
.site-header .btn:hover,
.site-header a.cta:hover,
.site-header a.btn:hover,
.site-header .cta:hover *,
.site-header .btn:hover *,
.site-header a.cta:hover *,
.site-header a.btn:hover *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* Talep Aç butonu aktif sayfada da aynı görünsün */
.site-header .nav a.cta-request,
.site-header .nav a.cta-request:hover,
.site-header .nav a.cta-request.cta-current,
.site-header .nav a.cta-request.active{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    background:linear-gradient(135deg,var(--bordo),var(--mavi)) !important;
    box-shadow:0 12px 35px rgba(0,167,255,.22) !important;
}

.site-header .nav a.cta-request *,
.site-header .nav a.cta-request:hover *,
.site-header .nav a.cta-request.cta-current *,
.site-header .nav a.cta-request.active *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* Sistem Odaklı Yaklaşım paneli - yazıları kesin beyaz */
body.public-site .hero .panel h3,
body.public-site .hero .panel .muted,
body.public-site .hero .panel .chip,
body.public-site .hero .panel .chip *,
body.public-site .panel.system-panel h3,
body.public-site .panel.system-panel .muted,
body.public-site .panel.system-panel .chip,
body.public-site .panel.system-panel .chip *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* Sistem Odaklı Yaklaşım panelindeki etiketler beyaz yazı + uyumlu kenarlık */
body.public-site .hero .panel .chip,
body.public-site .panel.system-panel .chip{
    border-color:rgba(255,255,255,.30) !important;
    background:rgba(255,255,255,.10) !important;
}


/* Blog kapakları, blog detay sayfası ve örnek işler video görünümü */
.blog-card{
  display:block;
  color:inherit;
  text-decoration:none;
  overflow:hidden;
}
.blog-card:hover{
  transform:translateY(-4px);
}
.content-cover,
.detail-cover,
.portfolio-video{
  width:100%;
  border-radius:20px;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 14px 30px rgba(15,23,42,.08);
  background:#0f172a;
}
.content-cover{
  height:210px;
  object-fit:cover;
  margin-bottom:18px;
}
.detail-cover{
  max-height:470px;
  object-fit:cover;
  margin:24px 0;
}
.portfolio-video{
  display:block;
  max-height:360px;
  object-fit:cover;
  margin-bottom:18px;
}
.blog-detail-section{
  max-width:1050px;
  margin:0 auto;
}
.blog-detail h1{
  color:#0f172a;
  font-size:clamp(34px,5vw,58px);
  line-height:1.05;
  margin:14px 0;
}
.blog-content{
  color:#1f2937;
  font-size:18px;
  line-height:1.9;
  white-space:normal;
}
.small-btn{
  margin-top:10px;
  padding:10px 14px;
  font-size:13px;
}
body:not(.public-site) input[type="file"].input{
  padding:10px;
}


/* Blog link alt çizgi düzeltmesi */
.blog-grid a,
.blog-grid a:hover,
.blog-grid a:focus,
.blog-card,
.blog-card:hover,
.blog-card:focus,
.blog-card *,
.blog-card:hover *,
.blog-card:focus *,
.blog-detail a.chip,
.blog-detail a.chip:hover,
.blog-detail a.chip:focus{
  text-decoration:none !important;
}

/* Müşteri reklamları görsel görünümü */
.card-media{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:18px;
  margin-bottom:16px;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 12px 24px rgba(15,23,42,.08);
}