@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:optional;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:optional;src:url(/_next/static/media/b7387a63dd068245-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:optional;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:100%}.__className_309fa0{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-style:normal}.__variable_309fa0{--font-heading:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:optional;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:optional;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:optional;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:optional;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans Fallback;src:local("Arial");ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.00%;size-adjust:100%}.__className_16fca7{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-style:normal}.__variable_16fca7{--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}

/* ==========================================================================
   TITANIUM OBSIDIAN HIGH-CONTRAST BUTTON MIGRATION
   ========================================================================== */
.bg-gradient-to-r.from-blue-600,
a[href*="iletisim"].bg-gradient-to-r,
button[type="submit"].bg-gradient-to-r,
.btn-primary-corporate {
  background: #060a14 !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.02) 100%), linear-gradient(180deg, #121c2e 0%, #060a14 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.45), 0 4px 16px rgba(0, 0, 0, 0.75), 0 16px 36px -6px rgba(0, 0, 0, 0.9) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  letter-spacing: 0.015em !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.bg-gradient-to-r.from-blue-600:hover,
a[href*="iletisim"].bg-gradient-to-r:hover,
button[type="submit"].bg-gradient-to-r:hover,
.btn-primary-corporate:hover {
  background: #0a1122 !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.04) 100%), linear-gradient(180deg, #1b2844 0%, #0a1122 100%) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.65), 0 6px 22px rgba(0, 0, 0, 0.8), 0 22px 46px -6px rgba(0, 0, 0, 0.95), 0 0 25px rgba(56, 189, 248, 0.25) !important;
  transform: translateY(-1px) !important;
}

.bg-gradient-to-r.from-blue-600:active,
a[href*="iletisim"].bg-gradient-to-r:active,
button[type="submit"].bg-gradient-to-r:active,
.btn-primary-corporate:active {
  transform: translateY(0px) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.7), 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}

a[href*="wa.me"],
.bg-emerald-500\/10,
.bg-white\/\[0\.03\] {
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

a[href*="wa.me"]:hover,
.bg-emerald-500\/10:hover {
  border-color: rgba(16, 185, 129, 0.4) !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.15) !important;
  transform: translateY(-1px) !important;
}

/* ANTI-FOUT & ZERO-CLS TYPOGRAPHY STABILITY */
html, body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

/* ==========================================================================
   DEEP LUXURY OBSIDIAN DARK THEME (PUBLIC PAGES ONLY)
   ========================================================================== */
html:not(.light),
body:not(.bg-slate-50) {
  background-color: #030407 !important;
  background: #030407 !important;
  color: #f1f5f9 !important;
}

html:not(.light) .bg-background {
  background-color: #030407 !important;
}

