@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@400;500;600&family=Spectral:ital,wght@0,300;0,400;1,300;1,400&display=swap');*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }:root {  --bg: #12103A;  --bg2: #16133F;  --bg3: #0B0921;  --violet: #6D5FBC;  --violet-light: #A89FD4;  --violet-pale: #C090F0;  --teal: #0F766E;  --teal-light: #5EEAD4;  --pink: #E84E8A;  --text: #EDE8FF;  --text-body: #C8C0E8;  --muted: #8B7FCB;  --dim: rgba(240,235,224,0.22);  --border: rgba(139,127,203,0.18);  --border-hover: rgba(139,127,203,0.35);}html { scroll-behavior: smooth; overflow-x: hidden; overscroll-behavior-x: none; background: var(--bg); }@keyframes pageIn { from { opacity: 0; } to { opacity: 1; } }body {  background: linear-gradient(180deg, #12103A 0%, #0D0A2E 45%, #0A0820 100%);  background-attachment: fixed;  min-height: 100vh;  color: var(--text-body);  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;  font-size: 17px;  font-weight: 400;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  text-rendering: optimizeLegibility;  animation: pageIn 0.22s ease forwards;  line-height: 1.85;  overflow-x: hidden;  overscroll-behavior-x: none;}h1 { font-family: 'Cinzel', serif; font-weight: 700; color: var(--text); font-size: clamp(1.75rem, 4vw, 3rem); }h2 { font-family: 'Cinzel', serif; font-weight: 600; color: var(--text); font-size: clamp(1.4rem, 3vw, 2.25rem); }h3 { font-family: 'Cinzel', serif; font-weight: 600; color: var(--text); font-size: clamp(1.15rem, 2.5vw, 1.75rem); }h4 { font-family: 'Cinzel', serif; font-weight: 600; color: var(--text); font-size: clamp(1rem, 2vw, 1.35rem); }h5, h6 { font-family: 'Cinzel', serif; font-weight: 600; color: var(--text); font-size: 1rem; }p { color: var(--text-body); font-size: 16px; line-height: 1.8; margin-bottom: 1rem; }a { color: #A89FD4; text-decoration: none; transition: color 0.2s; }a:hover { color: var(--violet-pale); }/* ─── GLOBAL ELEMENT DEFAULTS ─── */input, textarea, select {  font-family: 'Inter', sans-serif;  font-size: 16px;  color: var(--text);  background: var(--bg2);  border: 1px solid var(--border);  border-radius: 8px;  padding: 11px 14px;  line-height: 1.5;  transition: border-color 0.2s;  -webkit-appearance: none;  appearance: none;}input:focus, textarea:focus, select:focus {  outline: none;  border-color: var(--violet);  box-shadow: 0 0 0 3px rgba(109,95,188,0.15);}input::placeholder, textarea::placeholder {  color: rgba(139,127,203,0.45);}[class*="card"], .card {  background: var(--bg2);  border: 1px solid var(--border);  border-radius: 12px;  transition: border-color 0.2s;}[class*="card"]:hover, .card:hover {  border-color: var(--border-hover);}[class*="chip"], [class*="badge"], [class*="tag"], [class*="label"] {  font-family: 'Inter', sans-serif;  font-size: 11px;  font-weight: 500;  letter-spacing: 1.5px;  color: var(--violet-light);  border-color: var(--border);}[class*="kozmos-bar"], [class*="kozmos-cta"] {  border-color: rgba(15,118,110,0.25);}[class*="kozmos"] h3 { color: var(--teal-light); }[class*="kozmos"] p, [class*="kozmos"] .sub { color: #7ABFBF; }/* ─── SCROLL REVEAL ─── */.reveal {  opacity: 0;  transform: translateY(30px);  transition: opacity 0.7s ease, transform 0.7s ease;}.reveal.visible { opacity: 1; transform: translateY(0); }/* ─── NAV ─── */nav {  width: 100%;  height: 76px;  background: rgba(8,5,26,0.98);  border-bottom: 0.5px solid rgba(123,79,190,0.18);  display: grid;  grid-template-columns: 1fr auto 1fr;  align-items: center;  padding: 0 44px;  position: sticky;  top: 0;  z-index: 100;  backdrop-filter: blur(12px);  -webkit-backdrop-filter: blur(12px);}.nav-logo    { justify-self: start; }.nav-links   { justify-self: center; }.nav-right   { justify-self: end; }.nav-logo {  display: flex;  align-items: center;  gap: 14px;  text-decoration: none;  flex-shrink: 0;}.nav-logo-icon {  width: 40px;  height: 40px;  display: flex;  align-items: center;  justify-content: center;  flex-shrink: 0;}.nav-logo-divider {  width: 0.5px;  height: 28px;  background: linear-gradient(to bottom, transparent, rgba(123,79,190,0.35), transparent);  flex-shrink: 0;}.nav-logo-text {  display: flex;  flex-direction: column;  gap: 4px;  justify-content: center;}.nav-logo-line1 {  font-family: 'Cinzel', serif;  font-size: 12px;  font-weight: 700;  color: #C090F0;  letter-spacing: 3.5px;  line-height: 1;  display: block;}.nav-logo-line2 {  font-family: 'Spectral', serif;  font-size: 10px;  font-style: italic;  color: rgba(240,235,224,0.5);  letter-spacing: 1.5px;  line-height: 1;  display: block;}.nav-links {  display: flex;  align-items: center;  gap: 32px;}.nav-link {  font-family: 'Cinzel', serif;  font-size: 13px;  letter-spacing: 1.2px;  color: rgba(240,235,224,0.92);  text-decoration: none;  transition: color 0.2s;  position: relative;}.nav-link::after {  content: '';  position: absolute;  bottom: -3px;  left: 0;  width: 0;  height: 1px;  background: #C090F0;  transition: width 0.25s ease;}.nav-link:hover { color: rgba(192,144,240,0.95); }.nav-link:hover::after { width: 100%; }.nav-link.active { color: #C090F0; }.nav-link.active::after { width: 100%; }/* Vedik Kozmos — ✦ YENİ badge (yazı üstünde) */.nav-link-kozmos {  position: relative;}.nav-kozmos-badge {  position: absolute;  top: -11px;  right: -6px;  font-family: 'Cinzel', serif;  font-size: 6px;  font-weight: 700;  letter-spacing: 0.8px;  color: #fff;  background: linear-gradient(135deg, #E84E8A, #7B4FBE);  padding: 2px 5px;  border-radius: 6px;  white-space: nowrap;  animation: badgePulse 2.5s infinite;  box-shadow: 0 0 6px rgba(232,78,138,0.4);}@keyframes badgePulse {  0%, 100% { opacity: 1; box-shadow: 0 0 6px rgba(232,78,138,0.4); }  50% { opacity: 0.75; box-shadow: 0 0 12px rgba(232,78,138,0.7); }}.nav-right {  display: flex;  align-items: center;  gap: 16px;  flex-shrink: 0;}.nav-logo-img {  height: 40px;  width: auto;  object-fit: contain;  display: block;  flex-shrink: 0;  filter: brightness(1.2) contrast(1.35) saturate(1.25) drop-shadow(0 0 4px rgba(155,111,222,0.25));}.nav-lang {  display: flex;  align-items: center;  gap: 2px;  flex-shrink: 0;}.lang-tr, .lang-en {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 1px;  color: rgba(155,111,222,0.6);  background: transparent;  border: none;  cursor: pointer;  padding: 4px 6px;  border-radius: 3px;  transition: color 0.2s;}.lang-tr.active, .lang-en.active { color: #C090F0; }.lang-tr:hover, .lang-en:hover { color: #C090F0; }.nav-lang-sep {  font-size: 9px;  color: rgba(123,79,190,0.3);}.nav-login {  font-family: 'Cinzel', serif;  font-size: 9px;  font-weight: 700;  letter-spacing: 1.5px;  color: rgba(192,144,240,0.72);  background: transparent;  border: 0.5px solid rgba(123,79,190,0.38);  border-radius: 5px;  padding: 9px 18px;  cursor: pointer;  text-decoration: none;  white-space: nowrap;  transition: border-color 0.2s, color 0.2s, background 0.2s;  flex-shrink: 0;  min-width: 128px;  text-align: center;}.nav-login:hover {  color: #C090F0;  border-color: rgba(123,79,190,0.65);  background: rgba(123,79,190,0.09);}.nav-cta {  font-family: 'Cinzel', serif;  font-size: 9px;  font-weight: 700;  letter-spacing: 1.5px;  color: #fff;  background: linear-gradient(135deg, #7B4FBE, #9B6FDE);  border: none;  border-radius: 5px;  padding: 10px 22px;  cursor: pointer;  text-decoration: none;  white-space: nowrap;  box-shadow: 0 0 20px rgba(123,79,190,0.25);  transition: box-shadow 0.2s;  flex-shrink: 0;}.nav-cta:hover { box-shadow: 0 0 32px rgba(123,79,190,0.45); }.nav-hamburger {  display: none;  background: transparent;  border: none;  color: rgba(192,144,240,0.7);  width: 44px;  height: 44px;  border-radius: 8px;  cursor: pointer;  align-items: center;  justify-content: center;  flex-shrink: 0;  padding: 0;  touch-action: manipulation;  -webkit-tap-highlight-color: transparent;  user-select: none;  -webkit-user-select: none;}.nav-hamburger:active { color: rgba(192,144,240,1); }.nav-user {  display: flex;  align-items: center;  gap: 7px;  text-decoration: none;  padding: 5px 10px 5px 5px;  border: 0.5px solid rgba(123,79,190,0.38);  border-radius: 20px;  background: transparent;  transition: background 0.2s, border-color 0.2s;  flex-shrink: 0;}.nav-user:hover {  background: rgba(123,79,190,0.09);  border-color: rgba(123,79,190,0.65);}.nav-user-photo {  width: 24px;  height: 24px;  border-radius: 50%;  object-fit: cover;  display: block;  border: 0.5px solid rgba(192,144,240,0.3);}.nav-user-initials {  width: 24px;  height: 24px;  border-radius: 50%;  background: linear-gradient(135deg, #7B4FBE, #9B6FDE);  display: flex;  align-items: center;  justify-content: center;  font-family: 'Cinzel', serif;  font-size: 8px;  font-weight: 700;  color: #fff;  flex-shrink: 0;}.nav-user-name {  font-family: 'Cinzel', serif;  font-size: 9px;  font-weight: 700;  letter-spacing: 1px;  color: rgba(192,144,240,0.85);  white-space: nowrap;}/* ═══ NAV RESPONSIVE ═══ */@media (max-width: 768px) {  nav { display: flex; justify-content: space-between; padding: 0 16px; position: relative; }  .nav-logo-divider { display: none; }  .nav-logo-text { display: none; }  .nav-links {    flex-direction: column;    align-items: stretch;    gap: 0;    position: absolute;    top: 76px;    left: 0; right: 0;    background: rgba(8,5,26,0.99);    border-bottom: 0.5px solid rgba(123,79,190,0.2);    padding: 8px 0 16px;    z-index: 99;    opacity: 0;    pointer-events: none;    transform: translateY(-8px);    transition: opacity 0.18s ease, transform 0.18s ease;  }  .nav-links.open { opacity: 1; pointer-events: auto; transform: translateY(0); }  .nav-link { padding: 10px 24px; font-size: 12px; letter-spacing: 1px; }  .nav-link::after { display: none; }  .nav-kozmos-badge { position: static; display: inline; font-size: 6px; vertical-align: super; margin-left: 4px; }  /* nav-right: sadece hamburger buton görünür, diğerleri gizli */  .nav-right { gap: 0; }  .nav-logo-img { display: none; }  .nav-right .nav-lang { display: none; }  .nav-right .nav-login { display: none; }  .nav-cta {    font-size: 7.5px;    padding: 7px 11px;    letter-spacing: 1px;    border-radius: 5px;    white-space: nowrap;    flex-shrink: 0;  }  .nav-hamburger { display: flex; }}@media (max-width: 480px) {  .nav-logo-line2 { display: none; }  .nav-logo-icon { width: 32px; height: 32px; }}/* ═══ HERO ═══ */.hero {  position: relative;  height: min(580px, calc(100vh - 148px));  min-height: 380px;  display: grid;  grid-template-columns: 1fr 1fr;  overflow: hidden;  background: #08051A;}#starsCanvas {  position: absolute;  inset: 0;  width: 100%;  height: 100%;  pointer-events: none;  z-index: 0;}.hero-nebula {  position: absolute;  inset: 0;  background:    radial-gradient(ellipse 110% 90% at 50% 50%,      rgba(123,79,190,0.08) 0%, transparent 60%),    radial-gradient(ellipse 60% 60% at 82% 28%,      rgba(123,79,190,0.05) 0%, transparent 50%),    radial-gradient(ellipse 50% 50% at 18% 65%,      rgba(42,191,191,0.03) 0%, transparent 50%);  pointer-events: none;  z-index: 0;}/* ── Sol metin ── */.hero-left {  background: transparent;  padding: 0 50px 0 64px;  display: flex;  flex-direction: column;  justify-content: center;  position: relative;  z-index: 4;}.hero-brand-line {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 3.5px;  color: rgba(192,144,240,0.5);  margin-bottom: 14px;}.hero-eyebrow { margin-bottom: 24px; }.hero-pill {  display: inline-block;  background: rgba(123,79,190,0.12);  border: 0.5px solid rgba(123,79,190,0.4);  color: #C090F0;  font-family: 'Cinzel', serif;  font-size: 9px;  font-weight: 700;  padding: 6px 18px;  border-radius: 20px;  letter-spacing: 2.5px;}.hero-h1 {  font-family: 'Cinzel', serif;  font-size: 46px;  font-weight: 700;  color: #F0EBE0;  line-height: 1.1;  margin-bottom: 20px;}.hero-h1 em {  font-style: normal;  background: linear-gradient(135deg, #9B6FDE, #C090F0);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  display: block;}.hero-sub {  font-family: 'Spectral', serif;  font-size: 15px;  font-style: italic;  color: rgba(240,235,224,0.5);  margin-bottom: 40px;  line-height: 1.9;  max-width: 400px;}.hero-btns {  display: flex;  gap: 14px;  margin-bottom: 36px;  flex-wrap: wrap;}.btn-primary {  background: linear-gradient(135deg, #8B5FCE, #A87EE8);  color: #fff;  font-family: 'Inter', 'Cinzel', serif;  font-size: 13px;  font-weight: 600;  padding: 14px 28px;  border-radius: 6px;  letter-spacing: 0.5px;  text-decoration: none;  display: inline-block;  box-shadow: 0 0 28px rgba(139,95,206,0.35);  transition: box-shadow 0.3s, transform 0.2s;  border: none;  cursor: pointer;}.btn-primary:hover { box-shadow: 0 0 44px rgba(139,95,206,0.6); transform: translateY(-1px); color: #fff; }.btn-primary:focus-visible { outline: 2px solid var(--violet-pale); outline-offset: 3px; }.btn-secondary, .btn-ghost {  border: 1px solid var(--border-hover);  color: var(--violet-pale);  font-family: 'Inter', 'Cinzel', serif;  font-size: 13px;  font-weight: 500;  padding: 13px 28px;  border-radius: 6px;  text-decoration: none;  display: inline-block;  background: transparent;  transition: border-color 0.3s, color 0.3s, background 0.3s;  cursor: pointer;}.btn-secondary:hover, .btn-ghost:hover { border-color: var(--violet-pale); color: #fff; background: rgba(139,95,206,0.12); }.hero-trust {  display: flex;  align-items: center;  gap: 14px;}.trust-avs { display: flex; }.trust-av {  width: 30px;  height: 30px;  border-radius: 50%;  border: 2px solid #08051A;  display: flex;  align-items: center;  justify-content: center;  font-family: 'Cinzel', serif;  font-size: 10px;  font-weight: 700;  color: #fff;  margin-left: -8px;}.trust-av:first-child { margin-left: 0; }.av1 { background: linear-gradient(135deg, #7B4FBE, #9B6FDE); }.av2 { background: linear-gradient(135deg, #E84E8A, #7B4FBE); }.av3 { background: rgba(123,79,190,0.2); color: #9B6FDE; }.trust-txt {  font-family: 'Spectral', serif;  font-size: 12px;  font-style: italic;  color: rgba(240,235,224,0.22);}/* ── Sağ alan ── */.hero-right {  background: transparent;  position: relative;  overflow: hidden;  height: 100%;  min-height: 380px;}/* DOLUNAY — küçük, zarif, sağ üstte */.hero-moon {  position: absolute;  top: 36px;  right: 48px;  width: 68px;  height: 68px;  border-radius: 50%;  background: radial-gradient(circle at 36% 34%,    #EDD8FF 0%,    #C090F0 28%,    #8040C0 58%,    #4C1090 100%  );  box-shadow:    0 0 40px rgba(160,80,240,0.8),    0 0 90px rgba(140,60,220,0.45),    0 0 180px rgba(120,50,200,0.22),    0 0 320px rgba(100,40,180,0.10);  z-index: 5;  pointer-events: none;}.moon-c1 { position:absolute; width:10px; height:10px; border-radius:50%; background:rgba(0,0,0,0.15); top:15px; left:16px; }.moon-c2 { position:absolute; width:6px; height:6px; border-radius:50%; background:rgba(0,0,0,0.12); top:30px; left:38px; }.moon-c3 { position:absolute; width:8px; height:8px; border-radius:50%; background:rgba(0,0,0,0.1); top:40px; left:14px; }/* Ay sayfayı aydınlatıyor — geniş glow */.hero-moon-glow {  position: absolute;  top: -120px;  right: -120px;  width: 600px;  height: 600px;  border-radius: 50%;  background: radial-gradient(circle,    rgba(150,80,230,0.13) 0%,    rgba(120,50,200,0.07) 30%,    rgba(100,40,180,0.03) 55%,    transparent 70%  );  pointer-events: none;  z-index: 1;}/* ORBİT */.hero-orbit {  position: absolute;  top: 50%;  left: 50%;  width: 480px;  height: 480px;  transform: translate(-52%, -52%);  z-index: 2;  pointer-events: none;  animation: heroOrbit 90s linear infinite;  opacity: 0.45;}@keyframes heroOrbit {  from { transform: translate(-52%, -52%) rotate(0deg); }  to   { transform: translate(-52%, -52%) rotate(360deg); }}/* GEZEGEN CANVAS */.planet-canvas {  position: absolute;  inset: 0;  width: 100%;  height: 100%;  z-index: 3;  pointer-events: none;}/* FOTOĞRAF */.hero-photo {  position: absolute;  bottom: 0;  right: 0;  height: 100%;  width: 100%;  object-fit: cover;  object-position: center top;  z-index: 4;  will-change: transform;  transform: translateZ(0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  image-rendering: -webkit-optimize-contrast;  image-rendering: high-quality;  filter: brightness(1.14) saturate(1.1);  -webkit-mask-image:    linear-gradient(to top, transparent 0%, black 8%),    linear-gradient(to right, transparent 0%, black 100%),    linear-gradient(to left, transparent 0%, black 96%),    linear-gradient(to bottom, transparent 0%, black 6%);  -webkit-mask-composite: source-in;  mask-image:    linear-gradient(to top, transparent 0%, black 8%),    linear-gradient(to right, transparent 0%, black 100%),    linear-gradient(to left, transparent 0%, black 96%),    linear-gradient(to bottom, transparent 0%, black 6%);  mask-composite: intersect;}/* Alt fade — ayaklar zemine karışır */.hero-fade-bottom {  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 120px;  background: linear-gradient(to top,    #08051A 0%,    rgba(8,5,26,0.65) 40%,    transparent 100%  );  z-index: 5;  pointer-events: none;}/* Sol fade — devre dışı */.hero-fade-left {  display: none;}/* Üst fade */.hero-fade-top {  position: absolute;  top: 0;  left: 0;  right: 0;  height: 72px;  background: linear-gradient(to bottom,    #08051A 0%,    rgba(8,5,26,0.4) 50%,    transparent 100%  );  z-index: 5;  pointer-events: none;}/* ═══ KOZMOS BAR ═══ */@keyframes kbarPulse {  0%,100%{box-shadow:0 0 0 rgba(42,191,191,0);border-color:rgba(42,191,191,0.4)}  50%{box-shadow:0 0 20px rgba(42,191,191,0.35);border-color:rgba(42,191,191,0.95)}}@keyframes kbarSweep {  0%{transform:translateX(-200%)}  100%{transform:translateX(3000%)}}@keyframes kozmoShimmer {  0%{left:-80%}  60%,100%{left:140%}}.kozmos-bar {  position:relative;  background:    radial-gradient(ellipse 70% 160% at 50% 50%, rgba(42,191,191,0.07) 0%, transparent 55%),    radial-gradient(ellipse 35% 130% at 18% 50%, rgba(123,79,190,0.06) 0%, transparent 50%),    linear-gradient(105deg,rgba(6,4,18,1) 0%,rgba(8,18,24,1) 55%,rgba(6,4,18,1) 100%);  border-top:1px solid rgba(42,191,191,0.28);  border-bottom:0.5px solid rgba(42,191,191,0.1);  overflow:hidden;}.kozmos-bar::before {  content:'';position:absolute;top:0;left:0;right:0;height:1px;  background:linear-gradient(90deg,transparent,rgba(42,191,191,0.85) 50%,transparent);}.kozmos-bar::after {  content:'';position:absolute;top:0;bottom:0;width:60px;left:0;  background:linear-gradient(90deg,transparent,rgba(42,191,191,0.055),transparent);  animation:kbarSweep 8s ease-in-out infinite;pointer-events:none;}.kozmos-bar-inner {  max-width:1400px;margin:0 auto;  height:100px;padding:0 48px;  display:flex;align-items:center;justify-content:space-between;gap:20px;}.kozmos-bar-left {  display:flex;align-items:center;gap:14px;flex-shrink:0;}.kozmos-bar-icon {  font-size:24px;color:#2ABFBF;flex-shrink:0;line-height:1;  filter:drop-shadow(0 0 8px rgba(42,191,191,0.55));}.kozmos-bar-texts { display:flex;flex-direction:column;gap:5px; }.kozmos-bar-title {  font-family:'Cinzel',serif;font-size:11.5px;font-weight:700;  color:#2ABFBF;letter-spacing:2px;line-height:1;white-space:nowrap;  text-shadow:0 0 16px rgba(42,191,191,0.4);}.kozmos-bar-sub {  font-family:'Spectral',serif;font-size:12px;font-style:italic;  color:rgba(240,235,224,0.48);line-height:1;white-space:nowrap;}/* Phone screenshots — clipped inside bar height */.kozmos-bar-screens {  display:flex;align-items:flex-end;gap:6px;  height:100px;flex-shrink:0;  overflow:hidden;}.kbar-phone {  border-radius:14px 14px 0 0;overflow:hidden;flex-shrink:0;align-self:flex-start;}.kbar-phone img { display:block;width:100%;height:auto;pointer-events:none; }.kbar-phone-a {  width:72px;  border:0.5px solid rgba(42,191,191,0.5);  box-shadow:0 0 24px rgba(42,191,191,0.22);  transform:rotate(2deg) translateY(6px);  z-index:2;position:relative;}.kbar-phone-b {  width:58px;opacity:0.62;filter:brightness(0.72);  border:0.5px solid rgba(192,144,240,0.3);  transform:rotate(-3deg) translateY(10px);  z-index:1;position:relative;}.kozmos-bar-mid {  display:flex;align-items:center;gap:10px;flex:1;justify-content:center;}.kozmos-pill {  font-family:'Cinzel',serif;font-size:9px;letter-spacing:1px;  color:rgba(42,191,224,0.8);  border:0.5px solid rgba(42,191,191,0.25);border-radius:20px;  padding:5px 14px;white-space:nowrap;background:rgba(42,191,191,0.05);  transition:background 0.2s,border-color 0.2s;}.kozmos-pill:hover{background:rgba(42,191,191,0.12);border-color:rgba(42,191,191,0.55);}/* App feature badges */.kfeat {  font-family:'Cinzel',serif;font-size:9px;letter-spacing:1px;  border-radius:7px;padding:6px 13px;white-space:nowrap;  display:inline-flex;align-items:center;gap:6px;  transition:filter 0.2s,transform 0.2s;cursor:default;}.kfeat:hover{filter:brightness(1.2);transform:translateY(-1px);}.kfeat-teal{  color:#2ABFBF;  border:0.5px solid rgba(42,191,191,0.4);  background:rgba(42,191,191,0.1);}.kfeat-violet{  color:#C090F0;  border:0.5px solid rgba(192,144,240,0.4);  background:rgba(123,79,190,0.12);}.kfeat-amber{  color:#C8A860;  border:0.5px solid rgba(200,168,96,0.4);  background:rgba(200,168,96,0.08);}.kfeat-pink{  color:#E84E8A;  border:0.5px solid rgba(232,78,138,0.4);  background:rgba(232,78,138,0.09);}.kozmos-bar-right {  display:flex;align-items:center;gap:12px;flex-shrink:0;}.kozmos-free {  font-family:'Cinzel',serif;font-size:9px;font-weight:700;letter-spacing:2px;  color:#2ABFBF;border:0.5px solid rgba(42,191,191,0.38);border-radius:4px;  padding:5px 12px;background:rgba(42,191,191,0.07);white-space:nowrap;  animation:kbarPulse 2.8s ease-in-out infinite;}.kozmos-cta {  position:relative;overflow:hidden;  font-family:'Cinzel',serif;font-size:11px;font-weight:700;letter-spacing:2px;  color:#fff;  background:linear-gradient(125deg,#6B3FAE 0%,#1AAFAF 100%);  border-radius:8px;padding:13px 30px;text-decoration:none;white-space:nowrap;  box-shadow:    0 0 22px rgba(42,191,191,0.38),    0 0 52px rgba(123,79,190,0.18),    inset 0 1px 0 rgba(255,255,255,0.12);  transition:box-shadow 0.3s,transform 0.2s;  display:inline-block;}.kozmos-cta::before {  content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.18),transparent);  animation:kozmoShimmer 3s ease-in-out infinite;  pointer-events:none;}.kozmos-cta:hover{  box-shadow:    0 0 38px rgba(42,191,191,0.62),    0 0 76px rgba(123,79,190,0.32),    inset 0 1px 0 rgba(255,255,255,0.18);  transform:translateY(-2px);}/* ─── ABOVE FOLD ─── */.above-fold {  display: flex;  flex-direction: column;  height: calc(100vh - 76px);  height: calc(100dvh - 76px);  overflow: hidden;}.above-fold > .hero {  flex: 1;  min-height: 320px;  height: auto;}.above-fold > .kozmos-bar { flex-shrink: 0; }/* ─── SECTION ─── */.section { max-width:1200px; margin:0 auto; padding:80px 60px; }.section-eyebrow { font-family:'Cinzel',serif; font-size:11px; letter-spacing:3px; color:var(--teal); margin-bottom:12px; }.section-title {  font-size:clamp(24px,3vw,38px); margin-bottom:16px;  background:linear-gradient(135deg,var(--text) 60%,var(--violet-pale));  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;}.section-sub { font-size:16px; color:var(--muted); max-width:560px; font-style:italic; margin-bottom:48px; }/* ─── EĞİTİM KARTLARI ─── */.egitim-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }.egitim-kart {  background:var(--bg2); border:0.5px solid rgba(123,79,190,0.15);  border-radius:16px; padding:32px; position:relative;  transition:transform 0.25s, border-color 0.25s;}.egitim-kart:hover { transform:translateY(-4px); border-color:rgba(123,79,190,0.4); }.egitim-kart.populer {  border-color:rgba(123,79,190,0.5);  background:linear-gradient(160deg,rgba(123,79,190,0.08),var(--bg2));}.populer-badge {  position:absolute; top:20px; right:20px;  font-family:'Cinzel',serif; font-size:9px; letter-spacing:2px;  background:linear-gradient(135deg,var(--violet),var(--violet-light));  padding:5px 12px; border-radius:20px;}.kart-seviye { font-family:'Cinzel',serif; font-size:9px; letter-spacing:3px; color:var(--teal); margin-bottom:12px; }.kart-seviye.pink { color:var(--pink); }.kart-baslik { font-size:20px; margin-bottom:12px; }.kart-aciklama { font-size:14px; color:var(--muted); margin-bottom:24px; }.kart-meta { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px; }.kart-chip { font-size:11px; border:1px solid var(--border); color:var(--text-body); padding:4px 12px; border-radius:20px; }.kart-fiyat { font-family:'Cinzel',serif; font-size:28px; color:var(--violet-pale); margin-bottom:20px; }.kart-btn {  display:block; text-align:center;  font-family:'Cinzel',serif; font-size:11px; letter-spacing:1.5px;  border:0.5px solid rgba(123,79,190,0.4); color:var(--violet-pale);  padding:12px; border-radius:8px; transition:background 0.2s, border-color 0.2s;}.kart-btn:hover { background:rgba(123,79,190,0.15); border-color:var(--violet); }.kart-btn.pink { border-color:rgba(232,78,138,0.4); color:var(--pink); }.kart-btn.pink:hover { background:rgba(232,78,138,0.1); border-color:var(--pink); }/* ═══ DANIŞMANLAR ═══ */.dan-cards-home {  display: flex;  flex-direction: column;  gap: 40px;}.danismanlar {  max-width: 1200px;  margin: 0 auto;  padding: 100px 48px;  display: flex;  flex-direction: column;  gap: 64px;}.dan-section-header { text-align: center; margin-bottom: 16px; }.dan-section-tag {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 3px;  color: #7B4FBE;  margin-bottom: 14px;}.dan-section-title {  font-family: 'Cinzel', serif;  font-size: 32px;  font-weight: 700;  color: #F0EBE0;  margin-bottom: 10px;}.dan-section-sub {  font-family: 'Spectral', serif;  font-size: 15px;  font-style: italic;  color: rgba(240,235,224,0.4);}.dan-card {  display: grid;  grid-template-columns: 340px 1fr;  background: rgba(255,255,255,0.02);  border: 0.5px solid rgba(123,79,190,0.15);  border-radius: 20px;  overflow: hidden;  min-height: 460px;}.dan-card-reverse {  grid-template-columns: 1fr 340px;}.dan-card-reverse .dan-photo-col { order: 2; }.dan-card-reverse .dan-body { order: 1; }.dan-photo-col {  position: relative;  overflow: hidden;  background: linear-gradient(160deg, rgba(123,79,190,0.12) 0%, rgba(8,5,26,0.95) 100%);}.dan-photo-wrap {  position: relative;  width: 100%;  height: 100%;  min-height: 460px;}.dan-photo {  width: 100%;  height: 100%;  object-fit: cover;  object-position: top center;  display: block;  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);}.dan-photo-placeholder {  display: none;  position: absolute;  inset: 0;  flex-direction: column;  align-items: center;  justify-content: center;  gap: 12px;}.dan-placeholder-icon { font-size: 48px; color: rgba(123,79,190,0.3); }.dan-placeholder-text {  font-family: 'Cinzel', serif;  font-size: 13px;  color: rgba(240,235,224,0.2);  letter-spacing: 2px;}.dan-fade-bottom {  position: absolute; bottom: 0; left: 0; right: 0; height: 140px;  background: linear-gradient(to top, rgba(8,5,26,0.95) 0%, rgba(8,5,26,0.5) 50%, transparent 100%);  pointer-events: none; z-index: 2;}.dan-fade-right {  position: absolute; top: 0; right: 0; width: 80px; height: 100%;  background: linear-gradient(to left, rgba(8,5,26,0.6) 0%, transparent 100%);  pointer-events: none; z-index: 2;}.dan-fade-left {  position: absolute; top: 0; left: 0; width: 80px; height: 100%;  background: linear-gradient(to right, rgba(8,5,26,0.6) 0%, transparent 100%);  pointer-events: none; z-index: 2;}.dan-fade-top {  position: absolute; top: 0; left: 0; right: 0; height: 60px;  background: linear-gradient(to bottom, rgba(8,5,26,0.4) 0%, transparent 100%);  pointer-events: none; z-index: 2;}.dan-planet-tag {  position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);  display: flex; align-items: center; gap: 6px;  background: rgba(8,5,26,0.7);  border: 0.5px solid rgba(123,79,190,0.3);  border-radius: 20px; padding: 6px 16px;  z-index: 3; white-space: nowrap;}.dan-planet-symbol { font-size: 14px; color: #C090F0; }.dan-planet-name {  font-family: 'Cinzel', serif; font-size: 9px;  letter-spacing: 2px; color: rgba(192,144,240,0.7);}.dan-body {  padding: 48px 44px;  display: flex; flex-direction: column;  justify-content: center; gap: 0;}.dan-name-row { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }.dan-name {  font-family: 'Cinzel', serif;  font-size: 26px; font-weight: 700; color: #F0EBE0;}.dan-badge {  font-family: 'Cinzel', serif; font-size: 8px; letter-spacing: 2px;  color: #7B4FBE; border: 0.5px solid rgba(123,79,190,0.4);  border-radius: 4px; padding: 4px 10px;  background: rgba(123,79,190,0.08);}.dan-title-text {  font-family: 'Spectral', serif; font-size: 13px; font-style: italic;  color: rgba(192,144,240,0.6); margin-bottom: 20px;}.dan-desc {  font-family: 'Spectral', serif; font-size: 15px;  color: rgba(240,235,224,0.45); line-height: 1.9; margin-bottom: 24px;}.dan-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }.dan-chip {  font-family: 'Inter', 'Cinzel', serif; font-size: 11px; letter-spacing: 0.5px;  color: var(--violet-pale);  border: 1px solid var(--border);  border-radius: 20px; padding: 5px 13px;  background: rgba(139,95,206,0.08);}.dan-cta {  display: inline-block; align-self: flex-start;  font-family: 'Cinzel', serif; font-size: 10px; font-weight: 700;  letter-spacing: 1.5px; color: #fff;  background: linear-gradient(135deg, #7B4FBE, #9B6FDE);  padding: 12px 28px; border-radius: 6px; text-decoration: none;  box-shadow: 0 0 24px rgba(123,79,190,0.3); transition: box-shadow 0.2s;}.dan-cta:hover { box-shadow: 0 0 40px rgba(123,79,190,0.5); }/* ─── CTA TOPLULUK ─── */.cta-section {  background:linear-gradient(135deg,rgba(123,79,190,0.12),rgba(42,191,191,0.06));  border-top:0.5px solid rgba(123,79,190,0.2);  border-bottom:0.5px solid rgba(123,79,190,0.2);  padding:80px 60px; text-align:center;}.cta-section h2 { font-size:36px; margin-bottom:16px; line-height:1; }.cta-title-line1 {  display: block;  font-family: 'Cinzel', serif;  font-size: 16px;  letter-spacing: 3px;  color: rgba(192,144,240,0.6);  margin-bottom: 10px;  font-weight: 400;}.cta-title-line2 {  display: block;  font-family: 'Cinzel', serif;  font-size: 42px;  font-weight: 700;  color: #F0EBE0;  line-height: 1.15;  letter-spacing: 0.5px;}.cta-section p { color:var(--muted); font-size:16px; font-style:italic; margin-bottom:36px; }.cta-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }/* ─── REFERANSLAR ─── */.ref-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }.ref-kart {  background:var(--bg2); border-radius:16px; padding:28px;  border:0.5px solid var(--dim); position:relative; overflow:hidden;}.ref-kart::before {  content:''; position:absolute; top:0; left:0; right:0; height:2px;  background:linear-gradient(90deg,var(--violet),var(--teal),var(--pink));}.ref-quote { font-size:15px; color:var(--muted); font-style:italic; margin-bottom:20px; line-height:1.65; }.ref-stars { color:var(--violet-pale); font-size:13px; margin-bottom:12px; }.ref-autor { font-family:'Cinzel',serif; font-size:12px; color:var(--text); }.ref-sehir { font-size:11px; color:var(--muted); }/* ─── FOOTER ─── */footer { background:var(--bg2); padding:14px 36px; position:relative; }footer::before {  content:''; position:absolute; top:0; left:0; right:0; height:1px;  background:linear-gradient(90deg,transparent 0%,rgba(123,79,190,0.55) 25%,rgba(42,191,191,0.7) 50%,rgba(192,144,240,0.55) 75%,transparent 100%);}.footer-inner {  max-width:1200px; margin:0 auto;  display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; margin-bottom:48px;}.footer-brand-name {  font-family:'Cinzel',serif; font-size:16px; color:var(--violet-pale);  margin-bottom:8px; text-shadow:0 0 28px rgba(123,79,190,0.4);}.footer-brand-sub { font-size:11px; color:var(--muted); letter-spacing:1px; margin-bottom:16px; }.footer-brand-desc { font-size:13px; color:var(--muted); line-height:1.7; }.footer-col-title { font-family:'Cinzel',serif; font-size:11px; letter-spacing:2px; color:var(--violet-pale); margin-bottom:16px; }.footer-col a { display:block; font-size:13px; color:var(--muted); margin-bottom:10px; transition:color 0.2s, transform 0.2s; }.footer-col a:hover { color:var(--text); transform:translateX(5px); }.footer-bottom {  max-width:1200px; margin:0 auto;  border-top:0.5px solid var(--dim); padding-top:24px;  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;}.footer-copy { font-size:12px; color:var(--muted); }.footer-by { font-size:11px; color:var(--dim); letter-spacing:1px; }.footer-by a { color:rgba(123,79,190,0.5); transition:color 0.2s; }.footer-by a:hover { color:var(--violet-pale); }.flowintor-badge {  display:inline-flex; align-items:center; gap:7px;  text-decoration:none; color:var(--muted);  font-family:'Cinzel',serif; font-size:12px; letter-spacing:2px; font-weight:700;  transition:color 0.3s;}.flowintor-badge svg { transition:color 0.3s; flex-shrink:0; }.flowintor-badge:hover { color:var(--violet-pale); }/* ─── MOBİL ALT NAV ─── */.mbn {  display:none; position:fixed; bottom:0; left:0; right:0; z-index:9999;  background:rgba(6,4,16,0.93);  backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);  border-top:0.5px solid rgba(123,79,190,0.2);}.mbn::before {  content:''; position:absolute; top:0; left:0; right:0; height:1px;  background:linear-gradient(90deg,transparent,rgba(123,79,190,0.5) 30%,rgba(42,191,191,0.65) 50%,rgba(192,144,240,0.5) 70%,transparent);}.mbn-list {  display:flex; justify-content:space-around; align-items:center;  padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));}.mbn-item {  display:flex; flex-direction:column; align-items:center; gap:4px;  padding:7px 0 4px; text-decoration:none;  color:rgba(240,235,224,0.3); transition:color 0.2s, transform 0.15s;  position:relative; flex:1; min-height:52px; justify-content:center;  -webkit-tap-highlight-color:transparent;}.mbn-item:active { transform:scale(0.88); }.mbn-item.active { color:var(--violet-pale); }.mbn-icon {  font-size:21px; line-height:1; display:block;  transition:transform 0.25s cubic-bezier(0.4,0,0.2,1), filter 0.25s;}.mbn-item.active .mbn-icon {  transform:translateY(-3px);  filter:drop-shadow(0 0 8px rgba(192,144,240,0.65));}.mbn-label { font-family:'Cinzel',serif; font-size:7.5px; letter-spacing:0.5px; line-height:1; white-space:nowrap; }.mbn-dot {  position:absolute; bottom:2px; left:50%; transform:translateX(-50%);  width:4px; height:4px; border-radius:50%;  background:linear-gradient(135deg,var(--teal),var(--violet-pale));  opacity:0; transition:opacity 0.25s;}.mbn-item.active .mbn-dot { opacity:1; }.mbn-active-bar {  position:absolute; top:0; left:25%; right:25%; height:2px;  background:linear-gradient(90deg,transparent,rgba(192,144,240,0.8),transparent);  opacity:0; transition:opacity 0.25s; border-radius:0 0 3px 3px;}.mbn-item.active .mbn-active-bar { opacity:1; }/* Per-category nav colors: Eğitimler=amber, Danışman=teal, Kozmos=cyan, Keşfet=rose, İletişim=pink */.mbn-icon { font-size:19px; }.mbn-list a:nth-child(2).active { color:rgba(200,168,96,0.9); }.mbn-list a:nth-child(2).active .mbn-active-bar { background:linear-gradient(90deg,transparent,rgba(200,168,96,0.85),transparent); }.mbn-list a:nth-child(2).active .mbn-icon { filter:drop-shadow(0 0 8px rgba(200,168,96,0.7)); }.mbn-list a:nth-child(2).active .mbn-dot { background:linear-gradient(135deg,rgba(200,168,96,0.9),rgba(200,168,96,0.6)); }.mbn-list a:nth-child(3).active { color:rgba(42,191,191,0.9); }.mbn-list a:nth-child(3).active .mbn-active-bar { background:linear-gradient(90deg,transparent,rgba(42,191,191,0.85),transparent); }.mbn-list a:nth-child(3).active .mbn-icon { filter:drop-shadow(0 0 8px rgba(42,191,191,0.7)); }.mbn-list a:nth-child(3).active .mbn-dot { background:linear-gradient(135deg,rgba(42,191,191,0.9),rgba(42,191,191,0.6)); }.mbn-list a:nth-child(4).active { color:rgba(42,191,191,0.9); }.mbn-list a:nth-child(4).active .mbn-active-bar { background:linear-gradient(90deg,transparent,rgba(42,191,191,0.75),transparent); }.mbn-list a:nth-child(4).active .mbn-icon { filter:drop-shadow(0 0 8px rgba(42,191,191,0.65)); }.mbn-list a:nth-child(4).active .mbn-dot { background:linear-gradient(135deg,rgba(42,191,191,0.85),rgba(42,191,191,0.55)); }.mbn-list a:nth-child(5).active { color:rgba(240,130,100,0.9); }.mbn-list a:nth-child(5).active .mbn-active-bar { background:linear-gradient(90deg,transparent,rgba(240,130,100,0.85),transparent); }.mbn-list a:nth-child(5).active .mbn-icon { filter:drop-shadow(0 0 8px rgba(240,130,100,0.7)); }.mbn-list a:nth-child(5).active .mbn-dot { background:linear-gradient(135deg,rgba(240,130,100,0.9),rgba(240,130,100,0.6)); }.mbn-list a:nth-child(6).active { color:rgba(232,78,138,0.9); }.mbn-list a:nth-child(6).active .mbn-active-bar { background:linear-gradient(90deg,transparent,rgba(232,78,138,0.85),transparent); }.mbn-list a:nth-child(6).active .mbn-icon { filter:drop-shadow(0 0 8px rgba(232,78,138,0.7)); }.mbn-list a:nth-child(6).active .mbn-dot { background:linear-gradient(135deg,rgba(232,78,138,0.9),rgba(232,78,138,0.6)); }/* ─── PAGE HERO (alt sayfalar) ─── */.page-hero {  position:relative; overflow:hidden;  background:radial-gradient(ellipse at 30% 50%,rgba(123,79,190,0.15) 0%,transparent 60%),var(--bg);  padding:80px 60px 60px; text-align:center;  border-bottom:0.5px solid var(--dim);}.page-hero-eye { font-family:'Cinzel',serif; font-size:11px; letter-spacing:3px; color:var(--teal); margin-bottom:12px; position:relative; z-index:2; }.page-hero h1 { font-size:clamp(28px,4vw,52px); margin-bottom:16px; position:relative; z-index:2; }.page-hero p { font-size:17px; color:var(--muted); font-style:italic; max-width:600px; margin:0 auto; position:relative; z-index:2; }/* Yıldız canvas — page hero için */.page-hero-stars-canvas {  position:absolute; inset:0; width:100%; height:100%;  pointer-events:none; z-index:0;}/* Gezegen — sağ üst köşe */.page-hero-planet {  position:absolute; top:24px; right:60px;  width:68px; height:68px; border-radius:50%;  background:radial-gradient(circle at 36% 34%,#EDD8FF 0%,#C090F0 28%,#8040C0 58%,#4C1090 100%);  box-shadow:    0 0 40px rgba(160,80,240,0.8),    0 0 90px rgba(140,60,220,0.45),    0 0 180px rgba(120,50,200,0.22),    0 0 320px rgba(100,40,180,0.10);  pointer-events:none; z-index:1;}.page-hero-planet-glow {  position:absolute; top:-120px; right:-120px;  width:600px; height:600px; border-radius:50%;  background:radial-gradient(circle,    rgba(150,80,230,0.13) 0%,    rgba(120,50,200,0.07) 30%,    rgba(100,40,180,0.03) 55%,    transparent 70%  );  pointer-events:none; z-index:0;}/* ─── GLOBAL SITE MOON — JS ile inject edilir ─── */.site-moon {  position:fixed; top:100px; right:48px;  width:68px; height:68px; border-radius:50%;  background:radial-gradient(circle at 36% 34%,#EDD8FF 0%,#C090F0 28%,#8040C0 58%,#4C1090 100%);  box-shadow:    0 0 40px rgba(160,80,240,0.8),    0 0 90px rgba(140,60,220,0.45),    0 0 180px rgba(120,50,200,0.22),    0 0 320px rgba(100,40,180,0.10);  z-index:9990; pointer-events:none;}.smc1 { position:absolute; width:10px; height:10px; border-radius:50%; background:rgba(0,0,0,0.15); top:15px; left:16px; }.smc2 { position:absolute; width:6px; height:6px; border-radius:50%; background:rgba(0,0,0,0.12); top:30px; left:38px; }.smc3 { position:absolute; width:8px; height:8px; border-radius:50%; background:rgba(0,0,0,0.10); top:40px; left:14px; }.site-moon-glow {  position:fixed; top:-120px; right:-120px;  width:600px; height:600px; border-radius:50%;  background:radial-gradient(circle,    rgba(150,80,230,0.13) 0%,    rgba(120,50,200,0.07) 30%,    rgba(100,40,180,0.03) 55%,    transparent 70%  );  pointer-events:none; z-index:9989;}/* Page-specific hero accents */.page-hero-dan {  background:radial-gradient(ellipse at 85% 15%,rgba(120,50,200,0.22) 0%,transparent 45%),             radial-gradient(ellipse at 20% 70%,rgba(42,191,191,0.07) 0%,transparent 50%),             var(--bg);  border-top:1px solid rgba(123,79,190,0.25);}.page-hero-dan .page-hero-eye { color:var(--teal); }.page-hero-contact {  background:radial-gradient(ellipse at 70% 50%,rgba(232,78,138,0.12) 0%,transparent 60%),var(--bg);  border-top:1px solid rgba(232,78,138,0.28);}.page-hero-contact .page-hero-eye { color:var(--pink); }/* ─── İLETİŞİM FORMU ─── */.iletisim-wrap {  max-width:1200px; margin:0 auto; padding:80px 60px;  display:grid; grid-template-columns:1fr 380px; gap:60px;}.form-group { margin-bottom:20px; }.form-label { font-family:'Cinzel',serif; font-size:11px; letter-spacing:1px; color:var(--muted); display:block; margin-bottom:8px; }.form-input, .form-select, .form-textarea {  width:100%; background:var(--bg2);  border:1px solid var(--border);  border-radius:8px; padding:14px 16px;  color:var(--text); font-family:'Inter','Spectral',serif; font-size:15px;  outline:none; transition:border-color 0.2s;}.form-input:focus, .form-select:focus, .form-textarea:focus { border-color:var(--violet-light); outline: 2px solid rgba(168,126,232,0.3); outline-offset: 1px; }.form-input::placeholder, .form-textarea::placeholder { color: rgba(200,192,232,0.35); }.form-select option { background:var(--bg2); }.form-textarea { min-height:140px; resize:vertical; }.form-btn {  font-family:'Cinzel',serif; font-size:12px; letter-spacing:1.5px;  background:linear-gradient(135deg,var(--violet),var(--violet-light));  border:none; color:var(--text); cursor:pointer;  padding:14px 32px; border-radius:8px; transition:opacity 0.2s; width:100%;}.form-btn:hover { opacity:0.85; }.form-success {  display:none; text-align:center; padding:20px;  background:rgba(42,191,191,0.1); border:0.5px solid var(--teal);  border-radius:8px; color:var(--teal); margin-top:16px;}.iletisim-info { padding-top:8px; }.info-block { margin-bottom:32px; }.info-label { font-family:'Cinzel',serif; font-size:10px; letter-spacing:2px; color:var(--teal); margin-bottom:8px; }.info-val { font-size:15px; color:var(--muted); }.sosyal-links { display:flex; gap:12px; flex-wrap:wrap; margin-top:16px; }.sosyal-link {  font-family:'Cinzel',serif; font-size:10px; letter-spacing:1px;  border:1px solid var(--border); color:var(--violet-pale);  padding:8px 16px; border-radius:6px; transition:background 0.2s, border-color 0.2s;}.sosyal-link:hover { background:rgba(139,95,206,0.12); border-color:var(--border-hover); color: #fff; }/* ─── VEDİK KOZMOS SAYFASI ─── */.kozmos-page-hero {  padding:80px 60px;  background:radial-gradient(ellipse at 20% 50%,rgba(42,191,191,0.12) 0%,transparent 55%),             radial-gradient(ellipse at 80% 30%,rgba(123,79,190,0.15) 0%,transparent 55%),var(--bg);}.kozmos-page-inner {  max-width:1200px; margin:0 auto;  display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}.kozmos-title-eye { font-family:'Cinzel',serif; font-size:11px; letter-spacing:3px; color:var(--teal); margin-bottom:12px; }.kozmos-title {  font-size:clamp(28px,4vw,52px); margin-bottom:16px;  background:linear-gradient(135deg,var(--text) 40%,var(--teal));  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;}.kozmos-sub { font-size:17px; color:var(--muted); font-style:italic; margin-bottom:32px; }.kozmos-phone-big {  width:220px; height:400px; border-radius:36px;  background:linear-gradient(160deg,rgba(17,13,42,0.95),rgba(12,8,32,0.98));  border:0.5px solid rgba(42,191,191,0.4);  display:flex; align-items:center; justify-content:center;  box-shadow:0 0 60px rgba(42,191,191,0.1);  margin:0 auto; animation:float 5s ease-in-out infinite;  position:relative; overflow:hidden;}@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }.kozmos-dl-btns { display:flex; gap:12px; flex-wrap:wrap; margin-top:32px; }.kozmos-dl-btn {  display:flex; align-items:center; gap:10px;  font-family:'Cinzel',serif; font-size:11px; letter-spacing:1px;  border:0.5px solid rgba(42,191,191,0.4); color:var(--teal);  padding:12px 20px; border-radius:10px; transition:background 0.2s, transform 0.2s;}.kozmos-dl-btn:hover { background:rgba(42,191,191,0.08); transform:translateY(-2px); }.ozellik-grid-big { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; }.ozellik-kart-big {  background:var(--bg2); border:0.5px solid var(--dim);  border-radius:16px; padding:32px;  transition:border-color 0.25s, transform 0.25s;}.ozellik-kart-big:hover { border-color:rgba(42,191,191,0.3); transform:translateY(-4px); }.ok-ikon { font-size:36px; margin-bottom:16px; }.ok-baslik { font-family:'Cinzel',serif; font-size:16px; margin-bottom:10px; }.ok-desc { font-size:14px; color:var(--muted); line-height:1.65; }.kozmos-cta {  background:linear-gradient(135deg,rgba(42,191,191,0.08),rgba(123,79,190,0.08));  border-top:0.5px solid rgba(42,191,191,0.2);  border-bottom:0.5px solid rgba(123,79,190,0.2);  text-align:center; padding:80px 60px;}/* ─── RESPONSIVE ─── */@media(max-width:1024px){  .egitim-grid { grid-template-columns:repeat(2,1fr); }  .ref-grid { grid-template-columns:repeat(2,1fr); }  .footer-inner { grid-template-columns:1fr 1fr; }  .ozellik-grid-big { grid-template-columns:repeat(2,1fr); }}@media(max-width:768px){  .nav-mobile-extras {    display: flex;    align-items: center;    justify-content: space-between;    padding: 14px 24px 10px;    border-top: 0.5px solid rgba(123,79,190,0.15);    margin-top: 4px;  }  .nav-mobile-login {    font-family: 'Cinzel', serif;    font-size: 11px;    font-weight: 700;    letter-spacing: 1px;    color: rgba(192,144,240,0.8);    border: 0.5px solid rgba(123,79,190,0.38);    border-radius: 20px;    padding: 8px 16px;    text-decoration: none;  }  .nav-user-mobile {    padding: 5px 12px 5px 5px;    border: 0.5px solid rgba(123,79,190,0.38);    border-radius: 20px;    display: flex;    align-items: center;    gap: 6px;    text-decoration: none;  }  .nav-user-mobile .nav-user-name { font-size: 11px; color: rgba(192,144,240,0.85); }  .nav-user-mobile .nav-user-photo { width: 22px; height: 22px; }  .nav-user-mobile .nav-user-initials { width: 22px; height: 22px; font-size: 7px; }  .hero { grid-template-columns:1fr; min-height:calc(100svh - 76px - 72px); min-height:calc(100vh - 76px - 72px); }  .hero-left { padding:52px 28px 44px; text-align:center; align-items:center; }  .hero-h1 { font-size:36px; }  .hero-sub { max-width:100%; }  .hero-trust { justify-content:center; }  .hero-btns { justify-content:center; }  .hero-right { display:none; }  .kozmos-bar-inner { height:auto;flex-direction:column;padding:16px 20px;gap:12px;align-items:flex-start; }  .kozmos-bar-screens { display:none; }  .kozmos-bar-mid { flex-wrap:wrap;gap:8px;justify-content:flex-start; }  .kozmos-bar-right { width:100%;justify-content:space-between; }  .kozmos-bar-title { white-space:normal;font-size:11px; }  .kozmos-bar-sub { white-space:normal; }  .kozmos-bar .kozmos-cta { flex: unset; align-self: flex-start; padding: 10px 18px; }  /* above-fold mobilde serbest — hero tam ekran, scroll doğal */  .above-fold { height: auto; overflow: visible; }  .above-fold > .hero {    min-height: calc(100svh - 76px - 72px);    min-height: calc(100dvh - 76px - 72px);    height: auto;  }  .section { padding:60px 24px; }  .egitim-grid { grid-template-columns:1fr; }  .dan-card { grid-template-columns:1fr; }  .dan-photo { min-height:200px; }  .ref-grid { grid-template-columns:1fr; }  .footer-inner { grid-template-columns:1fr; }  footer { padding:40px 24px; }  .iletisim-wrap { grid-template-columns:1fr; padding:40px 24px; }  .kozmos-page-inner { grid-template-columns:1fr; }  .ozellik-grid-big { grid-template-columns:1fr; }  .cta-section { padding:60px 24px; }  .page-hero { padding:60px 24px 40px; }  .kozmos-page-hero { padding:40px 24px; }  .kozmos-cta { padding:60px 24px; }  .dan-card { min-height: auto; }  .dan-photo-col { height: 280px; }  .dan-photo-wrap { height: 280px; min-height: unset; }  .dan-body { padding: 28px 20px; }  .dan-card-reverse .dan-photo-col { order: 1; }  .dan-card-reverse .dan-body { order: 2; }  .dan-name { font-size: 22px; }  .nav-logo-img { display:none; }  .mbn { display:block !important; }  body { padding-bottom:72px; }}@media(max-width:480px) {  .nav-logo-line2 { display: none; }  .hero-h1 { font-size: 30px; }  .hero-sub { font-size: 14px; }  .hero-btns { flex-direction: row; gap: 10px; flex-wrap: wrap; justify-content: center; }  .hero-btns .btn-primary, .hero-btns .btn-ghost { flex:1; min-width:130px; text-align: center; }  .ders-hero-title { font-size: 22px; }  .eg-hero-title { font-size: 26px; }  .cta-section h2 { font-size: 26px; }  .section-title { font-size: 22px; }  .page-hero h1 { font-size: 26px; }  .dan-name { font-size: 20px; }  .ozellik-kart-big { padding: 24px; }  .kozmos-dl-btns { flex-direction: column; }  .kozmos-dl-btn { width: 100%; }  .kozmos-cta-h2 { font-size: 22px; }  .form-input, .form-select, .form-textarea { font-size: 16px; }}/* ═══ EĞİTİM HERO ═══ */.eg-hero {  position: relative;  height: 380px;  background: #08051A;  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;}.eg-hero-moon {  position: absolute;  top: 24px;  right: 60px;  width: 68px;  height: 68px;  border-radius: 50%;  background: radial-gradient(circle at 36% 34%, #EDD8FF 0%, #C090F0 28%, #8040C0 58%, #4C1090 100%);  box-shadow:    0 0 40px rgba(160,80,240,0.8),    0 0 90px rgba(140,60,220,0.45),    0 0 180px rgba(120,50,200,0.22),    0 0 320px rgba(100,40,180,0.10);  pointer-events: none;  z-index: 2;}.eg-hero-moon-glow {  position: absolute;  top: -120px; right: -120px;  width: 600px; height: 600px;  border-radius: 50%;  background: radial-gradient(circle,    rgba(150,80,230,0.13) 0%,    rgba(120,50,200,0.07) 30%,    rgba(100,40,180,0.03) 55%,    transparent 70%  );  pointer-events: none; z-index: 1;}.eg-hero-content {  text-align: center;  position: relative;  z-index: 3;  padding: 0 40px;}.eg-hero-tag {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 3px;  color: #C8A860;  margin-bottom: 16px;}.eg-hero { border-top: 1px solid rgba(200,168,96,0.3); }.eg-hero-title {  font-family: 'Cinzel', serif;  font-size: 52px;  font-weight: 700;  color: #F0EBE0;  line-height: 1.1;  margin-bottom: 16px;}.eg-hero-title em {  font-style: normal;  background: linear-gradient(135deg, #9B6FDE, #C090F0);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;}.eg-hero-sub {  font-family: 'Spectral', serif;  font-size: 16px;  font-style: italic;  color: rgba(240,235,224,0.4);  line-height: 1.8;}/* ═══ DUYURU BANDI ═══ */.duyuru-band {  background: linear-gradient(135deg, rgba(232,78,138,0.08) 0%, rgba(123,79,190,0.08) 100%);  border-top: 0.5px solid rgba(232,78,138,0.2);  border-bottom: 0.5px solid rgba(232,78,138,0.2);}.duyuru-inner {  max-width: 1200px;  margin: 0 auto;  padding: 18px 48px;  display: flex;  align-items: center;  justify-content: space-between;  gap: 24px;}.duyuru-left {  display: flex;  align-items: center;  gap: 16px;}.duyuru-icon {  font-size: 18px;  color: #E84E8A;  flex-shrink: 0;}.duyuru-label {  font-family: 'Cinzel', serif;  font-size: 8px;  letter-spacing: 2px;  color: #E84E8A;  margin-bottom: 4px;}.duyuru-text {  font-family: 'Spectral', serif;  font-size: 14px;  font-style: italic;  color: rgba(240,235,224,0.65);  line-height: 1.4;}.duyuru-btn {  font-family: 'Cinzel', serif;  font-size: 10px;  font-weight: 700;  letter-spacing: 1px;  color: #fff;  background: linear-gradient(135deg, #E84E8A, #C03060);  padding: 10px 22px;  border-radius: 6px;  text-decoration: none;  white-space: nowrap;  flex-shrink: 0;  box-shadow: 0 0 20px rgba(232,78,138,0.25);  transition: opacity 0.2s;}.duyuru-btn:hover { opacity: 0.85; }/* ═══ 3 KAPI ═══ */.kapilar {  max-width: 1200px;  margin: 0 auto;  padding: 64px 48px;  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 24px;}.kapi {  background: rgba(255,255,255,0.02);  border: 0.5px solid rgba(123,79,190,0.15);  border-radius: 16px;  overflow: hidden;  position: relative;  cursor: pointer;  min-height: 360px;  display: flex;  flex-direction: column;  transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;}.kapi:hover {  border-color: rgba(123,79,190,0.45);  transform: translateY(-4px);  box-shadow: 0 16px 48px rgba(8,5,26,0.6);}.kapi-temel:hover { border-color: rgba(42,191,191,0.45); }.kapi-portal:hover { border-color: rgba(232,78,138,0.35); }.kapi-bg-symbol {  position: absolute;  top: 12px;  right: 20px;  font-size: 90px;  color: rgba(123,79,190,0.08);  font-family: 'Cinzel', serif;  pointer-events: none;  line-height: 1;  z-index: 0;}.kapi-orbit {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%) scaleX(1.6);  width: 280px;  height: 280px;  border-radius: 50%;  border: 0.5px solid rgba(123,79,190,0.08);  pointer-events: none;  z-index: 0;  animation: kapiorbit 20s linear infinite;}@keyframes kapiorbit {  from { transform: translate(-50%, -50%) rotate(0deg) scaleX(1.6); }  to   { transform: translate(-50%, -50%) rotate(360deg) scaleX(1.6); }}.kapi-body {  position: relative;  z-index: 2;  padding: 32px 28px;  display: flex;  flex-direction: column;  flex: 1;  gap: 12px;}.kapi-seviye {  display: flex;  align-items: center;  gap: 8px;  font-family: 'Cinzel', serif;  font-size: 8px;  letter-spacing: 2px;  color: rgba(240,235,224,0.4);}.kapi-dot {  width: 7px;  height: 7px;  border-radius: 50%;  flex-shrink: 0;}.kapi-dot-teal   { background: #2ABFBF; box-shadow: 0 0 8px rgba(42,191,191,0.6); }.kapi-dot-violet { background: #9B6FDE; box-shadow: 0 0 8px rgba(123,79,190,0.6); }.kapi-dot-pink   { background: #E84E8A; box-shadow: 0 0 8px rgba(232,78,138,0.6); }.kapi-title {  font-family: 'Cinzel', serif;  font-size: 22px;  font-weight: 700;  color: #F0EBE0;  line-height: 1.2;  margin: 0;}.kapi-meta {  font-family: 'Spectral', serif;  font-size: 12px;  font-style: italic;  color: rgba(240,235,224,0.35);  line-height: 1.4;}.kapi-chips {  display: flex;  flex-wrap: wrap;  gap: 6px;  margin-top: 4px;}.kapi-chip {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 0.8px;  color: rgba(192,144,240,0.95);  border: 0.5px solid rgba(123,79,190,0.45);  border-radius: 20px;  padding: 5px 12px;  background: rgba(123,79,190,0.12);}.kapi-btn {  margin-top: auto;  font-family: 'Cinzel', serif;  font-size: 11px;  font-weight: 700;  letter-spacing: 1px;  padding: 14px 20px;  border-radius: 8px;  display: flex;  align-items: center;  justify-content: space-between;  transition: box-shadow 0.2s;}.kapi-temel .kapi-btn { background: linear-gradient(135deg, #2ABFBF, #1A9090); color: #08051A; }.kapi-ileri .kapi-btn { background: linear-gradient(135deg, #7B4FBE, #9B6FDE); color: #fff; }.kapi-portal .kapi-btn { background: linear-gradient(135deg, #2A2040, #3A2860); color: rgba(192,144,240,0.8); border: 0.5px solid rgba(123,79,190,0.3); }/* ═══ KAPİ MÜFREDAT ═══ */.kapi-footer {  display: flex;  align-items: center;  gap: 10px;  margin-top: auto;}.kapi-footer .kapi-btn {  margin-top: 0;  flex: 1;}.kapi-mufredat-toggle {  flex-shrink: 0;  font-family: 'Cinzel', serif;  font-size: 9px;  font-weight: 700;  letter-spacing: 1px;  color: rgba(192,144,240,0.65);  border: 0.5px solid rgba(123,79,190,0.3);  background: transparent;  padding: 10px 14px;  border-radius: 8px;  cursor: pointer;  transition: color 0.2s, border-color 0.2s, background 0.2s;  white-space: nowrap;}.kapi-mufredat-toggle:hover,.kapi-mufredat-toggle.open {  color: #C090F0;  border-color: rgba(123,79,190,0.6);  background: rgba(123,79,190,0.08);}.kapi-mufredat {  display: none;  margin-top: 16px;  border-top: 0.5px solid rgba(123,79,190,0.15);  padding-top: 16px;  overflow: hidden;}.kapi-mufredat.open { display: block; }.kapi-mufredat-ders {  margin-bottom: 12px;}.kapi-mufredat-ders-header {  display: flex;  align-items: baseline;  gap: 8px;  margin-bottom: 4px;}.kapi-mufredat-num {  font-family: 'Cinzel', serif;  font-size: 8px;  letter-spacing: 1px;  color: rgba(123,79,190,0.7);  white-space: nowrap;  flex-shrink: 0;}.kapi-mufredat-title {  font-family: 'Cinzel', serif;  font-size: 10px;  color: rgba(240,235,224,0.8);}.kapi-mufredat-items {  padding-left: 14px;  list-style: none;}.kapi-mufredat-items li {  font-family: 'Spectral', serif;  font-size: 11px;  color: rgba(240,235,224,0.45);  line-height: 1.7;  position: relative;}.kapi-mufredat-items li::before {  content: '·';  position: absolute;  left: -10px;  color: rgba(123,79,190,0.5);}/* ═══ ANA SAYFAYA BAĞ ═══ */.eg-back-home {  padding: 80px 48px;  max-width: 1200px;  margin: 0 auto;}.eg-back-inner {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 60px;  align-items: center;  background: rgba(255,255,255,0.02);  border: 0.5px solid rgba(123,79,190,0.12);  border-radius: 20px;  padding: 48px;}.eg-back-tag {  font-family: 'Cinzel', serif;  font-size: 8px;  letter-spacing: 3px;  color: #9B6FDE;  margin-bottom: 14px;}.eg-back-title {  font-family: 'Cinzel', serif;  font-size: 28px;  font-weight: 700;  color: #F0EBE0;  line-height: 1.2;  margin-bottom: 14px;}.eg-back-title em {  font-style: normal;  background: linear-gradient(135deg, #9B6FDE, #C090F0);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;}.eg-back-desc {  font-family: 'Spectral', serif;  font-size: 14px;  font-style: italic;  color: rgba(240,235,224,0.4);  line-height: 1.9;  margin-bottom: 28px;}.eg-back-btns { display: flex; gap: 14px; flex-wrap: wrap; }.eg-back-btn-primary {  font-family: 'Cinzel', serif;  font-size: 10px;  font-weight: 700;  letter-spacing: 1px;  color: #fff;  background: linear-gradient(135deg, #7B4FBE, #9B6FDE);  padding: 12px 24px;  border-radius: 6px;  text-decoration: none;  box-shadow: 0 0 20px rgba(123,79,190,0.3);}.eg-back-btn-ghost {  font-family: 'Cinzel', serif;  font-size: 10px;  color: #9B6FDE;  border: 0.5px solid rgba(123,79,190,0.35);  padding: 12px 24px;  border-radius: 6px;  text-decoration: none;  transition: border-color 0.2s;}.eg-back-btn-ghost:hover { border-color: rgba(123,79,190,0.6); }.eg-back-right { display: flex; flex-direction: column; gap: 14px; }.eg-back-card {  background: rgba(123,79,190,0.06);  border: 0.5px solid rgba(123,79,190,0.15);  border-radius: 12px;  padding: 18px 20px;  display: flex;  align-items: center;  gap: 14px;}.eg-back-card-icon { font-size: 22px; color: #9B6FDE; flex-shrink: 0; }.eg-back-card-title {  font-family: 'Cinzel', serif;  font-size: 12px;  color: #F0EBE0;  margin-bottom: 4px;  letter-spacing: 0.5px;}.eg-back-card-sub {  font-family: 'Spectral', serif;  font-size: 11px;  font-style: italic;  color: rgba(240,235,224,0.35);}/* ═══ DERS DETAY SAYFASI ═══ */.ders-hero {  position: relative;  height: 280px;  background:    radial-gradient(ellipse at 85% 15%, rgba(120,50,200,0.22) 0%, transparent 45%),    radial-gradient(ellipse at 20% 70%, rgba(42,191,191,0.07) 0%, transparent 50%),    var(--bg);  display: flex;  align-items: center;  overflow: hidden;  border-bottom: 0.5px solid var(--dim);}.ders-hero-content {  position: relative;  z-index: 3;  padding: 0 80px;}.ders-back {  font-family: 'Cinzel', serif;  font-size: 10px;  color: rgba(192,144,240,0.5);  text-decoration: none;  letter-spacing: 1px;  display: block;  margin-bottom: 20px;  transition: color 0.2s;}.ders-back:hover { color: #C090F0; }.ders-hero-tag {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 3px;  color: #2ABFBF;  margin-bottom: 12px;}.ders-hero-title {  font-family: 'Cinzel', serif;  font-size: 40px;  font-weight: 700;  color: #F0EBE0;  margin-bottom: 10px;}.ders-hero-meta {  font-family: 'Spectral', serif;  font-size: 14px;  font-style: italic;  color: rgba(240,235,224,0.35);}/* ═══ DERS LAYOUT ═══ */.ders-layout {  max-width: 1200px;  margin: 0 auto;  padding: 60px 80px;  display: grid;  grid-template-columns: 1fr 340px;  gap: 48px;  align-items: start;}.ders-mufredat-header {  display: flex;  align-items: center;  justify-content: space-between;  margin-bottom: 20px;}.ders-mufredat-title {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 3px;  color: #9B6FDE;}.ders-mufredat-tumunu {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 1px;  color: rgba(192,144,240,0.5);  background: transparent;  border: 0.5px solid rgba(123,79,190,0.2);  border-radius: 4px;  padding: 5px 12px;  cursor: pointer;  transition: color 0.2s, border-color 0.2s;}.ders-mufredat-tumunu:hover { color: #C090F0; border-color: rgba(123,79,190,0.4); }/* ═══ ACCORDION ═══ */.acc-item {  border: 0.5px solid rgba(123,79,190,0.1);  border-radius: 10px;  overflow: hidden;  margin-bottom: 8px;  background: rgba(255,255,255,0.02);  transition: border-color 0.2s;}.acc-item:hover { border-color: rgba(123,79,190,0.25); }.acc-header {  display: flex;  align-items: center;  gap: 14px;  padding: 16px 20px;  cursor: pointer;  user-select: none;}.acc-num {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 1px;  color: rgba(123,79,190,0.5);  white-space: nowrap;  flex-shrink: 0;  min-width: 56px;}.acc-title {  font-family: 'Cinzel', serif;  font-size: 13px;  color: #F0EBE0;  flex: 1;  font-weight: 600;  letter-spacing: 0.3px;}.acc-arrow {  font-size: 10px;  color: rgba(123,79,190,0.4);  transition: transform 0.3s;  flex-shrink: 0;}.acc-header.open .acc-arrow { transform: rotate(90deg); }.acc-body {  display: none;  padding: 0 20px 16px 90px;}.acc-body.open { display: block; }.acc-body ul {  list-style: none;  display: flex;  flex-direction: column;  gap: 8px;}.acc-body ul li {  font-family: 'Spectral', serif;  font-size: 13px;  color: rgba(240,235,224,0.45);  font-style: italic;  line-height: 1.5;  padding-left: 14px;  position: relative;}.acc-body ul li::before { content: '·'; position: absolute; left: 0; color: rgba(123,79,190,0.4); }/* ═══ BİLGİ KARTI ═══ */.ders-info-card {  background: rgba(123,79,190,0.06);  border: 0.5px solid rgba(123,79,190,0.2);  border-radius: 16px;  padding: 28px;  position: sticky;  top: 100px;  display: flex;  flex-direction: column;  gap: 0;}.ders-info-title {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 3px;  color: #9B6FDE;  margin-bottom: 20px;}.ders-info-row {  display: flex;  justify-content: space-between;  align-items: center;  padding: 10px 0;  border-bottom: 0.5px solid rgba(123,79,190,0.08);}.ders-info-label {  font-family: 'Cinzel', serif;  font-size: 8px;  letter-spacing: 1.5px;  color: rgba(240,235,224,0.25);}.ders-info-val {  font-family: 'Spectral', serif;  font-size: 13px;  color: rgba(192,144,240,0.8);  font-style: italic;  text-align: right;}.ders-info-highlight {  font-family: 'Spectral', serif;  font-size: 13px;  font-style: italic;  color: rgba(240,235,224,0.45);  line-height: 1.8;  padding: 16px;  background: rgba(123,79,190,0.08);  border-radius: 8px;  border-left: 2px solid rgba(123,79,190,0.4);  margin: 16px 0;}.ders-info-cta {  display: block;  text-align: center;  font-family: 'Cinzel', serif;  font-size: 10px;  font-weight: 700;  letter-spacing: 1px;  color: #fff;  background: linear-gradient(135deg, #7B4FBE, #9B6FDE);  padding: 14px;  border-radius: 8px;  text-decoration: none;  box-shadow: 0 0 20px rgba(123,79,190,0.3);  margin-bottom: 10px;  transition: opacity 0.2s;}.ders-info-cta:hover { opacity: 0.85; }.ders-info-wa {  display: block;  text-align: center;  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 1px;  color: rgba(42,191,191,0.6);  border: 0.5px solid rgba(42,191,191,0.2);  padding: 12px;  border-radius: 8px;  text-decoration: none;  background: rgba(42,191,191,0.04);  transition: border-color 0.2s;}.ders-info-wa:hover { border-color: rgba(42,191,191,0.4); }/* ═══ EĞİTİM RESPONSIVE ═══ */@media(max-width:1024px) {  .kapilar { grid-template-columns: repeat(2, 1fr); }  .ders-layout { padding: 48px 40px; grid-template-columns: 1fr 300px; }}@media(max-width:768px) {  .eg-hero-title { font-size: 32px; }  .eg-hero { height: 300px; }  .eg-hero-moon { display: none; }  .kapilar { grid-template-columns: 1fr; padding: 40px 24px; }  .eg-back-home { padding: 40px 24px; }  .eg-back-inner { grid-template-columns: 1fr; gap: 32px; padding: 32px 24px; }  .duyuru-inner { flex-direction: column; padding: 16px 24px; gap: 12px; }  .ders-hero { height: auto; padding: 60px 0 40px; }  .ders-hero-content { padding: 0 24px; }  .ders-hero-title { font-size: 26px; }  .ders-layout { grid-template-columns: 1fr; padding: 40px 24px; }  .ders-info-card { position: static; }  .acc-body { padding: 0 16px 16px 16px; }}@media(min-width:769px) {  .nav-mobile-extras { display: none !important; }  .nav-user-mobile { display: none !important; }}/* ═══ İLETİŞİM SAYFASI ═══ */.iletisim-hero {  position: relative;  height: 260px;  background: linear-gradient(160deg, #08051A 0%, #0E0825 60%, #08051A 100%);  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;}.iletisim-hero-moon {  position: absolute;  top: 24px; right: 56px;  width: 68px; height: 68px;  border-radius: 50%;  background: radial-gradient(circle at 36% 34%,    #EDD8FF 0%, #C090F0 28%, #8040C0 58%, #4C1090 100%);  box-shadow:    0 0 40px rgba(160,80,240,0.8),    0 0 90px rgba(140,60,220,0.45),    0 0 180px rgba(120,50,200,0.22),    0 0 320px rgba(100,40,180,0.10);  z-index: 2; pointer-events: none;}.iletisim-hero-glow {  position: absolute;  top: -120px; right: -120px;  width: 600px; height: 600px;  border-radius: 50%;  background: radial-gradient(circle,    rgba(150,80,230,0.13) 0%,    rgba(120,50,200,0.07) 30%,    rgba(100,40,180,0.03) 55%,    transparent 70%  );  z-index: 1; pointer-events: none;}.iletisim-hero-content { position: relative; z-index: 3; text-align: center; }.iletisim-hero-tag {  font-family: 'Cinzel', serif;  font-size: 9px; letter-spacing: 3px;  color: #E84E8A; margin-bottom: 14px;}.iletisim-hero-title {  font-family: 'Cinzel', serif;  font-size: 44px; font-weight: 700;  color: #F0EBE0; margin-bottom: 12px;}.iletisim-hero-sub {  font-family: 'Spectral', serif;  font-size: 14px; font-style: italic;  color: rgba(240,235,224,0.5); line-height: 1.8;}.iletisim-main {  display: grid;  grid-template-columns: 1fr 360px;  max-width: 1200px;  margin: 0 auto;  padding: 0 48px;  gap: 0;}.iletisim-left {  padding: 52px 48px 52px 0;  border-right: 0.5px solid rgba(123,79,190,0.1);}.iletisim-right {  padding: 52px 0 52px 44px;  display: flex;  flex-direction: column;  gap: 24px;}.iletisim-section-title {  font-family: 'Cinzel', serif;  font-size: 10px; letter-spacing: 3px;  color: var(--violet-light);  margin-bottom: 24px;  display: flex;  align-items: center;  gap: 12px;}.iletisim-section-title::after {  content: '';  flex: 1; height: 0.5px;  background: linear-gradient(90deg, rgba(123,79,190,0.3), transparent);}/* VEDİK SAAT */.vedik-saat {  background: rgba(200,150,62,0.06);  border: 0.5px solid rgba(200,150,62,0.2);  border-radius: 12px;  padding: 16px 20px;  margin-bottom: 32px;  display: flex;  align-items: center;  gap: 16px;}.vs-orb {  width: 44px; height: 44px;  border-radius: 50%;  display: flex; align-items: center; justify-content: center;  font-family: 'Cinzel', serif; font-size: 18px;  flex-shrink: 0; position: relative;  background: rgba(200,150,62,0.15);  border: 0.5px solid rgba(200,150,62,0.35);  color: #C8963E; transition: all 0.5s;}.vs-orb.sukra { background: rgba(232,78,138,0.12); border-color: rgba(232,78,138,0.3); color: #E84E8A; }.vs-orb.rahu  { background: rgba(123,79,190,0.12); border-color: rgba(123,79,190,0.3); color: #9B6FDE; }.vs-pulse {  position: absolute; top: 3px; right: 3px;  width: 8px; height: 8px; border-radius: 50%;  background: #2ABFBF;  animation: vsPulse 2s infinite;}@keyframes vsPulse {  0%,100% { opacity:1; transform:scale(1); }  50% { opacity:0.4; transform:scale(0.7); }}.vs-label { font-family:'Cinzel',serif; font-size:8px; letter-spacing:2px; color:rgba(200,150,62,0.5); margin-bottom:4px; }.vs-name  { font-family:'Cinzel',serif; font-size:14px; font-weight:700; color:#C8963E; margin-bottom:3px; }.vs-desc  { font-family:'Spectral',serif; font-size:12px; font-style:italic; color:rgba(240,235,224,0.45); }.vs-time  { margin-left:auto; text-align:right; flex-shrink:0; }.vs-time-label { font-family:'Cinzel',serif; font-size:8px; letter-spacing:1px; color:rgba(200,150,62,0.4); display:block; margin-bottom:3px; }.vs-time-val   { font-family:'Cinzel',serif; font-size:20px; font-weight:700; color:#C8963E; }/* KONU SEÇİCİ */.iletisim-label {  font-family: 'Cinzel', serif;  font-size: 8px; letter-spacing: 2px;  color: var(--dim);  display: block; margin-bottom: 10px;}.konu-grid {  display: grid; grid-template-columns: 1fr 1fr;  gap: 8px; margin-bottom: 24px;}.konu-chip {  background: rgba(255,255,255,0.02);  border: 0.5px solid rgba(123,79,190,0.15);  border-radius: 8px; padding: 12px 14px;  cursor: pointer; display: flex; align-items: center; gap: 10px;  transition: all 0.2s; user-select: none;}.konu-chip:hover   { background: rgba(123,79,190,0.07); }.konu-chip.active  { background: rgba(123,79,190,0.12); border-color: rgba(123,79,190,0.45); }.konu-sym { font-family:'Cinzel',serif; font-size:16px; color:var(--violet-pale); flex-shrink:0; }.konu-txt { font-family:'Cinzel',serif; font-size:9px; letter-spacing:0.5px; color:var(--muted); line-height:1.4; }/* FORM */.iletisim-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }.iletisim-form-row  { margin-bottom:16px; }.iletisim-input {  width:100%; background:rgba(255,255,255,0.03);  border:1px solid var(--border);  border-radius:8px; padding:13px 16px;  font-family:'Inter','Spectral',serif; font-size:15px; color:var(--text);  outline:none; transition:border-color 0.2s;}.iletisim-input:focus        { border-color: var(--border-hover); outline: 2px solid rgba(168,126,232,0.25); outline-offset: 1px; }.iletisim-input::placeholder { color:rgba(200,192,232,0.3); font-style:normal; }.iletisim-textarea {  width:100%; background:rgba(255,255,255,0.03);  border:1px solid var(--border);  border-radius:8px; padding:13px 16px;  font-family:'Inter','Spectral',serif; font-size:15px; color:var(--text);  outline:none; resize:none; height:110px;  transition:border-color 0.2s;}.iletisim-textarea:focus        { border-color: var(--border-hover); outline: 2px solid rgba(168,126,232,0.25); outline-offset: 1px; }.iletisim-textarea::placeholder { color:rgba(200,192,232,0.3); font-style:normal; }.iletisim-submit {  width:100%; background:linear-gradient(135deg,#7B4FBE,#9B6FDE);  border:none; border-radius:8px; padding:15px;  font-family:'Cinzel',serif; font-size:11px; font-weight:700;  letter-spacing:1.5px; color:#fff;  cursor:pointer; margin-top:4px;  box-shadow:0 0 24px rgba(123,79,190,0.3);  transition:box-shadow 0.2s;}.iletisim-submit:hover    { box-shadow:0 0 40px rgba(123,79,190,0.5); }.iletisim-submit:disabled { opacity:0.6; cursor:not-allowed; }.iletisim-note {  font-family:'Spectral',serif; font-size:11px; font-style:italic;  color:rgba(240,235,224,0.2); text-align:center; margin-top:10px;}.iletisim-success {  text-align:center; padding:32px 20px;  background:rgba(42,191,191,0.06); border:0.5px solid rgba(42,191,191,0.2);  border-radius:12px; margin-top:16px;}.success-icon { font-size:28px; color:#2ABFBF; margin-bottom:12px; }.success-text { font-family:'Cinzel',serif; font-size:16px; color:#F0EBE0; margin-bottom:6px; }.success-sub  { font-family:'Spectral',serif; font-size:13px; font-style:italic; color:rgba(240,235,224,0.4); }/* SSS */.sss-section { margin-top:48px; }.sss-item {  border:0.5px solid rgba(123,79,190,0.1);  border-radius:10px; overflow:hidden;  margin-bottom:8px; background:rgba(255,255,255,0.02);}.sss-header {  display:flex; align-items:center; justify-content:space-between;  padding:15px 20px; cursor:pointer; user-select:none; transition:background 0.2s;}.sss-header:hover { background:rgba(123,79,190,0.05); }.sss-header.open  { background:rgba(123,79,190,0.08); }.sss-q    { font-family:'Cinzel',serif; font-size:11px; color:var(--text); letter-spacing:0.3px; font-weight:600; flex:1; }.sss-icon { font-size:11px; color:var(--violet-pale); transition:transform 0.3s; flex-shrink:0; margin-left:12px; }.sss-header.open .sss-icon { transform:rotate(90deg); }.sss-body      { display:none; padding:0 20px 16px; background:rgba(123,79,190,0.04); }.sss-body.open { display:block; }.sss-body p    { font-family:'Spectral',serif; font-size:13px; font-style:italic; color:var(--muted); line-height:1.8; padding-top:14px; }.sss-body p strong { color:var(--violet-pale); font-style:normal; }/* SAĞ PANEL */.iletisim-contact-list { display:flex; flex-direction:column; gap:0; margin-bottom:8px; }.iletisim-contact-item {  display:flex; align-items:flex-start; gap:14px;  padding:14px 0; border-bottom:0.5px solid rgba(123,79,190,0.07);}.iletisim-contact-item:last-child { border-bottom:none; }.ici-icon {  width:36px; height:36px; border-radius:50%;  display:flex; align-items:center; justify-content:center;  font-family:'Cinzel',serif; font-size:14px; flex-shrink:0;}.ici-icon.merkur { background:rgba(42,191,191,0.1);  border:0.5px solid rgba(42,191,191,0.25);  color:#2ABFBF; }.ici-icon.saturn { background:rgba(123,79,190,0.1);  border:0.5px solid rgba(123,79,190,0.25);  color:var(--violet-pale); }.ici-icon.jupiter{ background:rgba(200,150,62,0.1);  border:0.5px solid rgba(200,150,62,0.25);  color:#C8963E; }.ici-label { font-family:'Cinzel',serif; font-size:8px; letter-spacing:2px; color:var(--dim); margin-bottom:4px; }.ici-val   { font-family:'Spectral',serif; font-size:14px; color:var(--text); font-style:italic; }.ici-sub   { font-family:'Spectral',serif; font-size:10px; color:var(--dim); margin-top:2px; font-style:italic; }.iletisim-wa {  display:flex; align-items:center; gap:12px;  background:rgba(42,191,191,0.06); border:0.5px solid rgba(42,191,191,0.2);  border-radius:10px; padding:14px 16px; text-decoration:none; transition:border-color 0.2s;}.iletisim-wa:hover { border-color:rgba(42,191,191,0.4); }.iletisim-wa-icon {  width:36px; height:36px; border-radius:50%;  background:rgba(42,191,191,0.12); border:0.5px solid rgba(42,191,191,0.25);  display:flex; align-items:center; justify-content:center;  font-size:16px; flex-shrink:0;}.iletisim-wa-label { font-family:'Cinzel',serif; font-size:8px; letter-spacing:1.5px; color:#2ABFBF; margin-bottom:3px; }.iletisim-wa-num   { font-family:'Spectral',serif; font-size:14px; color:var(--text); font-style:italic; }.iletisim-donem {  background:rgba(232,78,138,0.05); border:0.5px solid rgba(232,78,138,0.2);  border-radius:10px; padding:18px;}.iletisim-donem-tag   { font-family:'Cinzel',serif; font-size:8px; letter-spacing:2px; color:#E84E8A; margin-bottom:8px; }.iletisim-donem-title { font-family:'Cinzel',serif; font-size:16px; font-weight:700; color:var(--text); margin-bottom:6px; }.iletisim-donem-sub   { font-family:'Spectral',serif; font-size:12px; font-style:italic; color:var(--muted); line-height:1.6; margin-bottom:14px; }.iletisim-donem-btn {  display:block; text-align:center;  font-family:'Cinzel',serif; font-size:9px; letter-spacing:1px; color:#fff;  background:linear-gradient(135deg,#E84E8A,#B03060);  border-radius:6px; padding:10px; text-decoration:none; transition:box-shadow 0.2s;}.iletisim-donem-btn:hover { box-shadow:0 0 20px rgba(232,78,138,0.3); }.iletisim-vedik-note {  background:rgba(123,79,190,0.05);  border:0.5px solid rgba(123,79,190,0.15);  border-left:2px solid rgba(123,79,190,0.5);  border-radius:0 8px 8px 0; padding:16px 18px;}.ivn-title { font-family:'Cinzel',serif; font-size:9px; letter-spacing:1.5px; color:var(--violet-pale); margin-bottom:8px; }.ivn-text  { font-family:'Spectral',serif; font-size:12px; font-style:italic; color:var(--dim); line-height:1.8; }.iletisim-social { display:flex; gap:8px; }.isoc-btn {  width:36px; height:36px; border-radius:8px;  background:rgba(255,255,255,0.02); border:0.5px solid rgba(123,79,190,0.15);  display:flex; align-items:center; justify-content:center;  font-size:14px; color:var(--violet-pale); text-decoration:none; transition:border-color 0.2s;}.isoc-btn:hover { border-color:rgba(123,79,190,0.4); }/* İletişim mobil */@media(max-width:768px) {  .iletisim-hero { height: 200px; }  .iletisim-hero-title { font-size: 32px; }  .iletisim-main { grid-template-columns: 1fr; padding: 0 20px; }  .iletisim-left { padding: 32px 0; border-right: none; border-bottom: 0.5px solid rgba(123,79,190,0.1); }  .iletisim-right { padding: 32px 0; }  .iletisim-form-grid { grid-template-columns: 1fr; }  .vedik-saat { flex-wrap: wrap; gap: 12px; }  .vs-time { margin-left: 0; }}/* ═══════════════════════════════════════   BİZİ KEŞFET SAYFASI═══════════════════════════════════════ *//* ── HERO ── *//* ── BİZİ KEŞFET — tek ekranlık birleşik sayfa ── */.bk-page {  position: relative;  min-height: calc(100vh - 76px);  display: flex;  flex-direction: column;  background:    radial-gradient(ellipse at 82% 8%,  rgba(120,50,200,0.28) 0%, transparent 48%),    radial-gradient(ellipse at 15% 78%, rgba(42,191,191,0.07) 0%, transparent 50%),    var(--bg);  border-bottom: 0.5px solid var(--dim);}/* Ay & parıltı — konumlar bk-page'e göre */.bk-hero-moon {  position: absolute; top: 28px; right: 44px;  width: 68px; height: 68px; border-radius: 50%;  background: radial-gradient(circle at 36% 34%, #EDD8FF 0%, #C090F0 28%, #8040C0 58%, #4C1090 100%);  box-shadow:    0 0 36px rgba(160,80,240,0.85),    0 0 80px rgba(140,60,220,0.4),    0 0 160px rgba(120,50,200,0.2),    0 0 300px rgba(100,40,180,0.08);  opacity: 0.85;  filter: drop-shadow(0 0 30px rgba(196,181,253,0.25));  z-index: 3; pointer-events: none;}.bk-hero-glow {  position: absolute; top: -100px; right: -100px;  width: 500px; height: 500px; border-radius: 50%;  background: radial-gradient(circle,    rgba(150,80,230,0.14) 0%, rgba(120,50,200,0.07) 30%,    rgba(100,40,180,0.03) 55%, transparent 70%);  opacity: 0.55;  z-index: 1; pointer-events: none;}/* Başlık şeridi */.bk-hero-tag {  font-family: 'Cinzel', serif;  font-size: 9px; letter-spacing: 3px;  color: #E84E8A; margin-bottom: 16px;}.bk-page-header {  padding: 30px 60px 22px;  flex-shrink: 0;  position: relative; z-index: 4;  display: flex;  align-items: center;  justify-content: space-between;  border-bottom: 0.5px solid rgba(123,79,190,0.12);}.bk-page-header-text { flex: 1; }.bk-page-title {  font-family: 'Cinzel', serif;  font-size: clamp(19px, 2.2vw, 32px);  font-weight: 700;  color: #F0EBE0;  line-height: 1.2;  margin-bottom: 7px;}.bk-page-title em {  font-style: normal;  background: linear-gradient(135deg, #9B6FDE, #C090F0);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.bk-page-sub {  font-family: 'Spectral', serif;  font-size: 13px; font-style: italic;  color: rgba(240,235,224,0.38);  line-height: 1.75; max-width: 600px;}.bk-page-header-orbit {  flex-shrink: 0; margin-left: 32px; opacity: 0.55;}.bk-page-orbit-svg {  width: 110px; height: 110px;  display: block;  animation: bkOrbit 55s linear infinite;}@keyframes bkOrbit {  from { transform: rotate(0deg); }  to   { transform: rotate(360deg); }}/* Ana gövde: video sol + sosyal sağ */.bk-page-body {  flex: 1;  display: grid;  grid-template-columns: 1fr 1fr;}/* Sol: video kolonu */.bk-page-video {  padding: 18px 28px 18px 60px;  display: flex;  flex-direction: column;  gap: 10px;  position: relative; z-index: 4;  border-right: 0.5px solid rgba(123,79,190,0.1);}/* Ana oynatıcı */.bk-page-video .bk-featured-player {  aspect-ratio: 16/9;}/* Sağ: sosyal kolonu */.bk-page-social {  padding: 18px 36px 18px 22px;  display: flex;  flex-direction: column;  position: relative; z-index: 4;  background: rgba(10,6,26,0.5);}.bk-social-title {  font-family: 'Cinzel', serif;  font-size: 22px; font-weight: 700;  color: #F0EBE0; line-height: 1.2; margin-bottom: 6px;}.bk-social-title em {  font-style: normal;  background: linear-gradient(135deg, #C090F0, #E84E8A);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.bk-social-sub {  font-family: 'Spectral', serif;  font-size: 12px; font-style: italic;  color: rgba(240,235,224,0.5);  margin-bottom: 14px; line-height: 1.7;}/* Yatay küçük resim satırı */.bk-page-thumbs {  display: flex;  gap: 8px;  flex-shrink: 0;  overflow-x: auto;}.bk-page-thumbs .bk-vi {  flex: 1 1 0;  min-width: 110px;  max-width: 180px;}/* Alıntı — sosyal kolonun altı */.bk-page-quote {  margin-top: auto;  padding-top: 16px;  border-top: 0.5px solid rgba(123,79,190,0.1);  font-family: 'Spectral', serif;  font-size: 11.5px; font-style: italic;  color: rgba(240,235,224,0.28); line-height: 1.9;}.bk-page-quote span {  display: block; margin-top: 8px;  font-family: 'Cinzel', serif;  font-size: 8px; letter-spacing: 1px;  color: rgba(192,144,240,0.35); font-style: normal;}/* ── ORTAK BÖLÜM ── */.bk-sec-tag {  font-family: 'Cinzel', serif;  font-size: 9px; letter-spacing: 3px; color: var(--violet-light);  margin-bottom: 16px;  display: flex; align-items: center; gap: 12px;}.bk-sec-tag::after {  content: ''; flex: 1; height: 0.5px;  background: linear-gradient(90deg, rgba(123,79,190,0.3), transparent);  max-width: 60px;}.bk-sec-title {  font-family: 'Cinzel', serif;  font-size: 30px; font-weight: 700;  color: #F0EBE0; margin-bottom: 10px; line-height: 1.2;}.bk-sec-title em {  font-style: normal;  background: linear-gradient(135deg, #9B6FDE, #C090F0);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.bk-sec-sub {  font-family: 'Spectral', serif;  font-size: 14px; font-style: italic;  color: rgba(240,235,224,0.4); margin-bottom: 36px; line-height: 1.8;}/* ── DANIŞMANLAR ── */.bk-danismanlar {  background: var(--bg2);  padding: 72px 60px;  display: flex;  flex-direction: column;  max-width: 100%;  border-bottom: 0.5px solid rgba(123,79,190,0.08);}.bk-dan-grid {  display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}.bk-dan-card {  background: rgba(255,255,255,0.02);  border: 0.5px solid rgba(123,79,190,0.12);  border-radius: 16px; overflow: hidden;  display: grid; grid-template-columns: 180px 1fr;}.bk-dan-photo-wrap {  position: relative;  background: linear-gradient(160deg, rgba(123,79,190,0.2), rgba(8,5,26,0.9));  min-height: 280px; overflow: hidden;  display: flex; align-items: flex-end; justify-content: center;}.bk-dan-photo {  width: 100%; height: 100%; object-fit: cover;  object-position: top center; display: block;}.bk-dan-placeholder {  width: 100%; height: 100%; align-items: center; justify-content: center;}.bk-dan-av {  width: 72px; height: 72px; border-radius: 50%;  display: flex; align-items: center; justify-content: center;  font-family: 'Cinzel', serif; font-size: 24px; font-weight: 700; color: #fff;}.av-d { background: linear-gradient(135deg, #7B4FBE, #C090F0); }.av-m { background: linear-gradient(135deg, #E84E8A, #7B4FBE); }.bk-dan-info { padding: 24px 22px; display: flex; flex-direction: column; justify-content: center; }.bk-dan-name { font-family: 'Cinzel', serif; font-size: 16px; font-weight: 700; color: #F0EBE0; margin-bottom: 4px; }.bk-dan-title { font-family: 'Spectral', serif; font-size: 11px; font-style: italic; color: var(--violet-pale); margin-bottom: 12px; opacity: .8; }.bk-dan-desc { font-family: 'Spectral', serif; font-size: 13px; color: rgba(240,235,224,0.5); line-height: 1.8; margin-bottom: 14px; }.bk-dan-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }.bk-chip {  font-family: 'Cinzel', serif; font-size: 7px; letter-spacing: .5px;  color: var(--violet-pale); border: 0.5px solid rgba(123,79,190,0.2);  border-radius: 20px; padding: 3px 10px; background: rgba(123,79,190,0.06);}.bk-dan-ig {  font-family: 'Spectral', serif; font-size: 12px; font-style: italic;  color: rgba(232,78,138,0.6); text-decoration: none; transition: color 0.2s;}.bk-dan-ig:hover { color: #E84E8A; }/* Video oynatıcı */.bk-featured-player {  width: 100%;  aspect-ratio: 16/9;  border-radius: 10px;  overflow: hidden;  border: 0.5px solid rgba(123,79,190,0.2);  background: #05030F;}.bk-featured-player iframe { width: 100%; height: 100%; border: none; }.bk-featured-info {  margin-top: 8px;  display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;}.bk-featured-program {  font-family: 'Cinzel', serif;  font-size: 7.5px; letter-spacing: 2px;  color: var(--violet-pale); flex-shrink: 0;}.bk-featured-title {  font-family: 'Cinzel', serif;  font-size: 12px; font-weight: 700;  color: #F0EBE0; flex: 1; min-width: 0;  line-height: 1.3;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.bk-featured-meta {  font-family: 'Spectral', serif;  font-size: 10px; font-style: italic;  color: rgba(240,235,224,0.35); flex-shrink: 0;}.bk-video-list { display: flex; flex-direction: column; gap: 8px; }.bk-vi {  display: flex; flex-direction: column; gap: 0;  padding: 5px;  border-radius: 8px;  border: 0.5px solid rgba(123,79,190,0.1);  background: rgba(255,255,255,0.02);  cursor: pointer; transition: all 0.2s;}.bk-vi:hover { background: rgba(123,79,190,0.07); border-color: rgba(123,79,190,0.3); }.bk-vi.active { background: rgba(123,79,190,0.12); border-color: rgba(123,79,190,0.4); }.bk-vi-thumb {  width: 100%; aspect-ratio: 16/9;  border-radius: 6px; overflow: hidden;  position: relative;  background: rgba(123,79,190,0.15);  display: flex; align-items: center; justify-content: center;}.bk-vi-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }.bk-vi-play {  position: absolute;  font-size: 14px; color: rgba(255,255,255,0.8);  background: rgba(123,79,190,0.7);  width: 28px; height: 28px;  border-radius: 50%;  display: flex; align-items: center; justify-content: center;}.bk-vi-prog {  display: none;}.bk-vi-title {  display: none;}.bk-vi-meta {  font-family: 'Spectral', serif;  font-size: 9px; font-style: italic;  color: rgba(240,235,224,0.3);}/* SOSYAL MEDYA — dikey stack */.bk-sosyal-stack {  display: flex;  flex-direction: column;  gap: 10px;  margin-top: 12px;}.bk-sosyal-row {  display: flex;  flex-direction: row;  align-items: center;  gap: 12px;  padding: 10px 14px 10px 16px;  border-radius: 12px;  border: 0.5px solid rgba(123,79,190,0.2);  background: rgba(255,255,255,0.02);  text-decoration: none;  transition: all 0.25s;  position: relative;  overflow: hidden;  cursor: pointer;}.bk-sosyal-row-top {  display: flex;  align-items: center;  gap: 12px;  flex: 1;  min-width: 0;}.bk-sosyal-row::before {  content: '';  position: absolute;  left: 0; top: 0; bottom: 0;  width: 3px;}.bk-ig::before { background: linear-gradient(180deg, #E84E8A, #C040A0); }.bk-yt::before { background: linear-gradient(180deg, #FF5555, #CC2222); }.bk-wa::before { background: linear-gradient(180deg, #2ABFBF, #1a9090); }.bk-sosyal-row:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(0,0,0,0.35); }.bk-ig:hover { border-color: rgba(232,78,138,0.5); background: rgba(232,78,138,0.07); }.bk-yt:hover { border-color: rgba(255,80,80,0.45); background: rgba(255,80,80,0.06); }.bk-wa:hover { border-color: rgba(42,191,191,0.5); background: rgba(42,191,191,0.07); }.bk-sosyal-row-icon {  width: 40px; height: 40px;  border-radius: 11px;  display: flex; align-items: center; justify-content: center;  flex-shrink: 0;  background: rgba(255,255,255,0.04);  border: 0.5px solid rgba(123,79,190,0.2);}.bk-ig .bk-sosyal-row-icon { background: rgba(232,78,138,0.1); border-color: rgba(232,78,138,0.3); }.bk-yt .bk-sosyal-row-icon { background: rgba(255,80,80,0.08); border-color: rgba(255,80,80,0.25); }.bk-wa .bk-sosyal-row-icon { background: rgba(42,191,191,0.1); border-color: rgba(42,191,191,0.3); }.bk-sosyal-row-info { flex: 1; min-width: 0; }.bk-sosyal-row-name {  font-family: 'Cinzel', serif;  font-size: 11px; font-weight: 700;  color: #F0EBE0; margin-bottom: 2px;  letter-spacing: 0.5px;}.bk-sosyal-row-handle {  font-family: 'Spectral', serif;  font-size: 10px; font-style: italic;  color: rgba(240,235,224,0.5);}.bk-sosyal-row-sub {  font-family: 'Spectral', serif;  font-size: 10px; font-style: italic;  color: rgba(240,235,224,0.25);}.bk-sosyal-row-btn {  font-family: 'Cinzel', serif;  font-size: 8px; letter-spacing: 1px; font-weight: 700;  text-align: center;  padding: 7px 13px;  border-radius: 7px;  border: 0.5px solid;  flex-shrink: 0;  white-space: nowrap;  transition: background 0.2s;}.bk-ig .bk-sosyal-row-btn { color: #E84E8A; border-color: rgba(232,78,138,0.35); background: rgba(232,78,138,0.08); }.bk-yt .bk-sosyal-row-btn { color: #FF6666; border-color: rgba(255,80,80,0.3); background: rgba(255,80,80,0.06); }.bk-wa .bk-sosyal-row-btn { color: #2ABFBF; border-color: rgba(42,191,191,0.35); background: rgba(42,191,191,0.08); }.bk-ig:hover .bk-sosyal-row-btn { background: rgba(232,78,138,0.16); }.bk-yt:hover .bk-sosyal-row-btn { background: rgba(255,80,80,0.13); }.bk-wa:hover .bk-sosyal-row-btn { background: rgba(42,191,191,0.16); }/* ── KAPANIŞ — HİKAYEMİZ ── */.bk-kapanis {  background: var(--bg);  display: flex;  align-items: center;  justify-content: center;  padding: 72px 60px;  position: relative;  overflow: hidden;}.bk-kapanis::before {  content: '✦';  position: absolute;  font-size: 400px;  color: rgba(123,79,190,0.03);  font-family: 'Cinzel', serif;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  pointer-events: none;}.bk-kapanis-inner {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 80px;  align-items: center;  max-width: 1100px;  width: 100%;  position: relative;  z-index: 2;}.bk-kapanis-quote {  font-family: 'Cinzel', serif;  font-size: 26px;  font-weight: 700;  color: #F0EBE0;  line-height: 1.6;  margin-bottom: 24px;  border-left: 2px solid rgba(123,79,190,0.5);  padding-left: 28px;  letter-spacing: 0.3px;}.bk-kapanis-imza {  font-family: 'Spectral', serif;  font-size: 14px;  font-style: italic;  color: rgba(192,144,240,0.6);  padding-left: 28px;}.bk-kapanis-text {  font-family: 'Spectral', serif;  font-size: 15px;  color: rgba(240,235,224,0.55);  line-height: 2;  margin-bottom: 18px;}.bk-kapanis-text strong { color: #F0EBE0; font-weight: 600; }.bk-kapanis-stats {  display: flex;  gap: 32px;  margin: 28px 0;  padding: 20px 0;  border-top: 0.5px solid rgba(123,79,190,0.12);  border-bottom: 0.5px solid rgba(123,79,190,0.12);}.bk-kapanis-stat-num {  font-family: 'Cinzel', serif;  font-size: 28px;  font-weight: 700;  background: linear-gradient(135deg, #9B6FDE, #C090F0);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  line-height: 1;  margin-bottom: 4px;}.bk-kapanis-stat-label {  font-family: 'Spectral', serif;  font-size: 11px;  font-style: italic;  color: rgba(240,235,224,0.3);}.bk-kapanis-btn {  display: inline-block;  font-family: 'Cinzel', serif;  font-size: 11px;  font-weight: 700;  letter-spacing: 1px;  color: #fff;  background: linear-gradient(135deg, #7B4FBE, #9B6FDE);  padding: 14px 28px;  border-radius: 6px;  text-decoration: none;  box-shadow: 0 0 24px rgba(123,79,190,0.3);  transition: box-shadow 0.2s;}.bk-kapanis-btn:hover { box-shadow: 0 0 40px rgba(123,79,190,0.5); }/* ═══ BK TABLET / KÜÇÜK LAPTOP ═══ */@media (max-width: 1100px) {  .bk-page-body { grid-template-columns: 1fr; }  .bk-page-video {    padding: 22px 40px;    border-right: none;    border-bottom: 0.5px solid rgba(123,79,190,0.1);  }  .bk-page-video .bk-featured-player { aspect-ratio: 16/9; }  .bk-page-social { padding: 22px 40px; background: transparent; }  .bk-page-quote { display: none; }  .bk-kapanis-inner { gap: 48px; }}/* ═══ BK MOBİL ═══ */@media (max-width: 768px) {  /* Sayfa yapısı */  .bk-page { height: auto; min-height: auto; overflow: hidden; }  .bk-page .bk-hero-moon { display: none; }  .bk-page .bk-hero-glow { display: none; }  .bk-page-header {    padding: 24px 20px 18px;    flex-wrap: wrap;    border-bottom: 0.5px solid rgba(123,79,190,0.08);  }  .bk-page-header-orbit { display: none; }  .bk-page-title { font-size: 20px; line-height: 1.3; }  .bk-page-sub { font-size: 13px; line-height: 1.65; }  .bk-hero-tag { font-size: 8px; letter-spacing: 2.5px; }  /* Grid: tek kolon */  .bk-page-body { grid-template-columns: 1fr; overflow-x: hidden; height: auto; }  /* Video kolonu */  .bk-page-video {    padding: 20px;    overflow: hidden;    border-right: none;    border-bottom: 0.5px solid rgba(123,79,190,0.1);  }  .bk-page-video .bk-featured-player { flex: unset; aspect-ratio: 16/9; width: 100%; }  /* Video bilgi — başlık sarmalansın */  .bk-featured-info { align-items: flex-start; flex-wrap: wrap; gap: 4px 8px; }  .bk-featured-title { white-space: normal; font-size: 11px; flex-basis: 100%; }  .bk-featured-meta { flex-basis: 100%; }  /* Thumbnail yatay kaydırma — flex-shrink:0 yerine min-width:0 ile sabit genişlik */  .bk-page-thumbs {    width: 100%;    min-width: 0;    flex-shrink: 1;    overflow-x: scroll;    overflow-y: hidden;    gap: 8px;    padding-bottom: 6px;    scroll-snap-type: x mandatory;    touch-action: pan-x;    -webkit-overflow-scrolling: touch;  }  .bk-page-thumbs .bk-vi {    flex: 0 0 auto;    min-width: 120px;    max-width: 140px;    scroll-snap-align: start;    padding: 6px; gap: 4px;  }  .bk-vi-prog { display: block; font-size: 7px; letter-spacing: 1px; }  .bk-vi-title { display: block; font-size: 9px; }  /* Sosyal kolon */  .bk-page-social {    padding: 20px;    overflow: hidden;    background: transparent;  }  .bk-social-title { font-size: 20px; }  .bk-social-sub { font-size: 13px; }  .bk-sosyal-stack { flex: unset; min-height: unset; overflow-y: visible; gap: 8px; }  /* Sosyal kartlar — 2 satır düzeni: bilgi üstte, buton altta tam genişlik */  .bk-sosyal-row { flex-wrap: wrap; align-items: center; padding: 12px; gap: 6px 10px; }  .bk-sosyal-row-top { flex: 0 0 100%; min-width: 0; display: flex; align-items: center; gap: 10px; }  .bk-sosyal-row-name { font-size: 12px; }  .bk-sosyal-row-handle { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }  .bk-sosyal-row-icon { width: 36px; height: 36px; border-radius: 9px; flex-shrink: 0; }  .bk-sosyal-row-btn { flex: 0 0 100%; width: 100%; box-sizing: border-box; padding: 9px 12px; font-size: 9px; text-align: center; flex-shrink: unset; }  .bk-page-quote { display: none; }  /* Eğitmenler */  .bk-danismanlar { min-height: auto; padding: 40px 20px; }  .bk-dan-grid { grid-template-columns: 1fr; gap: 20px; }  .bk-dan-card { grid-template-columns: 1fr; }  .bk-dan-photo-wrap { min-height: 200px; }  /* Kapanış */  .bk-kapanis { min-height: auto; padding: 40px 20px; }  .bk-kapanis-inner { grid-template-columns: 1fr; gap: 32px; }  .bk-kapanis-quote { font-size: 18px; padding-left: 18px; }  .bk-kapanis-stats { gap: 18px; flex-wrap: wrap; justify-content: center; }  .bk-kapanis-stat-num { font-size: 22px; }  .bk-kapanis-btn { display: block; text-align: center; }  .bk-sec-title { font-size: 22px; }  .bk-sec-sub { font-size: 14px; line-height: 1.7; }  .bk-kapanis-text { font-size: 15px; line-height: 1.9; color: rgba(240,235,224,0.72); }}@media (max-width: 480px) {  .bk-page-title { font-size: 17px; }  .bk-page-header { padding: 20px 16px 14px; }  .bk-page-video { padding: 16px; }  .bk-page-social { padding: 16px; }  .bk-kapanis-quote { font-size: 16px; }  .bk-sosyal-row { padding: 9px 10px; gap: 8px; }  .bk-sosyal-row-name { font-size: 12px; }  .bk-sosyal-row-handle { font-size: 10.5px; }  .bk-sosyal-row-btn { font-size: 8px; padding: 7px 10px; }  .bk-dan-photo-wrap { min-height: 180px; }  .bk-featured-title { font-size: 10.5px; }}/* ═══ HERO ALT BAR ═══ */.hero-alt-bar {  background: var(--bg2);  position: relative;  z-index: 2;}.hab-border-top {  height: 0.5px;  background: linear-gradient(90deg, transparent, rgba(123,79,190,0.3), transparent);}.hab-border-bottom {  height: 0.5px;  background: linear-gradient(90deg, transparent, rgba(123,79,190,0.3), transparent);}.hab-inner {  padding: 22px 48px;  display: grid;  grid-template-columns: auto 0.5px 1fr auto;  align-items: center;  gap: 0;}.hab-okul {  display: flex;  align-items: flex-start;  gap: 8px;  padding-right: 32px;  flex-shrink: 0;}.hab-okul-star {  font-size: 10px;  color: rgba(192,144,240,0.6);  margin-top: 2px;  flex-shrink: 0;}.hab-okul-text {  font-family: 'Cinzel', serif;  font-size: 10px;  letter-spacing: 3px;  color: rgba(192,144,240,0.7);  line-height: 1.7;  font-weight: 600;}.hab-div {  width: 0.5px;  height: 52px;  background: linear-gradient(to bottom, transparent, rgba(123,79,190,0.3), transparent);  flex-shrink: 0;}.hab-middle {  padding: 0 36px;  display: flex;  align-items: center;  gap: 28px;}.hab-sorular {  display: flex;  flex-direction: column;  gap: 6px;  flex-shrink: 0;}.hab-soru {  font-family: 'Spectral', serif;  font-size: 13px;  font-style: italic;  color: rgba(240,235,224,0.55);  line-height: 1.5;  white-space: nowrap;}.hab-div2 {  width: 0.5px;  height: 52px;  background: linear-gradient(to bottom, transparent, rgba(123,79,190,0.25), transparent);  flex-shrink: 0;}.hab-slogan {  display: flex;  flex-direction: column;  gap: 6px;}.hab-slogan-line1 {  font-family: 'Cinzel', serif;  font-size: 12px;  color: rgba(240,235,224,0.45);  letter-spacing: 0.3px;  white-space: nowrap;}.hab-slogan-line2 {  font-family: 'Cinzel', serif;  font-size: 14px;  font-weight: 700;  letter-spacing: 0.3px;  line-height: 1.4;  white-space: nowrap;  background: linear-gradient(135deg, #C090F0, #E0B8FF);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;}.hab-btns {  padding-left: 32px;  display: flex;  flex-direction: column;  gap: 8px;  flex-shrink: 0;}.hab-btn-primary {  font-family: 'Cinzel', serif;  font-size: 9px;  font-weight: 700;  letter-spacing: 1px;  color: #fff;  background: linear-gradient(135deg, #7B4FBE, #9B6FDE);  padding: 9px 18px;  border-radius: 5px;  text-decoration: none;  white-space: nowrap;  text-align: center;  box-shadow: 0 0 16px rgba(123,79,190,0.3);  transition: box-shadow 0.2s;  display: block;}.hab-btn-primary:hover { box-shadow: 0 0 28px rgba(123,79,190,0.5); }.hab-btn-ghost {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 1px;  color: rgba(192,144,240,0.8);  border: 0.5px solid rgba(123,79,190,0.35);  padding: 9px 18px;  border-radius: 5px;  text-decoration: none;  white-space: nowrap;  text-align: center;  background: transparent;  transition: border-color 0.2s, color 0.2s;  display: block;}.hab-btn-ghost:hover { border-color: rgba(192,144,240,0.5); color: #C090F0; }@media (max-width: 768px) {  .hab-inner {    grid-template-columns: 1fr;    padding: 28px 24px;    gap: 20px;  }  .hab-okul { padding-right: 0; flex-direction: row; align-items: center; }  .hab-okul-text { font-size: 9px; letter-spacing: 2px; line-height: 1; white-space: nowrap; }  .hab-div { display: none; }  .hab-div2 { display: none; }  .hab-middle { padding: 0; flex-direction: column; align-items: flex-start; gap: 16px; }  .hab-soru { font-size: 13px; white-space: normal; }  .hab-slogan-line1 { font-size: 12px; white-space: normal; }  .hab-slogan-line2 { font-size: 15px; white-space: normal; }  .hab-btns { padding-left: 0; flex-direction: row; flex-wrap: wrap; gap: 10px; }  .hab-btn-primary, .hab-btn-ghost { font-size: 10px; padding: 10px 20px; }}/* ─── NAV DROPDOWN ─── */.nav-dropdown {  position: relative;  display: flex;  align-items: center;}.nav-dropdown-btn {  font-family: 'Cinzel', serif;  font-size: 13px;  letter-spacing: 1.2px;  color: rgba(240,235,224,0.92);  background: transparent;  border: none;  cursor: pointer;  padding: 0;  position: relative;  transition: color 0.2s;  display: flex;  align-items: center;  gap: 5px;  line-height: 1;}.nav-dropdown-btn::after {  content: '';  position: absolute;  bottom: -3px;  left: 0;  width: 0;  height: 1px;  background: #C090F0;  transition: width 0.25s ease;}.nav-dropdown-chevron {  font-size: 8px;  opacity: 0.55;  transition: transform 0.2s;  display: inline-block;}.nav-dropdown:hover .nav-dropdown-btn { color: rgba(192,144,240,0.95); }.nav-dropdown:hover .nav-dropdown-btn::after { width: 100%; }.nav-dropdown:hover .nav-dropdown-chevron,.nav-dropdown.open .nav-dropdown-chevron { transform: rotate(180deg); }.nav-dropdown-menu {  position: absolute;  top: calc(100% + 14px);  left: 50%;  transform: translateX(-50%) translateY(-6px);  background: rgba(8,5,26,0.98);  border: 0.5px solid rgba(123,79,190,0.28);  border-radius: 8px;  padding: 6px;  min-width: 180px;  opacity: 0;  pointer-events: none;  transition: opacity 0.18s ease, transform 0.18s ease;  backdrop-filter: blur(16px);  -webkit-backdrop-filter: blur(16px);  box-shadow: 0 8px 32px rgba(0,0,0,0.5);  z-index: 200;}.nav-dropdown-menu::before {  content: '';  position: absolute;  top: -14px;  left: 0;  right: 0;  height: 14px;}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu {  opacity: 1;  pointer-events: auto;  transform: translateX(-50%) translateY(0);}.nav-dropdown-item {  display: block;  font-family: 'Cinzel', serif;  font-size: 11px;  letter-spacing: 1px;  color: rgba(240,235,224,0.8);  padding: 9px 14px;  border-radius: 5px;  transition: background 0.15s, color 0.15s;  white-space: nowrap;  text-decoration: none;}.nav-dropdown-item:hover {  background: rgba(123,79,190,0.18);  color: #C090F0;}.nav-dropdown-btn.active { color: #C090F0; }.nav-dropdown-btn.active::after { width: 100%; }@media (max-width: 768px) {  .nav-dropdown { flex-direction: column; align-items: flex-start; width: 100%; }  .nav-dropdown-btn {    display: flex;    width: 100%;    padding: 10px 24px;    font-size: 12px;    letter-spacing: 1px;    justify-content: space-between;    align-items: center;    border-radius: 0;    pointer-events: auto;    cursor: pointer;  }  .nav-dropdown-menu {    position: static;    opacity: 1;    max-height: 0;    overflow: hidden;    transform: none;    background: rgba(123,79,190,0.04);    border: none;    box-shadow: none;    backdrop-filter: none;    -webkit-backdrop-filter: none;    padding: 0;    min-width: unset;    width: 100%;    transition: max-height 0.25s ease;    pointer-events: none;  }  .nav-dropdown.open .nav-dropdown-menu {    max-height: 180px;    pointer-events: auto;  }  .nav-dropdown-item {    padding: 8px 24px 8px 38px;    font-size: 11px;    letter-spacing: 1px;    border-radius: 0;    color: rgba(192,144,240,0.6);  }  .nav-dropdown-item:hover { background: rgba(123,79,190,0.12); color: rgba(192,144,240,0.9); }}/* ─── BLOG CTA BANNER ─── */.blog-cta-banner {  display: flex;  align-items: center;  gap: 14px;  padding: 14px 20px;  background: rgba(212,168,67,0.06);  border: 0.5px solid rgba(212,168,67,0.22);  border-radius: 10px;  flex: 1;  text-decoration: none;  color: inherit;  cursor: pointer;  transition: background 0.2s, border-color 0.2s;  min-width: 0;}.blog-cta-banner:hover {  background: rgba(212,168,67,0.11);  border-color: rgba(212,168,67,0.4);}.blog-cta-icon {  font-size: 20px;  color: #D4A843;  flex-shrink: 0;}.blog-cta-text {  display: flex;  flex-direction: column;  gap: 4px;  min-width: 0;}.blog-cta-label {  font-family: 'Cinzel', serif;  font-size: 7.5px;  letter-spacing: 2px;  color: rgba(212,168,67,0.6);  font-weight: 700;}.blog-cta-desc {  font-family: 'Spectral', serif;  font-size: 12px;  font-style: italic;  color: rgba(240,235,224,0.58);  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}.blog-cta-btn {  font-family: 'Cinzel', serif;  font-size: 8.5px;  font-weight: 700;  letter-spacing: 1px;  color: #D4A843;  border: 0.5px solid rgba(212,168,67,0.35);  padding: 8px 14px;  border-radius: 5px;  white-space: nowrap;  flex-shrink: 0;  margin-left: auto;  transition: border-color 0.2s, background 0.2s;}.blog-cta-banner:hover .blog-cta-btn {  border-color: rgba(212,168,67,0.55);  background: rgba(212,168,67,0.08);}@media (max-width: 768px) { .blog-cta-banner { display: none; } }/* ═══ BLOG ═══ */.blog-hero {  min-height: 280px;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  padding: 80px 48px 60px;  text-align: center;  position: relative;  overflow: hidden;}.blog-hero-eyebrow {  font-family: 'Cinzel', serif;  font-size: 10px;  letter-spacing: 4px;  color: rgba(192,144,240,0.6);  margin-bottom: 16px;}.blog-hero-title {  font-family: 'Cinzel', serif;  font-size: clamp(28px, 5vw, 52px);  font-weight: 700;  line-height: 1.15;  background: linear-gradient(135deg, #F0EBE0 30%, #C090F0);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  margin-bottom: 16px;}.blog-hero-sub {  font-family: 'Spectral', serif;  font-size: 16px;  font-style: italic;  color: rgba(240,235,224,0.5);  max-width: 500px;}.blog-hero-glow {  position: absolute;  width: 500px;  height: 500px;  border-radius: 50%;  background: radial-gradient(circle, rgba(123,79,190,0.12) 0%, transparent 70%);  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  pointer-events: none;}.blog-search-wrap {  max-width: 520px;  margin: 0 auto 36px;  padding: 0 48px;}.blog-search-input {  width: 100%;  background: rgba(255,255,255,0.04);  border: 0.5px solid rgba(123,79,190,0.3);  border-radius: 8px;  padding: 12px 18px;  font-family: 'Spectral', serif;  font-size: 14px;  color: var(--text);  outline: none;  transition: border-color 0.2s;}.blog-search-input::placeholder { color: rgba(240,235,224,0.3); }.blog-search-input:focus { border-color: rgba(123,79,190,0.55); }.blog-cats {  display: flex;  align-items: center;  gap: 8px;  flex-wrap: wrap;  justify-content: center;  padding: 0 48px;  margin-bottom: 52px;}.blog-cat {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 1.2px;  color: rgba(192,144,240,0.7);  border: 0.5px solid rgba(123,79,190,0.3);  border-radius: 20px;  padding: 7px 16px;  cursor: pointer;  background: transparent;  transition: background 0.18s, border-color 0.18s, color 0.18s;}.blog-cat:hover,.blog-cat.active { background: rgba(123,79,190,0.18); border-color: rgba(192,144,240,0.5); color: #C090F0; }.blog-section {  max-width: 1100px;  margin: 0 auto;  padding: 0 48px 80px;}.blog-section-title {  font-family: 'Cinzel', serif;  font-size: 10px;  letter-spacing: 3px;  color: rgba(192,144,240,0.5);  margin-bottom: 28px;  font-weight: 700;}.blog-featured-grid {  display: grid;  grid-template-columns: 1.6fr 1fr;  gap: 20px;  margin-bottom: 52px;}.blog-list {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 18px;  margin-bottom: 20px;}.blog-card {  background: rgba(255,255,255,0.025);  border: 1px solid var(--border);  border-radius: 12px;  overflow: hidden;  transition: border-color 0.2s, transform 0.2s;  display: flex;  flex-direction: column;  text-decoration: none;  color: inherit;}.blog-card:hover { border-color: var(--border-hover); transform: translateY(-3px); }.blog-card-img {  width: 100%;  aspect-ratio: 16/9;  object-fit: cover;  display: block;}.blog-card-placeholder {  width: 100%;  aspect-ratio: 16/9;  background: linear-gradient(135deg, rgba(123,79,190,0.15), rgba(42,191,191,0.08));  display: flex;  align-items: center;  justify-content: center;  font-size: 32px;  color: rgba(192,144,240,0.25);}.blog-card-body {  padding: 20px 22px 22px;  display: flex;  flex-direction: column;  gap: 8px;  flex: 1;}.blog-card-cat {  font-family: 'Inter', 'Cinzel', serif;  font-size: 10px;  letter-spacing: 1.5px;  color: var(--violet-pale);  font-weight: 600;}.blog-card-title {  font-family: 'Cinzel', serif;  font-size: 15px;  font-weight: 600;  line-height: 1.4;  color: var(--text);}.blog-card-title.large { font-size: 20px; }.blog-card-excerpt {  font-family: 'Inter', 'Spectral', serif;  font-size: 13px;  color: var(--text-body);  line-height: 1.65;}.blog-card-meta {  display: flex;  align-items: center;  gap: 12px;  margin-top: auto;  padding-top: 12px;  border-top: 1px solid var(--border);}.blog-card-date { font-family: 'Inter', serif; font-size: 11px; color: rgba(200,192,232,0.55); }.blog-card-read { font-family: 'Inter', 'Cinzel', serif; font-size: 10px; letter-spacing: 0.5px; color: var(--violet-pale); margin-left: auto; opacity: 0.8; }.blog-no-results {  text-align: center;  padding: 60px 0;  font-family: 'Spectral', serif;  font-style: italic;  color: rgba(240,235,224,0.3);  font-size: 16px;  grid-column: 1/-1;}.blog-newsletter {  background: rgba(123,79,190,0.06);  border-top: 0.5px solid rgba(123,79,190,0.18);  padding: 60px 48px;  text-align: center;}.blog-nl-eyebrow {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 3px;  color: rgba(192,144,240,0.55);  margin-bottom: 14px;}.blog-nl-title {  font-family: 'Cinzel', serif;  font-size: 24px;  font-weight: 700;  color: rgba(240,235,224,0.9);  margin-bottom: 10px;}.blog-nl-sub {  font-family: 'Spectral', serif;  font-size: 15px;  font-style: italic;  color: rgba(240,235,224,0.42);  margin-bottom: 28px;}.blog-nl-form { display: flex; gap: 10px; max-width: 420px; margin: 0 auto; }.blog-nl-input {  flex: 1;  background: rgba(255,255,255,0.05);  border: 0.5px solid rgba(123,79,190,0.3);  border-radius: 6px;  padding: 11px 16px;  font-family: 'Spectral', serif;  font-size: 14px;  color: var(--text);  outline: none;}.blog-nl-input::placeholder { color: rgba(240,235,224,0.3); }.blog-nl-btn {  font-family: 'Cinzel', serif;  font-size: 9px;  font-weight: 700;  letter-spacing: 1px;  color: #fff;  background: linear-gradient(135deg, #7B4FBE, #9B6FDE);  border: none;  border-radius: 6px;  padding: 11px 20px;  cursor: pointer;  white-space: nowrap;  transition: box-shadow 0.2s;}.blog-nl-btn:hover { box-shadow: 0 0 20px rgba(123,79,190,0.4); }@media (max-width: 768px) {  .blog-hero { padding: 60px 24px 40px; min-height: auto; }  .blog-search-wrap { padding: 0 24px; }  .blog-cats { padding: 0 24px; margin-bottom: 36px; }  .blog-section { padding: 0 24px 60px; }  .blog-featured-grid { grid-template-columns: 1fr; }  .blog-list { grid-template-columns: 1fr; }  .blog-newsletter { padding: 48px 24px; }  .blog-nl-form { flex-direction: column; }}/* ═══ BLOG YAZI ═══ */.by-breadcrumb {  max-width: 1100px;  margin: 0 auto;  padding: 18px 44px 0;  position: relative;  z-index: 1;}.by-breadcrumb-link {  font-family: 'Cinzel', serif;  font-size: 10px;  letter-spacing: 1.5px;  color: rgba(192,144,240,0.6);  text-decoration: none;  transition: color 0.2s;}.by-breadcrumb-link:hover { color: #C090F0; }@media (max-width: 768px) {  .by-breadcrumb { padding: 14px 20px 0; }}.by-progress {  position: fixed;  top: 0;  left: 0;  width: 0%;  height: 2px;  background: linear-gradient(90deg, #7B4FBE, #C090F0);  z-index: 999;  transition: width 0.1s linear;}.by-layout {  max-width: 1100px;  margin: 0 auto;  padding: 60px 48px 80px;  display: grid;  grid-template-columns: 1fr 260px;  gap: 60px;  align-items: start;}.by-header { margin-bottom: 40px; }.by-cat {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 2px;  color: rgba(192,144,240,0.6);  font-weight: 700;  margin-bottom: 14px;}.by-title {  font-family: 'Cinzel', serif;  font-size: clamp(22px, 4vw, 38px);  font-weight: 700;  line-height: 1.25;  color: rgba(240,235,224,0.95);  margin-bottom: 20px;}.by-meta {  display: flex;  align-items: center;  gap: 14px;  padding-bottom: 24px;  border-bottom: 0.5px solid rgba(123,79,190,0.18);  flex-wrap: wrap;}.by-meta-date,.by-meta-read,.by-meta-author { font-family: 'Spectral', serif; font-size: 12px; color: rgba(240,235,224,0.4); }.by-meta-sep { width: 3px; height: 3px; border-radius: 50%; background: rgba(123,79,190,0.4); flex-shrink: 0; }.by-prose {  font-family: 'Spectral', serif;  font-size: 17px;  line-height: 1.85;  color: rgba(240,235,224,0.82);}.by-prose h2 {  font-family: 'Cinzel', serif;  font-size: 22px;  font-weight: 600;  color: rgba(240,235,224,0.92);  margin: 44px 0 18px;  padding-bottom: 10px;  border-bottom: 0.5px solid rgba(123,79,190,0.15);}.by-prose h3 {  font-family: 'Cinzel', serif;  font-size: 17px;  font-weight: 600;  color: rgba(240,235,224,0.88);  margin: 32px 0 12px;}.by-prose p { margin-bottom: 22px; }.by-prose blockquote {  border-left: 2px solid rgba(123,79,190,0.5);  padding: 14px 22px;  margin: 28px 0;  background: rgba(123,79,190,0.05);  border-radius: 0 8px 8px 0;  font-style: italic;  color: rgba(240,235,224,0.62);}.by-prose a { color: #C090F0; text-decoration: underline; text-underline-offset: 3px; }.by-sidebar { position: sticky; top: 96px; }.by-toc {  background: rgba(255,255,255,0.025);  border: 0.5px solid rgba(123,79,190,0.18);  border-radius: 10px;  padding: 20px;}.by-toc-title {  font-family: 'Cinzel', serif;  font-size: 9px;  letter-spacing: 2px;  color: rgba(192,144,240,0.55);  font-weight: 700;  margin-bottom: 14px;}.by-toc-list { list-style: none; display: flex; flex-direction: column; gap: 2px; }.by-toc-item a {  font-family: 'Spectral', serif;  font-size: 12.5px;  color: rgba(240,235,224,0.48);  transition: color 0.15s;  display: block;  padding: 5px 8px;  border-radius: 4px;  border-left: 2px solid transparent;  text-decoration: none;}.by-toc-item.active a,.by-toc-item a:hover { color: #C090F0; border-left-color: rgba(123,79,190,0.5); background: rgba(123,79,190,0.06); }.by-related {  max-width: 1100px;  margin: 0 auto;  padding: 0 48px 80px;  border-top: 0.5px solid rgba(123,79,190,0.12);}.by-related-title {  font-family: 'Cinzel', serif;  font-size: 10px;  letter-spacing: 3px;  color: rgba(192,144,240,0.5);  margin-bottom: 28px;  font-weight: 700;  padding-top: 52px;}.by-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }@media (max-width: 768px) {  .by-layout { grid-template-columns: 1fr; padding: 28px 20px 60px; gap: 0; }  .by-sidebar { display: none; }  .by-prose { font-size: 16px; line-height: 1.82; }  .by-prose h2 { font-size: 18px; margin: 30px 0 12px; }  .by-prose h3 { font-size: 15px; margin: 22px 0 8px; }  .by-prose blockquote { padding: 11px 16px; margin: 18px 0; font-size: 15px; }  .by-prose ul, .by-prose ol { padding-left: 18px; }  .by-title { font-size: 22px; line-height: 1.28; }  .by-related { padding: 0 20px 60px; }  .by-related-grid { grid-template-columns: 1fr; }}@media (max-width: 480px) {  .by-layout { padding: 20px 16px 60px; }  .by-prose { font-size: 15px; line-height: 1.78; }  .by-title { font-size: 19px; }  .by-breadcrumb { padding: 12px 16px 0; }}/* ─── BAŞA DÖN BUTONU ─── */.back-to-top {  position: fixed;  bottom: 36px;  right: 36px;  width: 46px;  height: 46px;  border-radius: 50%;  background: rgba(123,79,190,0.82);  border: 0.5px solid rgba(192,144,240,0.35);  color: #fff;  font-size: 19px;  line-height: 1;  cursor: pointer;  z-index: 490;  opacity: 0;  transform: translateY(14px) scale(0.9);  pointer-events: none;  transition: opacity 0.25s ease, transform 0.25s ease, background 0.18s;  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  box-shadow: 0 4px 20px rgba(123,79,190,0.35);  display: flex;  align-items: center;  justify-content: center;}.back-to-top.visible {  opacity: 1;  transform: translateY(0) scale(1);  pointer-events: auto;}.back-to-top:hover {  background: rgba(123,79,190,1);  box-shadow: 0 6px 28px rgba(123,79,190,0.55);}@media (max-width: 768px) {  .back-to-top { bottom: 80px; right: 16px; width: 42px; height: 42px; font-size: 17px; }}/* ─── PWA INSTALL BANNER ─── */#pwa-install-banner {  position: fixed;  bottom: 16px;  left: 16px;  right: 16px;  background: rgba(18,10,42,0.96);  border: 0.5px solid rgba(123,79,190,0.4);  border-radius: 16px;  padding: 14px 16px;  display: flex;  align-items: center;  gap: 12px;  z-index: 9998;  backdrop-filter: blur(16px);  -webkit-backdrop-filter: blur(16px);  box-shadow: 0 8px 32px rgba(0,0,0,0.5), 0 0 0 0.5px rgba(192,144,240,0.15) inset;  opacity: 0;  transform: translateY(20px);  transition: opacity 0.3s ease, transform 0.3s ease;  pointer-events: none;}#pwa-install-banner.visible {  opacity: 1;  transform: translateY(0);  pointer-events: auto;}.pwa-banner-icon {  font-size: 28px;  flex-shrink: 0;  width: 44px;  height: 44px;  background: rgba(123,79,190,0.18);  border-radius: 10px;  display: flex;  align-items: center;  justify-content: center;  border: 0.5px solid rgba(123,79,190,0.3);}.pwa-banner-text {  flex: 1;  min-width: 0;  display: flex;  flex-direction: column;  gap: 2px;}.pwa-banner-text strong {  font-family: 'Cinzel', serif;  font-size: 12px;  font-weight: 700;  color: #C090F0;  letter-spacing: 1px;}.pwa-banner-text span {  font-family: 'Spectral', serif;  font-size: 11px;  font-style: italic;  color: rgba(240,235,224,0.55);  line-height: 1.4;}.pwa-banner-btn {  font-family: 'Cinzel', serif;  font-size: 10px;  font-weight: 700;  letter-spacing: 1px;  color: #fff;  background: linear-gradient(135deg, #7B4FBE, #9B6FDE);  border: none;  border-radius: 9px;  padding: 9px 16px;  cursor: pointer;  flex-shrink: 0;  transition: opacity 0.2s;}.pwa-banner-btn:hover { opacity: 0.85; }.pwa-banner-close {  background: none;  border: none;  color: rgba(240,235,224,0.3);  font-size: 13px;  cursor: pointer;  padding: 4px;  flex-shrink: 0;  transition: color 0.2s;}.pwa-banner-close:hover { color: rgba(240,235,224,0.7); }@media (max-width: 768px) {  #pwa-install-banner { bottom: 80px; }}/* ═══ ÇÖZÜNÜRLÜK STABİLİTESİ ═══ */@media (max-width: 1280px) {  body { font-size: 16px; }}@media (min-width: 1920px) {  body { font-size: 18px; }}@media (min-width: 2560px) {  body { font-size: 20px; }}@media (max-width: 768px) {  body { font-size: 16px; line-height: 1.8; background-attachment: scroll; }}@media (max-width: 480px) {  body { font-size: 15px; }}/* ======================   MOBİL OKUNABİLİRLİK   ====================== */@media (max-width: 768px) {  /* GENEL */  body {    font-size: 16px;    line-height: 1.85;    background-attachment: scroll;    color: #EDE8FF;  }  /* BAŞLIKLAR */  h1 { font-size: clamp(28px, 8vw, 40px) !important; line-height: 1.2; }  h2 { font-size: clamp(22px, 6vw, 30px) !important; line-height: 1.3; }  h3 { font-size: clamp(18px, 5vw, 24px) !important; line-height: 1.4; }  /* PARAGRAFLAR */  p {    font-size: 16px !important;    line-height: 1.85 !important;    color: var(--text-body) !important;  }  /* KÜÇÜK METİNLER */  small, .small { font-size: 13px !important; }  /* BUTONLAR — parmakla tıklamaya uygun (yalnızca genel butonlar) */  .btn, a.btn,  .btn-primary, .btn-secondary, .btn-ghost,  [class*="btn-primary"], [class*="btn-secondary"],  .kapi-btn {    min-height: 48px !important;    padding: 13px 20px !important;    font-size: 15px !important;  }  /* SAYFA KENARLIKLARI */  .above-fold,  [class*="section"],  [class*="page-body"],  [class*="container"] {    padding-left: 20px !important;    padding-right: 20px !important;  }  /* KARTLAR */  [class*="card"] {    padding: 1.25rem !important;    border-radius: 14px !important;    margin-bottom: 12px;  }  /* ETİKETLER */  [class*="label"],  [class*="tag"],  [class*="badge"] {    letter-spacing: 1.5px !important;    font-size: 11px !important;  }  /* HERO BAŞLIK */  .above-fold h1,  [class*="hero"] h1 {    font-size: clamp(30px, 9vw, 44px) !important;    line-height: 1.15 !important;  }  /* HERO AÇIKLAMA */  .above-fold p,  [class*="hero"] p {    font-size: 16px !important;    color: var(--text-body) !important;    line-height: 1.85 !important;  }  /* FORM ALANLARI — iOS zoom önleme */  input, textarea, select {    font-size: 16px !important;    padding: 12px 14px !important;    border-radius: 10px !important;  }  /* GRİDLER — tek kolona düş */  [class*="grid-2"],  [class*="grid-3"],  [class*="two-col"],  [class*="three-col"] {    grid-template-columns: 1fr !important;  }  /* FOOTER */  footer, [class*="footer"] {    font-size: 14px !important;    line-height: 1.75 !important;    padding: 28px 20px !important;  }  footer a, [class*="footer"] a {    font-size: 14px !important;    min-height: 40px;    display: flex;    align-items: center;  }  /* bk-page-body kendi grid item padding'ini yönetir */  .bk-page-body {    padding-left: 0 !important;    padding-right: 0 !important;  }}/* ÇOK KÜÇÜK EKRANLAR — bk-page-body glob kuralından muaf */@media (max-width: 480px) {  .bk-page-body {    padding-left: 0 !important;    padding-right: 0 !important;  }}/* ÇOK KÜÇÜK EKRANLAR — iPhone SE vb. */@media (max-width: 480px) {  body { font-size: 15px; }  h1 { font-size: clamp(26px, 7.5vw, 34px) !important; }  h2 { font-size: clamp(20px, 6vw, 26px) !important; }  .above-fold,  [class*="section"],  [class*="page-body"] {    padding-left: 16px !important;    padding-right: 16px !important;  }  .btn-primary, [class*="btn-primary"] {    width: 100% !important;    text-align: center;  }}/* ─── VİDEO İNDİRME ENGELİ ─── */video {  pointer-events: auto;  -webkit-touch-callout: none;  user-select: none;}.video-container { position: relative; }.video-overlay {  position: absolute;  top: 0; left: 0;  width: 100%; height: 100%;  z-index: 1;  pointer-events: none;}/* ─── PLYR CUSTOM PLAYER ─── */:root {  --plyr-color-main: #7C3AED;  --plyr-control-icon-size: 18px;  --plyr-font-family: inherit;  --plyr-range-fill-background: #7C3AED;  --plyr-video-background: #08051A;  --plyr-menu-background: #12103A;  --plyr-menu-color: #EDE8FF;  --plyr-menu-border-color: rgba(124,58,237,0.3);  --plyr-tooltip-background: #12103A;  --plyr-tooltip-color: #EDE8FF;}.plyr-container {  position: relative;  width: 100%;  border-radius: 12px;  overflow: hidden;  background: #000;}.plyr__controls [data-plyr="download"],.plyr [download],a[download] { display: none !important; }.plyr video {  pointer-events: none;  user-select: none;  -webkit-user-select: none;}.plyr__controls { pointer-events: all; }@media (max-width: 768px) {  .plyr-container { border-radius: 8px; }}/* ========================   iOS KURULUM BANNER   ======================== */.ios-banner-backdrop {  position: fixed;  top: 0; left: 0;  width: 100%; height: 100%;  background: rgba(0,0,0,0.5);  z-index: 9998;  opacity: 0;  transition: opacity 0.3s;}.ios-banner-visible .ios-banner-backdrop { opacity: 1; }.ios-banner-card {  position: fixed;  bottom: 0; left: 0; right: 0;  background: #12103A;  border-top: 0.5px solid rgba(196,181,253,0.2);  border-radius: 20px 20px 0 0;  padding: 24px 20px 40px;  z-index: 9999;  transform: translateY(100%);  transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1);  max-width: 480px;  margin: 0 auto;}.ios-banner-visible .ios-banner-card { transform: translateY(0); }.ios-banner-close {  position: absolute;  top: 16px; right: 16px;  background: rgba(196,181,253,0.1);  border: none;  color: #9B8FDE;  width: 28px; height: 28px;  border-radius: 50%;  font-size: 13px;  cursor: pointer;  display: flex;  align-items: center;  justify-content: center;  font-family: sans-serif;  min-height: unset !important;  padding: unset !important;}.ios-banner-top {  display: flex; align-items: center;  gap: 14px; margin-bottom: 16px;}.ios-banner-icon {  width: 52px; height: 52px;  border-radius: 12px;  background: #1E1650;  display: flex; align-items: center; justify-content: center;  overflow: hidden; flex-shrink: 0;}.ios-banner-title {  font-family: sans-serif; font-size: 16px; font-weight: 600;  color: #EDE8FF; margin-bottom: 3px;}.ios-banner-sub {  font-family: sans-serif; font-size: 13px; color: #9B8FDE;}.ios-banner-divider {  height: 0.5px;  background: rgba(196,181,253,0.1);  margin: 16px 0;}.ios-banner-steps { display: flex; flex-direction: column; gap: 16px; }.ios-step { display: flex; align-items: center; gap: 14px; }.ios-step-num {  width: 26px; height: 26px;  border-radius: 50%;  background: rgba(124,58,237,0.2);  color: #C4B5FD;  font-family: sans-serif; font-size: 13px; font-weight: 600;  display: flex; align-items: center; justify-content: center;  flex-shrink: 0;}.ios-step-content { flex: 1; }.ios-step-title {  font-family: sans-serif; font-size: 14px; font-weight: 500;  color: #EDE8FF; margin-bottom: 2px;}.ios-step-desc {  font-family: sans-serif; font-size: 12px;  color: #7B6FAE; line-height: 1.4;}.ios-step-icon { flex-shrink: 0; }.ios-banner-arrow-hint {  display: flex; align-items: center; justify-content: center;  gap: 8px;  font-family: sans-serif; font-size: 13px; color: #7C3AED;  margin-top: 4px;}.ios-banner-caret {  width: 0; height: 0;  border-left: 12px solid transparent;  border-right: 12px solid transparent;  border-top: 14px solid #12103A;  position: absolute;  bottom: -14px; left: 50%;  transform: translateX(-50%);}/* ═══ MOBİL KEŞFET / BLOG SEKME ÇUBUĞU ═══ */.mob-kesfet-tabs {  display: none; /* masaüstünde gizli */}@media (max-width: 768px) {  .mob-kesfet-tabs {    display: flex;    position: sticky;    top: 56px; /* nav yüksekliği */    z-index: 200;    background: rgba(10, 8, 30, 0.97);    border-bottom: 0.5px solid rgba(139,127,203,0.2);    backdrop-filter: blur(8px);    -webkit-backdrop-filter: blur(8px);  }  .mkt-tab {    flex: 1;    text-align: center;    padding: 11px 6px;    font-family: 'Cinzel', serif;    font-size: 9.5px;    letter-spacing: 1.5px;    text-transform: uppercase;    color: rgba(139,127,203,0.55);    text-decoration: none;    border-bottom: 2px solid transparent;    transition: color 0.2s, border-color 0.2s;    white-space: nowrap;  }  .mkt-tab.active {    color: #C4B8F0;    border-bottom-color: #6D5FBC;  }}/* ============================================   ALT BANNER — 3 sütunlu tanıtım bandı   ============================================ */.alt-banner {  display: grid;  grid-template-columns: 1fr 1px 1fr 1px 1fr;  min-height: 130px;  background: #0d0820;  border-top: 1px solid rgba(167, 139, 250, 0.15);  border-bottom: 1px solid rgba(167, 139, 250, 0.15);}.alt-banner-sep {  background: rgba(167, 139, 250, 0.12);}.alt-banner-col {  padding: 24px 28px;  display: flex;  flex-direction: column;  justify-content: center;  gap: 8px;}.alt-banner-col--featured {  background: rgba(139, 92, 246, 0.06);}.alt-banner-label {  font-size: 10px;  letter-spacing: 0.1em;  text-transform: uppercase;  color: rgba(167, 139, 250, 0.45);}.alt-banner-title {  font-size: 15px;  font-weight: 500;  color: #f1f0ff;  line-height: 1.4;  margin: 0;}.alt-banner-title em {  font-style: italic;  color: #a78bfa;}.alt-banner-desc {  font-size: 12px;  color: rgba(255, 255, 255, 0.38);  line-height: 1.6;  margin: 0;}.alt-banner-link {  font-size: 12px;  font-weight: 500;  color: #c4b5fd;  text-decoration: none;  margin-top: 4px;  width: fit-content;}.alt-banner-link:hover {  color: #e9d5ff;}.alt-banner-btn {  display: inline-block;  font-size: 12px;  font-weight: 500;  color: #c4b5fd;  text-decoration: none;  background: rgba(139, 92, 246, 0.18);  border: 0.5px solid rgba(139, 92, 246, 0.35);  padding: 7px 14px;  border-radius: 6px;  margin-top: 6px;  width: fit-content;  transition: background 0.15s;}.alt-banner-btn:hover {  background: rgba(139, 92, 246, 0.28);}@media (max-width: 768px) {  .alt-banner {    grid-template-columns: 1fr;    grid-template-rows: auto;  }  .alt-banner-sep {    height: 1px;    width: 100%;  }  .alt-banner-col {    padding: 20px 20px;  }  .alt-banner-col--featured {    background: rgba(139, 92, 246, 0.08);  }}/* ═══════════════════════════════════════════════════════════════════   BLOG DETAY — .blog- prefix   ═══════════════════════════════════════════════════════════════════ *//* Progress bar */.blog-progress {  position: fixed;  top: 0;  left: 0;  height: 3px;  width: 0;  background: linear-gradient(90deg, #7B4FBE, #2ABFBF);  z-index: 2000;  transition: width 0.1s linear;  pointer-events: none;}/* Breadcrumb */.blog-breadcrumb {  max-width: 960px;  margin: 0 auto;  padding: 100px 32px 0;  font-size: 0.82rem;  color: rgba(192, 144, 240, 0.55);}.blog-breadcrumb-back {  color: rgba(192, 144, 240, 0.75);  text-decoration: none;  transition: color 0.2s;}.blog-breadcrumb-back:hover { color: #C090F0; }.blog-breadcrumb-sep { margin: 0 4px; }.blog-breadcrumb-cat { color: rgba(192, 144, 240, 0.5); }/* Hero */.blog-hero {  max-width: 960px;  margin: 0 auto;  padding: 28px 32px 40px;}.blog-cat-chip {  display: inline-block;  padding: 4px 14px;  border-radius: 20px;  background: rgba(123, 79, 190, 0.18);  border: 0.5px solid rgba(123, 79, 190, 0.35);  color: #C090F0;  font-size: 0.72rem;  font-weight: 600;  letter-spacing: 0.1em;  text-transform: uppercase;  margin-bottom: 18px;}.blog-hero-title {  font-size: clamp(1.9rem, 4.5vw, 2.9rem);  font-weight: 700;  line-height: 1.22;  color: #F0E8FF;  margin: 0 0 28px;  letter-spacing: -0.01em;}.blog-hero-meta {  display: flex;  align-items: center;  gap: 14px;}.blog-author-avatar {  width: 46px;  height: 46px;  border-radius: 50%;  background: linear-gradient(135deg, #7B4FBE 0%, #2ABFBF 100%);  display: flex;  align-items: center;  justify-content: center;  font-size: 1.15rem;  font-weight: 700;  color: #fff;  flex-shrink: 0;  text-transform: uppercase;}.blog-author-info {  display: flex;  flex-direction: column;  gap: 3px;}.blog-author-name {  font-size: 0.9rem;  font-weight: 600;  color: rgba(240, 232, 255, 0.88);}.blog-meta-row {  font-size: 0.8rem;  color: rgba(192, 144, 240, 0.65);  display: flex;  align-items: center;  gap: 6px;}.blog-meta-bullet { opacity: 0.5; }/* Cover image */.blog-cover-wrap {  max-width: 960px;  margin: 0 auto 48px;  padding: 0 32px;}.blog-cover-img {  width: 100%;  border-radius: 16px;  max-height: 440px;  object-fit: cover;  display: block;  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);}/* 2-column layout */.blog-layout {  max-width: 960px;  margin: 0 auto;  padding: 0 32px 80px;  display: grid;  grid-template-columns: 1fr 268px;  gap: 52px;  align-items: start;}.blog-article { min-width: 0; }/* Pull quote */.blog-pullquote {  margin: 0 0 44px;  padding: 24px 28px;  background: linear-gradient(135deg, rgba(123, 79, 190, 0.14), rgba(42, 191, 191, 0.05));  border-left: 3px solid #9B6FDE;  border-radius: 0 12px 12px 0;}.blog-pullquote-text {  font-size: 1.18rem;  font-style: italic;  line-height: 1.65;  color: rgba(240, 232, 255, 0.88);  margin: 0;}/* Prose */.blog-prose {  font-size: 1.04rem;  line-height: 1.92;  color: rgba(220, 205, 250, 0.84);}.blog-prose h2 {  font-size: 1.48rem;  font-weight: 700;  color: #F0E8FF;  margin: 2.6em 0 0.75em;  letter-spacing: -0.01em;}.blog-prose h3 {  font-size: 1.18rem;  font-weight: 600;  color: rgba(240, 232, 255, 0.9);  margin: 2em 0 0.6em;}.blog-prose p { margin: 0 0 1.45em; }.blog-prose ul,.blog-prose ol { margin: 0 0 1.45em; padding-left: 1.7em; }.blog-prose li { margin-bottom: 0.45em; }.blog-prose blockquote {  margin: 2em 0;  padding: 1.1em 1.5em;  border-left: 3px solid rgba(123, 79, 190, 0.6);  background: rgba(123, 79, 190, 0.08);  border-radius: 0 8px 8px 0;}.blog-prose blockquote p {  margin: 0;  font-style: italic;  color: rgba(240, 232, 255, 0.85);}.blog-prose strong { color: rgba(240, 232, 255, 0.96); font-weight: 600; }.blog-prose em { color: rgba(192, 144, 240, 0.88); }.blog-prose a { color: #9B6FDE; text-decoration: underline; text-decoration-color: rgba(155, 111, 222, 0.4); }.blog-prose a:hover { color: #C090F0; }.blog-prose hr { border: none; border-top: 1px solid rgba(123, 79, 190, 0.2); margin: 2.5em 0; }.blog-prose img { max-width: 100%; border-radius: 10px; margin: 1.5em 0; }.blog-prose code {  background: rgba(123, 79, 190, 0.15);  padding: 2px 7px;  border-radius: 4px;  font-size: 0.9em;  color: #C090F0;}/* Sidebar */.blog-sidebar {  position: sticky;  top: 100px;  display: flex;  flex-direction: column;  gap: 16px;}.blog-toc {  background: rgba(20, 10, 42, 0.7);  border: 1px solid rgba(123, 79, 190, 0.22);  border-radius: 12px;  padding: 20px 18px;  backdrop-filter: blur(8px);}.blog-toc-head {  font-size: 0.68rem;  font-weight: 700;  letter-spacing: 0.14em;  color: rgba(192, 144, 240, 0.55);  text-transform: uppercase;  margin-bottom: 14px;  padding-bottom: 10px;  border-bottom: 1px solid rgba(123, 79, 190, 0.15);}.blog-toc-items { display: flex; flex-direction: column; gap: 2px; }.blog-toc-item {  display: block;  font-size: 0.83rem;  color: rgba(192, 144, 240, 0.65);  padding: 5px 8px;  border-radius: 6px;  text-decoration: none;  line-height: 1.4;  transition: color 0.18s, background 0.18s;}.blog-toc-item:hover,.blog-toc-item.active {  color: #C090F0;  background: rgba(123, 79, 190, 0.15);}.blog-toc-item-h3 {  padding-left: 20px;  font-size: 0.78rem;}/* Share widget */.blog-share-widget {  background: rgba(20, 10, 42, 0.7);  border: 1px solid rgba(123, 79, 190, 0.22);  border-radius: 12px;  padding: 18px 18px;  backdrop-filter: blur(8px);}.blog-share-head {  font-size: 0.68rem;  font-weight: 700;  letter-spacing: 0.14em;  color: rgba(192, 144, 240, 0.55);  text-transform: uppercase;  margin-bottom: 12px;}.blog-share-btn {  display: block;  padding: 9px 14px;  border-radius: 8px;  font-size: 0.82rem;  text-decoration: none;  text-align: center;  margin-bottom: 8px;  transition: transform 0.15s, opacity 0.15s;  font-weight: 500;}.blog-share-btn:last-child { margin-bottom: 0; }.blog-share-btn:hover { transform: translateY(-1px); opacity: 0.88; }.blog-share-twitter { background: rgba(255, 255, 255, 0.07); color: rgba(240, 232, 255, 0.8); }.blog-share-wa { background: rgba(37, 211, 102, 0.12); color: rgba(37, 211, 102, 0.9); }/* Related posts */.blog-related {  max-width: 960px;  margin: 0 auto;  padding: 0 32px 72px;}.blog-related-head {  font-size: 0.72rem;  font-weight: 700;  letter-spacing: 0.14em;  color: rgba(192, 144, 240, 0.55);  text-transform: uppercase;  margin-bottom: 24px;  padding-bottom: 12px;  border-bottom: 1px solid rgba(123, 79, 190, 0.15);}.blog-related-grid {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 24px;}/* Responsive */@media (max-width: 1100px) {  .blog-layout { grid-template-columns: 1fr 240px; gap: 36px; }}@media (max-width: 768px) {  .blog-breadcrumb { padding-top: 86px; padding-left: 20px; padding-right: 20px; }  .blog-hero { padding: 20px 20px 32px; }  .blog-hero-title { font-size: 1.75rem; }  .blog-cover-wrap { padding: 0 20px; margin-bottom: 32px; }  .blog-layout { grid-template-columns: 1fr; gap: 0; padding: 0 20px 60px; }  .blog-sidebar { position: static; flex-direction: row; flex-wrap: wrap; gap: 12px; margin-top: 32px; }  .blog-toc, .blog-share-widget { flex: 1 1 200px; }  .blog-related { padding: 0 20px 56px; }  .blog-related-grid { grid-template-columns: 1fr; gap: 16px; }}/* ══════════════════════════════════════════════   NAV USER DROPDOWN══════════════════════════════════════════════ */.nav-user-wrap {  position: relative;  display: inline-flex;  align-items: center;  min-width: 128px;  justify-content: flex-end;}.nav-user-trigger {  display: flex;  align-items: center;  gap: 8px;  background: none;  border: none;  cursor: pointer;  padding: 6px 10px;  border-radius: 24px;  color: rgba(255,255,255,0.85);  font-family: inherit;  font-size: 0.85rem;  letter-spacing: 0.02em;  transition: background 0.2s;}.nav-user-trigger:hover {  background: rgba(255,255,255,0.07);}.nav-user-photo {  width: 28px; height: 28px;  border-radius: 50%;  object-fit: cover;  border: 1.5px solid rgba(180,160,255,0.4);}.nav-user-initials {  display: flex;  align-items: center;  justify-content: center;  width: 28px; height: 28px;  border-radius: 50%;  background: rgba(140,100,255,0.25);  border: 1.5px solid rgba(180,160,255,0.4);  font-size: 0.72rem;  font-weight: 600;  color: #c4b8f0;  letter-spacing: 0.03em;}.nav-user-chevron {  font-size: 0.7rem;  opacity: 0.6;  transition: transform 0.2s;}.nav-user-trigger[aria-expanded="true"] .nav-user-chevron {  transform: rotate(180deg);}.nav-user-dd {  display: none;  position: absolute;  top: calc(100% + 8px);  right: 0;  min-width: 180px;  background: rgba(18,14,48,0.97);  border: 1px solid rgba(180,160,255,0.18);  border-radius: 12px;  box-shadow: 0 16px 40px rgba(0,0,0,0.5);  backdrop-filter: blur(12px);  overflow: hidden;  z-index: 1100;  animation: ddFade 0.15s ease;}.nav-user-dd.open { display: block; }@keyframes ddFade {  from { opacity: 0; transform: translateY(-6px); }  to   { opacity: 1; transform: translateY(0); }}.nav-user-dd-item {  display: block;  padding: 11px 18px;  font-size: 0.88rem;  color: rgba(220,210,255,0.85);  text-decoration: none;  transition: background 0.15s, color 0.15s;  white-space: nowrap;}.nav-user-dd-item:hover {  background: rgba(140,100,255,0.12);  color: #fff;}.nav-user-dd-item + .nav-user-dd-item {  border-top: 1px solid rgba(255,255,255,0.06);}.nav-user-dd-logout {  color: rgba(255,160,160,0.75);}.nav-user-dd-logout:hover {  background: rgba(255,80,80,0.08);  color: #ff9999;}@media (max-width: 768px) {  /* Profil trigger sadece hamburger içinde görünür */  .nav-user-wrap,  .nav-user-dd { display: none !important; }  /* Tüm dekoratif ay elementleri mobilde gizle */  .site-moon,  .site-moon-glow,  .kp-moon,  .hero-moon,  .hero-moon-glow,  .eg-hero-moon,  .bk-hero-moon,  .page-hero-planet,  .page-hero-planet-glow { display: none !important; }}/* Mobile hamburger — kullanıcı accordion */.nav-mobile-user {  border-top: 1px solid rgba(255,255,255,0.08);  margin-top: 4px;}.nav-mobile-user-head {  display: flex;  align-items: center;  gap: 10px;  width: 100%;  padding: 10px 20px;  background: transparent;  border: none;  cursor: pointer;  color: rgba(220,210,255,0.8);  font-size: 0.9rem;  text-align: left;}.nav-mobile-user-chevron {  margin-left: auto;  font-size: 10px;  opacity: 0.5;  transition: transform 0.2s;}.nav-mobile-user.open .nav-mobile-user-chevron {  transform: rotate(180deg);}.nav-mobile-user-links {  max-height: 0;  overflow: hidden;  transition: max-height 0.22s ease;}.nav-mobile-user.open .nav-mobile-user-links {  max-height: 160px;}.nav-mobile-user-link {  display: block;  padding: 9px 20px 9px 30px;  font-size: 0.85rem;  color: rgba(220,210,255,0.7);  text-decoration: none;  transition: background 0.15s;}.nav-mobile-user-link:hover {  background: rgba(255,255,255,0.05);}.nav-mobile-user-logout {  color: rgba(255,160,160,0.65);}/* ══════════════════════════════════════════════   KOZMİK PROFİL SAYFASI══════════════════════════════════════════════ */.kp-page {  min-height: calc(100vh - 76px);  padding: 100px 24px 80px;  max-width: 860px;  margin: 0 auto;}.kp-page-title {  font-size: 2rem;  font-weight: 700;  color: #e8e0ff;  margin-bottom: 6px;  letter-spacing: -0.01em;}.kp-page-subtitle {  font-size: 1rem;  color: rgba(200,185,255,0.6);  margin-bottom: 48px;}/* Onboarding form */.kp-form-card {  background: rgba(255,255,255,0.04);  border: 1px solid rgba(180,160,255,0.12);  border-radius: 20px;  padding: 40px;  max-width: 560px;}.kp-form-title {  font-size: 1.2rem;  font-weight: 600;  color: #c4b8f0;  margin-bottom: 28px;}.kp-field {  margin-bottom: 20px;}.kp-field label {  display: block;  font-size: 0.8rem;  letter-spacing: 0.08em;  text-transform: uppercase;  color: rgba(200,185,255,0.5);  margin-bottom: 6px;}.kp-field input {  width: 100%;  box-sizing: border-box;  background: rgba(255,255,255,0.06);  border: 1px solid rgba(180,160,255,0.18);  border-radius: 10px;  padding: 12px 14px;  color: #e8e0ff;  font-size: 0.95rem;  font-family: inherit;  outline: none;  transition: border-color 0.2s;}.kp-field input:focus {  border-color: rgba(140,100,255,0.5);}.kp-form-row {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 16px;}.kp-submit {  margin-top: 28px;  width: 100%;  padding: 14px;  background: linear-gradient(135deg, #7c5cbf, #4a3080);  border: none;  border-radius: 12px;  color: #fff;  font-size: 1rem;  font-family: inherit;  font-weight: 600;  cursor: pointer;  transition: opacity 0.2s, transform 0.15s;}.kp-submit:hover  { opacity: 0.85; }.kp-submit:active { transform: scale(0.98); }.kp-submit:disabled { opacity: 0.5; cursor: not-allowed; }.kp-form-note {  margin-top: 14px;  font-size: 0.8rem;  color: rgba(200,185,255,0.4);  text-align: center;}/* Profil display */.kp-profil {  display: none; /* JS ile gösterilir */}.kp-profil.visible { display: block; }.kp-cards {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 16px;  margin-bottom: 28px;}.kp-card {  background: rgba(255,255,255,0.04);  border: 1px solid rgba(180,160,255,0.12);  border-radius: 16px;  padding: 20px 18px;  text-align: center;}.kp-card-label {  font-size: 0.72rem;  letter-spacing: 0.1em;  text-transform: uppercase;  color: rgba(200,185,255,0.45);  margin-bottom: 8px;}.kp-card-value {  font-size: 1.15rem;  font-weight: 700;  color: #e8e0ff;  margin-bottom: 4px;}.kp-card-sub {  font-size: 0.78rem;  color: rgba(180,160,255,0.55);}.kp-card-link {  display: inline-block;  margin-top: 8px;  font-size: 0.78rem;  color: rgba(140,100,255,0.75);  text-decoration: none;}.kp-card-link:hover { color: #c4b8f0; }/* Dasha bar */.kp-dasha {  background: rgba(255,255,255,0.04);  border: 1px solid rgba(180,160,255,0.12);  border-radius: 16px;  padding: 24px 28px;  margin-bottom: 28px;}.kp-dasha-head {  display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 12px;}.kp-dasha-planet {  font-size: 1.25rem;  font-weight: 700;  color: #e8e0ff;}.kp-dasha-dates {  font-size: 0.8rem;  color: rgba(200,185,255,0.5);}.kp-dasha-bar-wrap {  height: 8px;  background: rgba(255,255,255,0.08);  border-radius: 4px;  overflow: hidden;  margin-bottom: 12px;}.kp-dasha-bar {  height: 100%;  border-radius: 4px;  background: linear-gradient(90deg, #7c5cbf, #c4a0ff);  transition: width 1s ease;}.kp-dasha-yorum {  font-size: 0.88rem;  color: rgba(200,185,255,0.65);  line-height: 1.6;}/* Edit button */.kp-edit-btn {  margin-top: 32px;  padding: 10px 22px;  background: none;  border: 1px solid rgba(180,160,255,0.25);  border-radius: 10px;  color: rgba(200,185,255,0.65);  font-size: 0.85rem;  font-family: inherit;  cursor: pointer;  transition: border-color 0.2s, color 0.2s;}.kp-edit-btn:hover {  border-color: rgba(180,160,255,0.5);  color: #c4b8f0;}/* Loading / error states */.kp-loading {  text-align: center;  padding: 60px 0;  color: rgba(200,185,255,0.4);  font-size: 0.95rem;}/* Responsive */@media (max-width: 768px) {  .kp-page { padding: 90px 20px 60px; }  .kp-form-card { padding: 28px 20px; }  .kp-form-row { grid-template-columns: 1fr; }  .kp-cards { grid-template-columns: 1fr 1fr; }  .kp-dasha { padding: 20px 18px; }}@media (max-width: 480px) {  .kp-cards { grid-template-columns: 1fr; }}/* ══════════════════════════════════════════════   NAKSHATRA LİSTESİ — KAYIT & SELAMLAMA══════════════════════════════════════════════ */.finder-greeting {  text-align: center;  padding: 14px 20px;  margin-bottom: 8px;  font-size: 0.9rem;  color: rgba(200,185,255,0.6);  background: rgba(255,255,255,0.03);  border-radius: 12px;  border: 1px solid rgba(180,160,255,0.1);}.finder-greeting strong {  color: #c4b8f0;  font-weight: 600;}.finder-save-section {  text-align: center;  margin-top: 20px;  padding: 18px;  background: rgba(140,100,255,0.06);  border: 1px solid rgba(180,160,255,0.15);  border-radius: 14px;}.finder-save-btn {  padding: 12px 28px;  background: linear-gradient(135deg, #7c5cbf, #4a3080);  border: none;  border-radius: 10px;  color: #fff;  font-size: 0.9rem;  font-family: inherit;  font-weight: 600;  cursor: pointer;  transition: opacity 0.2s;}.finder-save-btn:hover    { opacity: 0.85; }.finder-save-btn:disabled { opacity: 0.5; cursor: not-allowed; }.finder-save-note {  margin-top: 10px;  font-size: 0.8rem;  color: rgba(200,185,255,0.45);}.finder-save-success {  color: rgba(140,220,140,0.8);  font-size: 0.88rem;  margin-top: 10px;}/* ═══════════════════════════════════════════════════════════════════════════   GEZEGEN PROFİL — .gp-  (Kozmik Profil Gezegen Nakshatra Kartları)   ═══════════════════════════════════════════════════════════════════════════ */.gp-section {  margin-top: 40px;}.gp-section-title {  font-family: 'Cinzel', serif;  font-size: 0.72rem;  letter-spacing: 0.15em;  text-transform: uppercase;  color: rgba(200,185,255,0.45);  margin-bottom: 18px;}.gp-grid {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 14px;}@media (max-width: 768px) {  .gp-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 480px) {  .gp-grid { grid-template-columns: 1fr; }}.gp-card {  position: relative;  overflow: hidden;  background: rgba(255,255,255,0.03);  border: 1px solid rgba(255,255,255,0.07);  border-radius: 14px;  padding: 18px 16px 16px;  cursor: default;  transition: transform 0.18s, border-color 0.18s;}.gp-card:hover {  transform: translateY(-2px);  border-color: rgba(255,255,255,0.13);}/* Arka plan ışıma */.gp-glow {  position: absolute;  width: 120px; height: 120px;  border-radius: 50%;  filter: blur(28px);  opacity: 0.22;  top: -20px; right: -20px;  pointer-events: none;}/* Üst satır: ikon + gezegen adı */.gp-planet-row {  display: flex;  align-items: center;  gap: 7px;  margin-bottom: 10px;}.gp-planet-icon {  font-size: 1.05rem;  line-height: 1;}.gp-planet-name {  font-family: 'Cinzel', serif;  font-size: 0.65rem;  letter-spacing: 0.12em;  text-transform: uppercase;  opacity: 0.55;}/* Nakshatra adı */.gp-nak-name {  font-family: 'Cinzel', serif;  font-size: 1.05rem;  font-weight: 600;  line-height: 1.2;  margin-bottom: 6px;}/* Ay badge */.gp-moon-badge {  display: inline-block;  font-size: 0.6rem;  letter-spacing: 0.08em;  text-transform: uppercase;  padding: 2px 7px;  border-radius: 4px;  margin-bottom: 6px;  background: rgba(139,92,246,0.25);  color: rgba(200,180,255,0.9);  border: 1px solid rgba(139,92,246,0.3);}/* Alt satır: burç · yönetici */.gp-sub {  font-size: 0.75rem;  color: rgba(200,185,255,0.45);  margin-bottom: 8px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}/* Pada + derece */.gp-pada {  font-size: 0.72rem;  color: rgba(200,185,255,0.35);  margin-bottom: 12px;}/* Link */.gp-link {  font-family: 'Cinzel', serif;  font-size: 0.65rem;  letter-spacing: 0.08em;  text-decoration: none;  opacity: 0.55;  transition: opacity 0.15s;}.gp-link:hover { opacity: 1; }/* Renk temaları */.gp-sun    { --c: rgba(251,191,36,1);   }.gp-moon   { --c: rgba(139,92,246,1);   }.gp-mars   { --c: rgba(239,68,68,1);    }.gp-mercury{ --c: rgba(45,212,191,1);   }.gp-jupiter{ --c: rgba(251,146,60,1);   }.gp-venus  { --c: rgba(236,72,153,1);   }.gp-saturn { --c: rgba(100,116,139,1);  }.gp-rahu   { --c: rgba(99,102,241,1);   }.gp-ketu   { --c: rgba(168,85,247,1);   }.gp-glow   { background: var(--c, rgba(139,92,246,1)); }.gp-nak-name { color: var(--c, #c090f0); }.gp-link     { color: var(--c, #c090f0); }/* Profilimi yenile butonu */.kp-refresh-btn {  display: inline-flex;  align-items: center;  gap: 8px;  background: rgba(123,79,190,0.12);  border: 1px solid rgba(123,79,190,0.3);  color: rgba(192,144,240,0.75);  border-radius: 8px;  padding: 9px 18px;  font-family: 'Cinzel', serif;  font-size: 0.72rem;  letter-spacing: 0.08em;  cursor: pointer;  transition: background 0.2s, color 0.2s, border-color 0.2s;  margin-right: 10px;}.kp-refresh-btn:hover {  background: rgba(123,79,190,0.22);  color: rgba(192,144,240,1);  border-color: rgba(123,79,190,0.55);}.kp-refresh-btn:disabled {  opacity: 0.5;  cursor: not-allowed;}/* ============================================   NAKSHATRA DETAY — KİŞİSEL DERECE   ============================================ */.nk-kisisel-wrap {  background: rgba(139,92,246,0.07);  border: 0.5px solid rgba(139,92,246,0.25);  border-radius: 14px;  padding: 18px 20px 14px;  margin-bottom: 28px;}.nk-kisisel-title {  font-size: 0.7rem;  text-transform: uppercase;  letter-spacing: 0.12em;  color: rgba(196,181,253,0.5);  font-weight: 600;  margin-bottom: 12px;}.nk-kisisel-item {  display: flex;  align-items: center;  justify-content: space-between;  padding: 7px 0;  border-bottom: 0.5px solid rgba(255,255,255,0.05);}.nk-kisisel-item:last-child { border-bottom: none; }.nk-kisisel-planet {  font-size: 0.88rem;  color: rgba(255,255,255,0.65);  font-weight: 500;}.nk-kisisel-deg {  font-size: 0.95rem;  font-weight: 600;  color: #fbbf24;  font-family: monospace;  letter-spacing: 0.04em;}/* ============================================   GEZEGEN KARTLARI — DERECE SATIRI   ============================================ */.gp-derece {  font-size: 15px;  font-weight: 500;  color: #fbbf24;  font-family: monospace;  letter-spacing: 0.03em;  margin: 4px 0 2px;}/* ============================================   GLOBAL DERECE ETIKETI   ============================================ */.derece-label {  font-size: 13px;  font-weight: 500;  color: #fbbf24;  font-family: 'Courier New', monospace;  letter-spacing: 0.02em;  margin: 3px 0;}/* ============================================   NAKSHATRA KİŞİSEL — PADA   ============================================ */.nk-kisisel-pada {  font-size: 0.75rem;  color: rgba(196,181,253,0.55);  letter-spacing: 0.04em;  margin-left: 6px;}/* ============================================   NAKSHATRA DETAY — KİŞİSEL BAND (yeni tasarım)   ============================================ */.nk-kisisel-band {  background: rgba(251,191,36,0.06);  border: 0.5px solid rgba(251,191,36,0.2);  border-radius: 12px;  padding: 16px 20px;  margin: 16px 0 24px;}.nk-kisisel-baslik {  font-size: 11px;  letter-spacing: 0.1em;  text-transform: uppercase;  color: rgba(251,191,36,0.5);  margin-bottom: 12px;  font-family: 'Cinzel', serif;}.nk-gezegen-row {  display: flex;  align-items: center;  gap: 12px;  padding: 6px 0;  border-bottom: 0.5px solid rgba(255,255,255,0.04);}.nk-gezegen-row:last-child { border-bottom: none; }.nk-gez-icon { font-size: 16px; }.nk-gez-ad {  font-size: 13px;  color: rgba(255,255,255,0.6);  min-width: 60px;}.nk-gez-derece {  font-size: 15px;  font-weight: 600;  color: #fbbf24;  font-family: 'Courier New', monospace;  letter-spacing: 0.03em;}.nk-gez-pada {  font-size: 11px;  color: rgba(255,255,255,0.3);  letter-spacing: 0.04em;}/* ═══ MOBİL MENÜ OVERLAY ═══ */@media (max-width: 768px) {  /* Overlay: tam ekran, scroll yok */  #mobileMenu {    position: fixed !important;    top: 0 !important;    left: 0 !important;    width: 100% !important;    height: 100vh !important;    max-height: 100vh !important;    overflow: hidden !important;    background: #07040F !important;    z-index: 9999 !important;    display: none !important;    overscroll-behavior: none !important;  }  #mobileMenu.open {    display: flex !important;    flex-direction: column !important;  }  /* Inner: overlay'ı doldurur, scroll yok */  #mobileMenu .mobile-menu-inner {    display: flex !important;    flex-direction: column !important;    height: 100vh !important;    max-height: 100vh !important;    overflow: hidden !important;    width: 100% !important;  }  /* Header */  #mobileMenu .mobile-menu-top {    flex-shrink: 0 !important;    display: flex !important;    align-items: center !important;    justify-content: space-between !important;    padding: 13px 24px !important;    border-bottom: 0.5px solid rgba(255,255,255,0.08) !important;    background: #07040F !important;  }  #mobileMenu .mobile-menu-top img {    height: 28px !important;    max-width: 130px !important;    object-fit: contain !important;  }  #mobileMenu .mobile-menu-close {    background: none !important;    border: none !important;    color: rgba(255,255,255,0.5) !important;    font-size: 22px !important;    cursor: pointer !important;    padding: 4px 8px !important;    line-height: 1 !important;  }  /* Nav linkleri: flex:1, min-height:0, overflow:hidden */  #mobileMenu .mobile-nav {    flex: 1 !important;    min-height: 0 !important;    overflow: hidden !important;    display: flex !important;    flex-direction: column !important;    width: 100% !important;    padding: 0 !important;    position: static !important;    background: none !important;    border: none !important;    opacity: 1 !important;    pointer-events: auto !important;    transform: none !important;  }  #mobileMenu .mnav-item {    display: block !important;    font-family: 'Playfair Display', Georgia, serif;    font-size: 16px !important;    color: rgba(255,255,255,0.82) !important;    text-decoration: none !important;    padding: 11px 24px !important;    border-bottom: 0.5px solid rgba(255,255,255,0.05) !important;    width: 100% !important;    box-sizing: border-box !important;    float: none !important;    flex-shrink: 0 !important;  }  #mobileMenu .mnav-item:active { background: rgba(139,92,246,0.1) !important; }  #mobileMenu .mnav-accent { color: #a78bfa !important; }  #mobileMenu .mnav-badge {    font-size: 10px;    background: rgba(139,92,246,0.25);    color: #c4b5fd;    padding: 1px 6px;    border-radius: 10px;    margin-left: 5px;    vertical-align: middle;    font-family: sans-serif;  }  #mobileMenu .mnav-divider {    height: 0.5px !important;    background: rgba(255,255,255,0.08) !important;    margin: 4px 24px !important;    flex-shrink: 0 !important;  }  #mobileMenu .mnav-logout {    color: rgba(239,68,68,0.75) !important;    border-bottom: none !important;  }  #mobileMenu .mnav-google-login {    color: #a78bfa !important;    border-bottom: none !important;  }}

/* ===== KOZMIK TOPLULUK ===== */

.top-hero {
  background: #07040F;
  padding: 18px 24px 16px;
  margin: 0 36px;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
@media (max-width: 1100px) {
  .top-hero { margin: 0; }
  .top-main { margin: 0; }
}
.top-hero-inner { max-width: 700px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; }
.top-badge { display: none; }
.top-h1 {
  font-family: 'Cinzel', serif;
  font-size: 16px;
  color: #c4b5fd;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.top-sub { display: none; }
.top-stats {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ts-item { text-align: center; display: flex; align-items: center; gap: 5px; }
.ts-n { font-size: 14px; font-weight: 600; color: #c4b5fd; display: inline; }
.ts-l { font-size: 12px; color: rgba(255,255,255,0.35); letter-spacing: 0; }
.ts-sep { color: rgba(255,255,255,0.15); font-size: 14px; }

/* Yan çubuklar */
.top-rail {
  position: fixed;
  top: 76px;
  bottom: 0;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
  pointer-events: none;
}
.top-rail-left  { left: 0;  border-right: 0.5px solid rgba(255,255,255,0.2); }
.top-rail-right { right: 0; border-left:  0.5px solid rgba(255,255,255,0.2); }
.top-rail-text {
  font-family: 'Cinzel', serif;
  font-size: 8px;
  letter-spacing: 0.2em;
  color: rgba(255,255,255,0.45);
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
@media (max-width: 1100px) { .top-rail { display: none; } }

.top-main {
  margin: 0 36px;
  padding: 24px 32px 80px;
  background: #f7f5ff;
  min-height: 60vh;
}

/* Kategoriler */
.top-section { margin-bottom: 20px; }
.top-section-label {
  font-size: 11px;
  letter-spacing: 0.1em;
  color: #9ca3af;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: 'Cinzel', serif;
}
.top-cats { display: flex; flex-direction: column; gap: 8px; }

.top-cat {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 0.5px solid #e4dffe;
  border-radius: 12px;
  padding: 14px 16px;
  text-decoration: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.top-cat:hover { border-color: #a78bfa; box-shadow: 0 2px 12px rgba(124,58,237,0.08); }
.top-cat-icon { font-size: 22px; flex-shrink: 0; }
.top-cat > div { flex: 1; min-width: 0; }
.top-cat-name { font-size: 14px; font-weight: 500; color: #1a1520; margin-bottom: 2px; }
.top-cat-desc { font-size: 12px; color: #9ca3af; }
.top-cat-badge {
  font-size: 10px;
  padding: 3px 10px;
  border-radius: 10px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
}
.top-cat-badge.open    { background: #dcfce7; color: #15803d; }
.top-cat-badge.member  { background: #ede9fe; color: #6d28d9; }
.top-cat-badge.student { background: #fef3c7; color: #92400e; }

/* Yazı barı */
.top-write-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 0.5px solid #e4dffe;
  border-radius: 12px;
  padding: 10px 14px;
  margin-bottom: 16px;
}
.top-write-av {
  width: 34px; height: 34px;
  border-radius: 50%;
  background: #ede9fe;
  color: #6d28d9;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 500; flex-shrink: 0;
}
.top-write-input {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  font-size: 14px;
  color: #9ca3af;
  cursor: pointer;
  text-align: left;
  padding: 0;
  font-family: inherit;
}
.top-write-btn {
  background: #7c3aed;
  color: #fff;
  border: none;
  padding: 8px 18px;
  border-radius: 20px;
  font-size: 13px;
  cursor: pointer;
  font-weight: 500;
  white-space: nowrap;
  transition: opacity 0.2s;
}
.top-write-btn:hover { opacity: 0.85; }

/* Login bari */
.top-login-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: #ede9fe;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 16px;
  font-size: 14px;
  color: #4c1d95;
  flex-wrap: wrap;
  text-align: center;
}
.top-login-btn {
  background: #7c3aed;
  color: #fff;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 13px;
  text-decoration: none;
  font-weight: 500;
  transition: opacity 0.2s;
}
.top-login-btn:hover { opacity: 0.85; }

/* Filtreler */
.top-filters {
  display: flex;
  gap: 6px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.top-filter {
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  color: #6b7280;
  text-decoration: none;
  background: #fff;
  border: 0.5px solid #e4dffe;
  transition: all 0.2s;
  white-space: nowrap;
}
.top-filter:hover  { border-color: #a78bfa; color: #6d28d9; }
.top-filter.active { background: #7c3aed; color: #fff; border-color: #7c3aed; }

/* Konu listesi */
.top-konular { display: flex; flex-direction: column; gap: 8px; }

.top-konu {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #fff;
  border: 0.5px solid #e4dffe;
  border-radius: 10px;
  padding: 14px 16px;
  text-decoration: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  cursor: pointer;
}
.top-konu:hover  { border-color: #a78bfa; box-shadow: 0 2px 12px rgba(124,58,237,0.07); }
.top-konu.pinned { border-color: #fbbf24; background: #fffbeb; }

/* Avatar */
.tk-avatar {
  width: 36px; height: 36px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 500; flex-shrink: 0;
}
.tk-avatar-sm { width: 30px; height: 30px; font-size: 11px; }
.tk-avatar.hoca      { background: #d1fae5; color: #065f46; }
.tk-avatar.moderator { background: #dbeafe; color: #1e40af; }
.tk-avatar.uye       { background: #f3f4f6; color: #374151; }
.tk-avatar.admin     { background: #fef3c7; color: #92400e; }

.tk-body { flex: 1; min-width: 0; }
.tk-badges { display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: 5px; align-items: center; }
.tk-badge {
  font-size: 10px; padding: 2px 8px;
  border-radius: 10px; font-weight: 500;
}
.tk-badge.pin  { background: #fef3c7; color: #92400e; }
.tk-badge.kat  { background: #ede9fe; color: #6d28d9; }
.tk-badge.hoca { background: #dcfce7; color: #15803d; }
.tk-badge.hot  { background: #fee2e2; color: #b91c1c; }

.tk-baslik {
  font-size: 14px; color: #1a1520;
  font-weight: 500; margin-bottom: 4px; line-height: 1.4;
}
.tk-meta { font-size: 11px; color: #9ca3af; }

.tk-right { flex-shrink: 0; text-align: right; min-width: 75px; }
.tk-reaks { font-size: 11px; color: #9ca3af; margin-bottom: 4px; }
.tk-yorum { font-size: 11px; color: #9ca3af; }

/* Bos durum */
.top-empty {
  text-align: center;
  padding: 60px 24px;
  background: #fff;
  border: 0.5px solid #e4dffe;
  border-radius: 12px;
}
.top-empty-icon  { font-size: 40px; margin-bottom: 16px; }
.top-empty-title { font-size: 18px; font-weight: 500; color: #1a1520; margin-bottom: 8px; }
.top-empty-sub   { font-size: 14px; color: #9ca3af; margin-bottom: 20px; }
.top-empty-btn {
  display: inline-block;
  background: #7c3aed; color: #fff;
  padding: 10px 24px; border-radius: 20px;
  font-size: 14px; text-decoration: none;
  border: none; cursor: pointer; font-weight: 500;
  font-family: inherit; transition: opacity 0.2s;
}
.top-empty-btn:hover { opacity: 0.85; }

/* Modal */
.top-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.top-modal-overlay.open { display: flex; }

.top-modal {
  background: #fff;
  border-radius: 16px;
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  overflow-y: auto;
  padding: 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}
.top-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.top-modal-head h3 { font-size: 18px; color: #1a1520; font-weight: 500; margin: 0; }
.top-modal-x {
  background: none; border: none;
  font-size: 20px; color: #9ca3af; cursor: pointer; padding: 4px; line-height: 1;
}
.top-modal-form { display: flex; flex-direction: column; gap: 12px; }

.top-modal-select,
.top-modal-input,
.top-modal-textarea {
  width: 100%;
  border: 0.5px solid #e4dffe;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  color: #1a1520;
  outline: none;
  font-family: inherit;
  background: #fafafa;
  box-sizing: border-box;
  transition: border-color 0.2s;
}
.top-modal-select:focus,
.top-modal-input:focus,
.top-modal-textarea:focus { border-color: #a78bfa; background: #fff; }
.top-modal-select option { background: #fff; }

.top-modal-textarea {
  resize: vertical;
  min-height: 120px;
  line-height: 1.6;
}
.top-modal-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.top-emojis { display: flex; gap: 8px; font-size: 18px; }
.top-emojis span { cursor: pointer; opacity: 0.5; transition: opacity 0.2s; }
.top-emojis span:hover { opacity: 1; }

.top-modal-submit {
  background: #7c3aed; color: #fff;
  border: none; padding: 10px 24px;
  border-radius: 20px; font-size: 14px;
  cursor: pointer; font-weight: 500;
  font-family: inherit; transition: opacity 0.2s;
}
.top-modal-submit:hover    { opacity: 0.85; }
.top-modal-submit:disabled { opacity: 0.5; cursor: not-allowed; }
.top-modal-hata { font-size: 12px; color: #b91c1c; }

/* Konu detay / yorum sayfasi */
.fy-section {
  margin: 0 36px;
  padding: 28px 32px 80px;
  background: #f7f5ff; min-height: 60vh;
}
@media (max-width: 1100px) { .fy-section { margin: 0; } }
.fy-geri {
  display: inline-block; font-size: 13px; color: #7c3aed;
  text-decoration: none; margin-bottom: 20px; transition: opacity 0.15s;
}
.fy-geri:hover { opacity: 0.75; }

.fy-konu-kart {
  background: #fff; border: 0.5px solid #e4dffe;
  border-radius: 12px; padding: 24px; margin-bottom: 24px;
}
.fy-konu-head {
  display: flex; align-items: flex-start; justify-content: space-between;
  flex-wrap: wrap; gap: 10px; margin-bottom: 16px;
}
.fy-konu-yazar       { display: flex; align-items: center; gap: 10px; }
.fy-konu-yazar-bilgi { display: flex; flex-direction: column; gap: 2px; }
.fy-konu-meta-right  { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.fy-konu-baslik {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.4rem; color: #1a1520;
  margin: 0 0 14px; line-height: 1.35;
}
.fy-konu-icerik {
  font-size: 15px; color: #374151; line-height: 1.7; margin-bottom: 18px;
}
.fy-yazar  { font-size: 13px; color: #1a1520; font-weight: 500; }
.fy-seviye { font-size: 11px; color: #7c3aed; }
.fy-tarih  { font-size: 11px; color: #9ca3af; }

.fk-reaks { display: flex; gap: 8px; flex-wrap: wrap; }
.fk-reaks-btn {
  background: #f7f5ff; border: 0.5px solid #e4dffe;
  border-radius: 20px; padding: 5px 14px;
  color: #6b7280; font-size: 13px; cursor: pointer;
  transition: all 0.15s; font-family: inherit;
}
.fk-reaks-btn:hover { background: #ede9fe; border-color: #a78bfa; color: #6d28d9; }

.fk-admin-panel {
  display: flex; gap: 10px; margin-top: 16px; padding-top: 14px;
  border-top: 0.5px solid #f3f4f6; flex-wrap: wrap;
}
.fk-admin-btn {
  font-size: 12px; padding: 5px 14px; border-radius: 6px;
  border: 0.5px solid #e4dffe; color: #6b7280;
  background: none; cursor: pointer; transition: all 0.15s; font-family: inherit;
}
.fk-admin-btn:hover { background: #f7f5ff; }
.fk-admin-sil { border-color: #fecaca; color: #b91c1c; }
.fk-admin-sil:hover { background: #fef2f2; }

.fy-yorumlar-baslik {
  font-size: 12px; color: #9ca3af; letter-spacing: 0.06em;
  text-transform: uppercase; margin-bottom: 12px;
  padding-bottom: 10px; border-bottom: 0.5px solid #e4dffe;
}
.fy-yorumlar { display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; }
.fy-yorum {
  background: #fff; border: 0.5px solid #e4dffe;
  border-radius: 10px; padding: 14px;
}
.fy-yorum-head {
  display: flex; align-items: center; gap: 8px; margin-bottom: 10px;
}
.fy-yorum-meta  { display: flex; align-items: center; gap: 6px; flex: 1; }
.fy-yorum-icerik { font-size: 14px; color: #374151; line-height: 1.65; margin-bottom: 10px; }
.fy-yorum-reaks { display: flex; gap: 6px; }
.fy-reaks-btn {
  background: #f7f5ff; border: 0.5px solid #e4dffe;
  border-radius: 16px; padding: 3px 10px;
  color: #9ca3af; font-size: 12px; cursor: pointer;
  transition: all 0.15s; font-family: inherit;
}
.fy-reaks-btn:hover { background: #ede9fe; color: #6d28d9; }
.fy-bos {
  padding: 28px; text-align: center;
  font-size: 14px; color: #9ca3af;
  background: #fff; border: 0.5px solid #e4dffe; border-radius: 10px;
}

.fy-form-wrap { margin-top: 8px; }
.fy-form {
  display: flex; flex-direction: column; gap: 12px;
  background: #fff; border: 0.5px solid #e4dffe;
  border-radius: 12px; padding: 18px;
}
.fy-textarea {
  background: #fafafa; border: 0.5px solid #e4dffe;
  border-radius: 8px; color: #1a1520;
  padding: 10px 14px; font-size: 14px; font-family: inherit;
  outline: none; width: 100%; box-sizing: border-box; resize: vertical;
  transition: border-color 0.15s; line-height: 1.6;
}
.fy-textarea:focus { border-color: #a78bfa; }
.fy-submit-btn {
  align-self: flex-start;
  background: #7c3aed; color: #fff;
  border: none; border-radius: 20px; padding: 9px 22px;
  font-size: 13px; cursor: pointer; font-weight: 500;
  font-family: inherit; transition: opacity 0.18s;
}
.fy-submit-btn:hover { opacity: 0.85; }
.fy-giris-gerek {
  padding: 20px; text-align: center; border-radius: 10px;
  border: 0.5px dashed #c4b5fd; font-size: 14px; color: #6b7280;
  background: #fff;
}
.fy-giris-gerek a { color: #7c3aed; text-decoration: none; font-weight: 500; }

/* Mobil */
@media (max-width: 600px) {
  .top-hero  { padding: 40px 16px 28px; }
  .top-main  { padding: 16px 12px 60px; }
  .top-cat   { flex-wrap: wrap; }
  .top-cat-badge { margin-top: 4px; }
  .tk-right  { display: none; }
  .top-write-btn { padding: 8px 12px; font-size: 12px; }
  .top-modal { padding: 16px; }
  .top-filters { gap: 4px; }
  .top-filter  { padding: 5px 10px; font-size: 12px; }
  .fy-konu-head { flex-direction: column; }
  .fy-konu-meta-right { align-items: flex-start; }
  .fy-konu-baslik { font-size: 1.15rem; }
}

/* ── Desktop düzeltmeleri ── */
@media (min-width: 768px) {
  .top-hero { padding: 64px 24px 48px; }
  .top-h1   { font-size: 42px; }

  .top-main {
    margin: 0 36px;
    padding: 32px 24px 80px;
    flex: 1;
  }

  .top-cats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .top-konu   { padding: 16px 20px; }
  .tk-baslik  { font-size: 15px; }
  .tk-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 80px;
  }
}

/* Sayfa tam dolsun */
.topluluk-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.top-main {
  flex: 1;
}
.top-main::after {
  content: '';
  display: block;
  height: 1px;
  background: rgba(0,0,0,0.06);
  margin-top: 40px;
}

/* Footer logo boyutu */
.footer-logo img,
.site-footer img,
footer img {
  max-height: 48px !important;
  max-width: 180px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* ===== BLOG ÖNE ÇIKAN (boc-*) ===== */
.blog-featured-grid { margin-bottom: 8px; }
.boc-kart {
  display: block;
  background: rgba(15,10,26,0.9);
  border: 0.5px solid rgba(139,92,246,0.3);
  border-radius: 14px;
  padding: 24px;
  text-decoration: none;
  transition: border-color 0.2s;
  margin-bottom: 10px;
}
.boc-kart:hover { border-color: rgba(139,92,246,0.6); }
.boc-kategori {
  font-size: 11px;
  color: #a78bfa;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}
.boc-baslik {
  font-family: 'Spectral', Georgia, serif;
  font-size: clamp(20px, 3vw, 28px);
  color: #fff;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 12px;
}
.boc-ozet {
  font-size: 14px;
  color: rgba(255,255,255,0.5);
  line-height: 1.7;
  margin-bottom: 14px;
}
.boc-meta {
  font-size: 12px;
  color: rgba(255,255,255,0.3);
}
.boc-label {
  font-size: 11px;
  letter-spacing: 0.12em;
  color: #a78bfa;
  text-transform: uppercase;
  margin-bottom: 12px;
}

/* ===== SEO FOOTER TEXT ===== */
.seo-footer-text {
  background: var(--bg2, #0d0a20);
  border-top: 0.5px solid rgba(123,79,190,0.15);
  padding: 40px 60px;
}
.seo-footer-inner {
  max-width: 900px;
  margin: 0 auto;
}
.seo-footer-title {
  font-family: 'Cinzel', serif;
  font-size: 14px;
  letter-spacing: 2px;
  color: rgba(192,144,240,0.5);
  margin-bottom: 14px;
  font-weight: 400;
}
.seo-footer-text p {
  font-size: 13px;
  color: rgba(255,255,255,0.3);
  line-height: 1.8;
  margin-bottom: 8px;
}
.seo-footer-text strong {
  color: rgba(192,144,240,0.45);
  font-weight: 500;
}
@media (max-width: 768px) {
  .seo-footer-text { padding: 30px 20px; }
}

/* ===== KOZMIK TOPLULUK SON ===== */

/* ─── MOBİL MENÜ OVERLAY — GLOBAL GİZLE ─── */
/* @media(max-width:768px) bloğu dışında hiçbir CSS kuralı olmadığından
   desktop'ta tarayıcı div'i varsayılan display:block ile gösteriyordu.
   Bu global kural tüm genişliklerde overlay'i gizler;
   @media bloğundaki !important kurallar mobilde açılmayı sağlar. */
#mobileMenu,
.mobile-menu-overlay {
  display: none;
}