/* Eliminate Moving Canvas Particles */
canvas {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Eliminate All Background Grid Patterns */
[class*="bg-[size:"],
[class*="linear-gradient(to_right,rgba(255,255,255"],
[class*="linear-gradient(to_right,#ffffff"],
.bg-grid {
  display: none !important;
  background-image: none !important;
}

/* Deep Obsidian Glass Cards on Public Pages */
html:not(.light) .bg-obsidian-900,
html:not(.light) .bg-obsidian-900\/60,
html:not(.light) .bg-obsidian-900\/70,
html:not(.light) .bg-obsidian-900\/80,
html:not(.light) .bg-obsidian-900\/90,
html:not(.light) .bg-neutral-900\/60 {
  background-color: rgba(6, 8, 14, 0.85) !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
}

html:not(.light) .bg-obsidian-950,
html:not(.light) .bg-obsidian-950\/85,
html:not(.light) .bg-obsidian-950\/90 {
  background-color: rgba(3, 4, 8, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

/* Deep Luxury Footer */
html:not(.light) footer {
  background-color: #020305 !important;
  border-top-color: rgba(255, 255, 255, 0.07) !important;
}

/* Header Obsidian Glass */
html:not(.light) .kp-header-nav-center {
  background-color: rgba(8, 12, 22, 0.75) !important;
  border-color: rgba(59, 130, 246, 0.25) !important;
}

/* ==========================================================================
   DYNAMIC SUBTLE AMBIENT AURORA & SHIMMER (KISIK, AKICI VE HAREKETLİ)
   ========================================================================== */
.kp-ambient-aurora {
  position: fixed;
  inset: 0;
  pointer-events: none !important;
  overflow: hidden;
  z-index: 0;
  transform: translateZ(0);
}

html.light .kp-ambient-aurora,
body.bg-slate-50 .kp-ambient-aurora {
  display: none !important;
}

.kp-aurora-orb {
  position: absolute;
  border-radius: 9999px;
  will-change: transform, opacity;
  pointer-events: none !important;
}

/* 1. Soft Dynamic Sapphire & Deep Cobalt Orb */
.kp-aurora-orb-1 {
  top: -80px;
  left: 18%;
  width: 720px;
  height: 580px;
  filter: blur(65px);
  background: radial-gradient(circle, rgba(59, 130, 246, 0.24) 0%, rgba(37, 99, 235, 0.14) 35%, rgba(29, 78, 216, 0.05) 60%, transparent 75%);
  animation: kp-aurora-drift-1 12s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

/* 2. Soft Dynamic Violet & Radiant Indigo Glow */
.kp-aurora-orb-2 {
  bottom: 5%;
  left: -80px;
  width: 650px;
  height: 550px;
  filter: blur(68px);
  background: radial-gradient(circle, rgba(168, 85, 247, 0.22) 0%, rgba(129, 140, 248, 0.13) 35%, rgba(67, 56, 202, 0.04) 60%, transparent 75%);
  animation: kp-aurora-drift-2 14s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

/* 3. Soft Dynamic Cyan & Electric Sky Aura */
.kp-aurora-orb-3 {
  top: 32%;
  right: -80px;
  width: 620px;
  height: 520px;
  filter: blur(65px);
  background: radial-gradient(circle, rgba(34, 211, 238, 0.20) 0%, rgba(14, 165, 233, 0.12) 35%, rgba(3, 105, 161, 0.04) 60%, transparent 75%);
  animation: kp-aurora-drift-3 11s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

/* 4. Soft Dynamic Emerald & Mint Glow */
.kp-aurora-orb-4 {
  bottom: 20%;
  right: 15%;
  width: 520px;
  height: 460px;
  filter: blur(65px);
  background: radial-gradient(circle, rgba(52, 211, 153, 0.18) 0%, rgba(16, 185, 129, 0.10) 35%, rgba(5, 150, 105, 0.03) 60%, transparent 75%);
  animation: kp-aurora-drift-4 15s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

/* 5. Fluid Blue Star Shimmer */
.kp-aurora-shimmer-1 {
  top: 22%;
  left: 42%;
  width: 340px;
  height: 340px;
  filter: blur(40px);
  background: radial-gradient(circle, rgba(147, 197, 253, 0.28) 0%, rgba(59, 130, 246, 0.14) 30%, transparent 65%);
  animation: kp-shimmer-pulse-1 8s ease-in-out infinite alternate;
}

/* 6. Fluid Lavender Star Shimmer */
.kp-aurora-shimmer-2 {
  bottom: 20%;
  right: 26%;
  width: 300px;
  height: 300px;
  filter: blur(40px);
  background: radial-gradient(circle, rgba(216, 180, 254, 0.26) 0%, rgba(168, 85, 247, 0.12) 30%, transparent 65%);
  animation: kp-shimmer-pulse-2 9s ease-in-out infinite alternate;
}

/* Noticeable, Fluid, Dynamic Drifting Keyframes (Gözle Görülür Akıcı Hareket) */
@keyframes kp-aurora-drift-1 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.65;
  }
  33% {
    transform: translate3d(140px, 90px, 0) scale(1.22);
    opacity: 0.90;
  }
  66% {
    transform: translate3d(-90px, 160px, 0) scale(0.90);
    opacity: 0.70;
  }
  100% {
    transform: translate3d(80px, 200px, 0) scale(1.15);
    opacity: 0.85;
  }
}

@keyframes kp-aurora-drift-2 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.92);
    opacity: 0.60;
  }
  33% {
    transform: translate3d(120px, -110px, 0) scale(1.20);
    opacity: 0.85;
  }
  66% {
    transform: translate3d(190px, -50px, 0) scale(1.10);
    opacity: 0.65;
  }
  100% {
    transform: translate3d(90px, -150px, 0) scale(0.95);
    opacity: 0.80;
  }
}

@keyframes kp-aurora-drift-3 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.62;
  }
  33% {
    transform: translate3d(-140px, -120px, 0) scale(1.22);
    opacity: 0.88;
  }
  66% {
    transform: translate3d(-180px, 90px, 0) scale(0.88);
    opacity: 0.60;
  }
  100% {
    transform: translate3d(-80px, 150px, 0) scale(1.15);
    opacity: 0.82;
  }
}

@keyframes kp-aurora-drift-4 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.95);
    opacity: 0.58;
  }
  33% {
    transform: translate3d(-130px, -100px, 0) scale(1.22);
    opacity: 0.85;
  }
  66% {
    transform: translate3d(110px, -140px, 0) scale(0.92);
    opacity: 0.62;
  }
  100% {
    transform: translate3d(150px, 70px, 0) scale(1.15);
    opacity: 0.78;
  }
}

@keyframes kp-shimmer-pulse-1 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.88);
    opacity: 0.45;
  }
  50% {
    transform: translate3d(80px, -70px, 0) scale(1.35);
    opacity: 0.80;
  }
  100% {
    transform: translate3d(-60px, 60px, 0) scale(0.95);
    opacity: 0.50;
  }
}

@keyframes kp-shimmer-pulse-2 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.92);
    opacity: 0.42;
  }
  50% {
    transform: translate3d(-70px, 80px, 0) scale(1.35);
    opacity: 0.78;
  }
  100% {
    transform: translate3d(60px, -50px, 0) scale(1.00);
    opacity: 0.48;
  }
}

/* Subtle Breathing Motion for Section Glows */
@keyframes kp-section-glow-breathe {
  0% {
    opacity: 0.35;
    transform: scale(0.95) translate3d(0, 0, 0);
  }
  50% {
    opacity: 0.65;
    transform: scale(1.08) translate3d(25px, -18px, 0);
  }
  100% {
    opacity: 0.40;
    transform: scale(0.98) translate3d(-18px, 12px, 0);
  }
}

html:not(.light) .blur-\[140px\],
html:not(.light) .blur-\[120px\],
html:not(.light) .blur-\[100px\],
html:not(.light) .pointer-events-none.blur-3xl {
  filter: blur(60px) !important;
  animation: kp-section-glow-breathe 10s ease-in-out infinite alternate !important;
}

html:not(.light) .bg-blue-600\/\[0\.03\],
html:not(.light) .bg-blue-600\/\[0\.08\],
html:not(.light) .bg-blue-400\/5,
html:not(.light) .bg-blue-600\/10 {
  background-color: rgba(37, 99, 235, 0.08) !important;
}

html:not(.light) .bg-indigo-600\/\[0\.08\],
html:not(.light) .bg-indigo-600\/10 {
  background-color: rgba(99, 102, 241, 0.07) !important;
}

/* Soundwave Animation for Studio Showcase Console */
@keyframes kp-soundwave {
  0% {
    height: 4px;
    opacity: 0.45;
  }
  50% {
    height: 16px;
    opacity: 1;
  }
  100% {
    height: 7px;
    opacity: 0.65;
  }
}