/* FinTeClub anasayfa: ağ haritası + yolculuk (v6). index.html bu dosyayı style.css'ten sonra yükler. */

/* =====================================================================
   FinTeClub · Ağ Yolculuğu v2
   ===================================================================== */
:root {
    --j-cyan: #00d2ff; --j-blue: #3b82f6; --j-soft: #93c5fd; --j-muted: #94a3b8;
    --j-line: rgba(59,130,246,0.28); --j-glass: rgba(15,30,70,0.46);
    --j-gap: 64px; --nav-h: 92px;
}
body.home-page { background-image: url('img/webp/hero-bg.webp'); }
html.lenis, html.lenis body { height: auto; }
html.lenis { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: clip; }

/* ---------- Sayfa geçiş perdesi ---------- */
.curtain { position: fixed; inset: 0; z-index: 5000; pointer-events: none; background: #050D1D; transform: translateY(-101%); display: grid; place-items: center; }
.curtain::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg, var(--j-blue), var(--j-cyan)); box-shadow: 0 0 14px rgba(0,210,255,.7); }
.curtain img { width: 64px; opacity: .9; }
.curtain.enter { animation: curtainUp .8s cubic-bezier(.7,0,.2,1) .1s both; }
.curtain.leave { animation: curtainIn .45s cubic-bezier(.7,0,.2,1) both; pointer-events: auto; }
@keyframes curtainUp { from { transform: translateY(0); } to { transform: translateY(-101%); } }
@keyframes curtainIn { from { transform: translateY(101%); } to { transform: translateY(0); } }

/* ---------- Footer ---------- */
.site-foot { position: relative; z-index: 2; background: rgba(5,13,29,.92); border-top: 1px solid rgba(59,130,246,.22); font-family: 'Inter', system-ui, sans-serif; }
.site-foot::before { content: ''; position: absolute; left: 0; right: 0; top: -1px; height: 1px; background: linear-gradient(90deg, transparent, var(--j-cyan), transparent); opacity: .5; }
.foot-in { max-width: 1320px; margin: 0 auto; padding: 56px 40px 26px; }
.foot-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 40px; }
.foot-brand img { width: 72px; margin-bottom: 14px; }
.foot-brand p { color: var(--j-muted); font-size: .95rem; line-height: 1.6; max-width: 32ch; }
.site-foot h4 { font-size: .95rem; font-weight: 600; color: #fff; margin-bottom: 14px; }
.site-foot ul { list-style: none; }
.site-foot li { padding: 5px 0; }
.site-foot li a { color: var(--j-muted); text-decoration: none; font-size: .95rem; transition: color .25s; }
.site-foot li a:hover { color: var(--j-cyan); }
.foot-bottom { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid rgba(59,130,246,.15); font-size: .85rem; color: var(--j-muted); }
.foot-bottom a { color: var(--j-soft); text-decoration: none; }
.foot-bottom a:hover { color: var(--j-cyan); }
@media (max-width: 960px) { .foot-in { padding: 44px 16px 90px; } .foot-grid { grid-template-columns: 1fr 1fr; gap: 28px; } .foot-brand { grid-column: 1 / -1; } }
#net-canvas { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.scroll-veil {
    position: fixed; inset: 0; z-index: -3; pointer-events: none;
    background: radial-gradient(ellipse at center, rgba(5,13,29,0.5) 0%, rgba(5,13,29,0.9) 75%);
    opacity: var(--veil-o, 0);
}

/* ---------- Akıllı navbar ---------- */
body.home-page .navbar {
    position: fixed; top: 0; left: 0; z-index: 1000;
    transition: padding .35s ease, background-color .35s ease, box-shadow .35s ease, border-color .35s ease;
}
body.home-page .navbar.compact {
    padding-top: 12px; padding-bottom: 12px;
    background-color: rgba(5,13,29,0.94);
    border-bottom-color: rgba(0,210,255,0.18);
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
/* Cam efekti yalnızca masaüstünde: mobilde backdrop-filter, sitenin açılır menüsünün (position:fixed; top:-100%) konumunu bozar */
@media (min-width: 1401px) {
    body.home-page .navbar.compact { background-color: rgba(5,13,29,0.72); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); }
}
.nav-progress {
    position: absolute; left: 0; bottom: -1px; height: 2px; width: 100%;
    transform-origin: left; transform: scaleX(var(--page-p, 0));
    background: linear-gradient(90deg, var(--j-blue), var(--j-cyan)); box-shadow: 0 0 10px rgba(0,210,255,.7);
    pointer-events: none;
}
.nav-links a[data-panel] { position: relative; }
.nav-links a[data-panel]::after {
    content: ''; position: absolute; left: 0; right: 0; bottom: -8px; height: 2px; border-radius: 2px;
    background: linear-gradient(90deg, var(--j-blue), var(--j-cyan)); box-shadow: 0 0 10px rgba(0,210,255,.8);
    transform: scaleX(0); transition: transform .35s cubic-bezier(.16,1,.3,1);
}
.nav-links a[data-panel].is-current { color: #fff; }
.nav-links a[data-panel].is-current::after { transform: scaleX(1); }
@media (max-width: 1400px) { .nav-links a[data-panel]::after { display: none; } .nav-links a[data-panel].is-current { color: var(--j-cyan) !important; } }

/* ---------- Hero sahnesi ---------- */
@keyframes homepageLogoSpin3D { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } }
.homepage-logo-spin-final {
    mix-blend-mode: screen !important; max-width: 280px; width: 100%; height: auto; display: block; margin: 0 auto;
    animation: homepageLogoSpin3D 10s linear infinite; cursor: pointer; user-select: none; -webkit-user-drag: none;
}
.scroll-stage { position: relative; height: 210vh; }
.scroll-stage > .hero { position: sticky; top: 0; height: 100vh; z-index: 1; }
.hero-logo { position: relative; transform: translate(var(--logo-x,0px), var(--logo-y,0px)) scale(var(--logo-s,1)); opacity: var(--logo-o,1); will-change: transform, opacity; }
.hero-logo::before {
    content: ''; position: absolute; left: 50%; top: 50%; width: 320px; height: 320px; margin: -160px 0 0 -160px; border-radius: 50%;
    background: radial-gradient(circle, rgba(59,130,246,.35) 0%, rgba(0,210,255,.12) 40%, transparent 70%);
    transform: scale(var(--glow-s,.4)); opacity: var(--glow-o,0); pointer-events: none; z-index: -1;
}
.hero-content h3 { transform: translateY(var(--h3-y,0px)); opacity: var(--h3-o,1); letter-spacing: calc(2px + var(--h3-ls,0px)); }
.hero-content h1 { transform: translateY(var(--h1-y,0px)) scale(var(--h1-s,1)); transform-origin: left center; opacity: var(--h1-o,1); }
.hero-content h2 { transform: translateY(var(--h2-y,0px)); opacity: var(--h2-o,1); }
@media (max-width: 1400px) { .hero-content h1 { transform-origin: center; } }
.scroll-hint {
    position: absolute; left: 50%; bottom: 32px; transform: translateX(-50%); z-index: 3;
    display: flex; flex-direction: column; align-items: center; gap: 10px;
    color: var(--j-soft); font-size: .75rem; letter-spacing: 3px; text-transform: uppercase; opacity: var(--hint-o,1); pointer-events: none;
}
.scroll-hint .mouse { width: 24px; height: 38px; border: 2px solid rgba(147,197,253,.7); border-radius: 14px; position: relative; }
.scroll-hint .mouse::after { content: ''; position: absolute; left: 50%; top: 7px; width: 4px; height: 8px; margin-left: -2px; border-radius: 2px; background: var(--j-soft); animation: hintWheel 1.6s ease-in-out infinite; }
@keyframes hintWheel { 0% { transform: translateY(0); opacity: 1; } 70% { transform: translateY(12px); opacity: 0; } 100% { opacity: 0; } }

/* ---------- Yolculuk + kıvrımlı SVG omurga ---------- */
.journey {
    position: relative; z-index: 2; max-width: 1320px; margin: -35vh auto 0; padding: 0 40px 0;
    font-family: 'Inter', system-ui, sans-serif; overflow-x: clip;
}
.spine-svg { position: absolute; left: 0; top: 0; width: 100%; pointer-events: none; overflow: visible; }
.sp-track { fill: none; stroke: rgba(59,130,246,.35); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 1 9; }
.sp-glow  { fill: none; stroke: rgba(0,210,255,.16); stroke-width: 10; stroke-linecap: round; }
.sp-fill  { fill: none; stroke: url(#spGrad); stroke-width: 2.5; stroke-linecap: round; }
.spine-head {
    position: absolute; left: 0; top: 0; width: 12px; height: 12px; border-radius: 50%; pointer-events: none;
    background: #fff; box-shadow: 0 0 0 4px rgba(0,210,255,.25), 0 0 24px 7px rgba(0,210,255,.75);
    opacity: var(--head-o, 0); will-change: transform;
}
.spine-origin {
    position: absolute; left: 50%; top: 0; width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%;
    border: 2px solid var(--j-cyan); background: #050D1D; box-shadow: 0 0 24px rgba(0,210,255,.6), inset 0 0 10px rgba(0,210,255,.5);
}
.spine-origin::after { content: ''; position: absolute; inset: 6px; border-radius: 50%; background: var(--j-cyan); }

/* Panel iskeleti */
.j-panel { --pt: 30vh; position: relative; padding-top: var(--pt); }
#p-duyurular { --pt: 34vh; }
.j-node {
    position: absolute; left: 50%; top: calc(var(--pt) + 44px); width: 20px; height: 20px; margin: -10px 0 0 -10px;
    border-radius: 50%; border: 2px solid rgba(59,130,246,.6); background: #050D1D; z-index: 3;
    transition: background .4s, border-color .4s, box-shadow .4s, transform .5s cubic-bezier(.34,1.56,.64,1);
}
.j-node::after, .j-node::before { content: ''; position: absolute; inset: -8px; border-radius: 50%; border: 1px solid var(--j-cyan); opacity: 0; pointer-events: none; }
.j-panel.on .j-node { background: var(--j-cyan); border-color: #fff; transform: scale(1.15); box-shadow: 0 0 22px rgba(0,210,255,.9); }
.j-panel.on .j-node::after { animation: nodePing 2.4s ease-out infinite; }
@keyframes nodePing { 0% { transform: scale(.6); opacity: .9; } 100% { transform: scale(2.4); opacity: 0; } }
/* Işık patlaması */
.j-panel.burst .j-node::before { border-width: 2px; animation: nodeBurst 1s cubic-bezier(.16,1,.3,1); }
@keyframes nodeBurst { 0% { transform: scale(.4); opacity: 1; box-shadow: 0 0 30px var(--j-cyan); } 100% { transform: scale(5.5); opacity: 0; } }

.j-link {
    position: absolute; top: calc(var(--pt) + 43px); height: 2px; width: var(--j-gap);
    background: linear-gradient(90deg, var(--j-cyan), rgba(59,130,246,.5));
    transform: scaleX(0); transition: transform .6s cubic-bezier(.16,1,.3,1) .1s; z-index: 2;
}
.j-link::after { content: ''; position: absolute; top: -2px; width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 8px var(--j-cyan); opacity: 0; }
.j-panel.on .j-link { transform: scaleX(1); }
.j-panel.on .j-link::after { animation: packet 1.8s linear infinite .7s; }
[data-side="right"] .j-link { left: 50%; transform-origin: left; }
[data-side="left"] .j-link { right: 50%; transform-origin: right; background: linear-gradient(270deg, var(--j-cyan), rgba(59,130,246,.5)); }
[data-side="left"].on .j-link::after { animation-name: packetL; }
@keyframes packet { 0% { left: 0; opacity: 0; } 15%,85% { opacity: 1; } 100% { left: calc(100% - 6px); opacity: 0; } }
@keyframes packetL { 0% { left: calc(100% - 6px); opacity: 0; } 15%,85% { opacity: 1; } 100% { left: 0; opacity: 0; } }

/* Kart */
.j-card {
    position: relative; width: calc(50% - var(--j-gap)); padding: 34px 34px 30px;
    background: var(--j-glass); border: 1px solid rgba(59,130,246,.25); border-radius: 20px;
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    box-shadow: inset 0 0 30px rgba(59,130,246,.05), 0 20px 50px rgba(0,0,0,.45);
    opacity: 0; transition: opacity .7s ease, transform .9s cubic-bezier(.16,1,.3,1), border-color .4s;
}
/* Patlamada kart kenarında akan ışık */
.j-card::after {
    content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1.5px; pointer-events: none;
    background: linear-gradient(90deg, transparent 0%, var(--j-cyan) 50%, transparent 100%) no-repeat;
    background-size: 45% 100%; background-position: -60% 0;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
    opacity: 0;
}
.j-panel.burst .j-card::after { animation: edgeSweep 1.2s ease-out .15s; }
[data-side="left"].burst .j-card::after { animation-name: edgeSweepL; }
@keyframes edgeSweep { 0% { opacity: 1; background-position: -60% 0; } 80% { opacity: 1; } 100% { opacity: 0; background-position: 160% 0; } }
@keyframes edgeSweepL { 0% { opacity: 1; background-position: 160% 0; } 80% { opacity: 1; } 100% { opacity: 0; background-position: -60% 0; } }
[data-side="right"] .j-card { margin-left: calc(50% + var(--j-gap)); transform: translateX(60px); }
[data-side="left"] .j-card { transform: translateX(-60px); }
.j-panel.on .j-card { opacity: 1; transform: none; border-color: rgba(0,210,255,.35); }
.j-card .st { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .7s cubic-bezier(.16,1,.3,1); transition-delay: calc(.25s + var(--i,0) * 80ms); }
.j-panel.on .j-card .st { opacity: 1; transform: none; }

.j-kicker { display: flex; align-items: center; gap: 10px; font-size: .78rem; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--j-cyan); margin-bottom: 12px; }
.j-kicker b { font-variant-numeric: tabular-nums; color: #fff; opacity: .55; font-weight: 600; }
.j-card h2 { font-size: 2.1rem; font-weight: 700; line-height: 1.15; color: #fff; margin-bottom: 12px; letter-spacing: -.5px; }
.j-lead { color: #cbd5e1; font-size: 1rem; line-height: 1.6; margin-bottom: 22px; max-width: 60ch; }
.j-more {
    display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: var(--j-soft); font-weight: 600; font-size: .95rem; text-decoration: none;
    padding: 10px 18px; border: 1px solid rgba(59,130,246,.45); border-radius: 999px; background: transparent; cursor: pointer; font-family: inherit;
    transition: background .3s, color .3s, box-shadow .3s, gap .3s;
}
.j-more::after { content: '→'; }
.j-more:hover { background: var(--j-blue); color: #fff; box-shadow: 0 0 22px rgba(59,130,246,.6); gap: 12px; }
.j-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.j-actions .j-more { margin-top: 18px; }

/* --- Duyurular --- */
.ann-list { display: flex; flex-direction: column; gap: 12px; }
.ann { position: relative; display: grid; grid-template-columns: 86px 1fr; gap: 16px; align-items: center; padding: 10px; border-radius: 14px; text-decoration: none; color: inherit; background: rgba(5,13,29,.5); border: 1px solid rgba(59,130,246,.15); transition: border-color .3s, transform .3s; }
.ann:hover { border-color: rgba(0,210,255,.5); transform: translateX(4px); }
.ann img { width: 86px; height: 86px; object-fit: cover; border-radius: 10px; }
.ann time { font-size: .78rem; color: var(--j-cyan); letter-spacing: 1px; }
.ann h4 { font-size: .98rem; font-weight: 600; line-height: 1.35; margin-top: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ann .new-badge { position: absolute; top: -8px; right: 12px; font-size: .62rem; font-weight: 800; letter-spacing: 1.5px; color: #050D1D; background: var(--j-cyan); padding: 3px 8px; border-radius: 999px; box-shadow: 0 0 14px rgba(0,210,255,.7); }

/* --- Hakkımızda --- */
.mv { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 18px; }
.mv div { padding: 16px; border-radius: 14px; background: rgba(5,13,29,.5); border: 1px solid rgba(59,130,246,.15); }
.mv h4 { font-size: .8rem; letter-spacing: 2px; text-transform: uppercase; color: var(--j-cyan); margin-bottom: 6px; }
.mv p { font-size: .9rem; line-height: 1.5; color: #cbd5e1; }
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 16px; }
.stat { text-align: center; padding: 14px 4px; border-radius: 14px; background: rgba(59,130,246,.08); }
.stat strong { display: block; font-size: 1.9rem; font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; }
.stat span { font-size: .72rem; color: var(--j-muted); letter-spacing: .5px; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chips span { font-size: .78rem; color: var(--j-soft); padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(59,130,246,.3); }

/* --- Ekip: kurul sekmeleri --- */
.tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
.tab {
    font: 600 .78rem/1 'Inter', sans-serif; color: var(--j-soft); background: rgba(5,13,29,.5); cursor: pointer;
    border: 1px solid rgba(59,130,246,.3); border-radius: 999px; padding: 8px 12px; transition: all .25s;
}
.tab:hover { border-color: var(--j-cyan); color: #fff; }
.tab[aria-selected="true"] { background: var(--j-blue); border-color: var(--j-blue); color: #fff; box-shadow: 0 0 16px rgba(59,130,246,.55); }
.tab small { opacity: .7; margin-left: 4px; font-variant-numeric: tabular-nums; }
.team-viewport { overflow: hidden; margin: 0 -34px; padding: 6px 34px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.team-row { display: flex; gap: 14px; width: max-content; transform: translateX(var(--team-x,0px)); will-change: transform; min-height: 176px; }
.member { width: 124px; flex: 0 0 auto; text-align: center; text-decoration: none; color: inherit; animation: memberIn .55s cubic-bezier(.16,1,.3,1) both; animation-delay: calc(var(--i,0) * 45ms); }
@keyframes memberIn { from { opacity: 0; transform: translateY(16px) scale(.92); } }
.member .av {
    width: 104px; height: 104px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto 10px; overflow: hidden;
    border: 2px solid rgba(59,130,246,.4); box-shadow: 0 0 0 4px rgba(5,13,29,.8); transition: border-color .3s, box-shadow .3s;
    background: linear-gradient(135deg, #1e3a8a, #0b1329); color: var(--j-soft); font-weight: 700; font-size: 1.6rem; letter-spacing: 1px;
}
.member .av img { width: 100%; height: 100%; object-fit: cover; }
.member:hover .av { border-color: var(--j-cyan); box-shadow: 0 0 0 4px rgba(5,13,29,.8), 0 0 20px rgba(0,210,255,.6); }
.member b { display: block; font-size: .84rem; font-weight: 600; line-height: 1.3; }
.member small { display: block; font-size: .72rem; color: var(--j-muted); margin-top: 2px; line-height: 1.3; }

/* --- Etkinlikler: sabitlenen galeri + zaman çizelgesi --- */
.j-panel.full .j-link { left: 50%; width: 2px; height: 48px; margin-left: -1px; transform-origin: top; transform: scaleY(0); background: linear-gradient(var(--j-cyan), rgba(59,130,246,.4)); }
.j-panel.full.on .j-link { transform: scaleY(1); }
.j-panel.full .j-link::after { display: none; }
.j-panel.full .j-card { width: 100%; margin: 48px 0 0; transform: translateY(60px); }
.j-panel.full.on .j-card { transform: none; }
.pin-wrap { position: relative; height: var(--pin-h, 300vh); margin-top: 24vh; }
.pin-sticky { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; justify-content: center; padding-top: 40px; }
#p-etkinlikler { --pt: 0px; }
#p-etkinlikler .j-node { top: 0; }
#p-etkinlikler .j-link { top: 10px; height: 38px; }
.ev-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; }
.ev-count { font-size: .85rem; color: var(--j-muted); font-variant-numeric: tabular-nums; }
.ev-count b { color: #fff; font-size: 1.4rem; }
.timeline { position: relative; height: 34px; margin: 6px 0 10px; }
.timeline::before { content: ''; position: absolute; left: 0; right: 0; top: 9px; height: 2px; background: rgba(59,130,246,.22); border-radius: 2px; }
.timeline .tl-fill { position: absolute; left: 0; top: 9px; height: 2px; width: 100%; transform-origin: left; transform: scaleX(var(--ev-p,0)); background: linear-gradient(90deg, var(--j-blue), var(--j-cyan)); box-shadow: 0 0 8px rgba(0,210,255,.6); }
.tl-dot { position: absolute; top: 4px; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: #050D1D; border: 2px solid rgba(59,130,246,.6); transition: background .3s, border-color .3s, transform .3s; }
.tl-dot.past { background: var(--j-blue); border-color: var(--j-blue); }
.tl-dot.cur { background: var(--j-cyan); border-color: #fff; transform: scale(1.35); box-shadow: 0 0 12px rgba(0,210,255,.9); }
.tl-month { position: absolute; top: 20px; transform: translateX(-6px); font: 600 .68rem/1 'Inter', sans-serif; letter-spacing: 1.5px; text-transform: uppercase; color: var(--j-muted); background: none; border: 0; padding: 2px 0; cursor: pointer; white-space: nowrap; }
.tl-month:hover, .tl-month.cur { color: var(--j-cyan); }
.ev-viewport { overflow: hidden; margin: 8px -34px 0; padding: 4px 34px; }
.ev-track { display: flex; gap: 18px; width: max-content; transform: translateX(var(--ev-x,0px)); will-change: transform; }
.ev {
    position: relative; width: 280px; height: 360px; flex: 0 0 auto; border-radius: 18px; overflow: hidden; cursor: pointer; padding: 0;
    color: #fff; border: 1px solid rgba(59,130,246,.25); background: #0b1329; font-family: inherit; text-align: left;
    transition: border-color .3s, box-shadow .3s, transform .3s;
}
.ev:hover, .ev:focus-visible { border-color: var(--j-cyan); box-shadow: 0 0 26px rgba(0,210,255,.35); transform: translateY(-4px); outline: none; }
.ev img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; transform: scale(1.05); }
.ev:hover img { transform: scale(1.12); }
.ev::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(5,13,29,.96) 0%, rgba(5,13,29,.35) 48%, transparent 70%); }
.ev .ev-txt { position: absolute; left: 18px; right: 18px; bottom: 18px; z-index: 1; }
.ev time { font-size: .72rem; letter-spacing: 2px; color: var(--j-cyan); text-transform: uppercase; }
.ev h4 { font-size: 1.08rem; font-weight: 700; line-height: 1.25; margin: 4px 0 10px; }
.ev .ev-open { font-size: .78rem; font-weight: 600; color: var(--j-soft); opacity: .85; }
.ev .ev-open::after { content: ' →'; }

/* Etkinlik detay penceresi */
.ev-modal { position: fixed; inset: 0; z-index: 3000; display: none; align-items: center; justify-content: center; padding: 20px; }
.ev-modal.open { display: flex; }
.ev-modal .bd { position: absolute; inset: 0; background: rgba(3,6,20,.78); backdrop-filter: blur(6px); animation: fadeIn .3s ease both; }
.ev-modal .win {
    position: relative; width: min(980px, 100%); max-height: calc(100vh - 40px); overflow: auto; border-radius: 22px;
    background: linear-gradient(160deg, #0a1030 0%, #0d1a45 60%, #10245e 100%); border: 1px solid rgba(0,210,255,.35);
    box-shadow: 0 30px 80px rgba(0,0,0,.6), 0 0 40px rgba(0,210,255,.15); color: #fff; font-family: 'Inter', sans-serif;
    animation: winIn .5s cubic-bezier(.16,1,.3,1) both;
}
@keyframes fadeIn { from { opacity: 0; } }
@keyframes winIn { from { opacity: 0; transform: translateY(30px) scale(.97); } }
.win .stage { position: relative; aspect-ratio: 16 / 9; background: #050D1D; border-radius: 22px 22px 0 0; overflow: hidden; }
.win .stage img { width: 100%; height: 100%; object-fit: contain; animation: fadeIn .35s ease both; }
.win .nav-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); background: rgba(5,13,29,.7); color: #fff; font-size: 1.2rem; cursor: pointer; }
.win .nav-btn:hover { background: var(--j-blue); }
.win .nav-btn.prev { left: 14px; } .win .nav-btn.next { right: 14px; }
.win .x { position: absolute; top: 12px; right: 12px; z-index: 2; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); background: rgba(5,13,29,.75); color: #fff; font-size: 1.3rem; cursor: pointer; }
.win .x:hover { background: #ef4444; border-color: #ef4444; }
.win .thumbs { display: flex; gap: 8px; padding: 12px 24px 0; overflow-x: auto; }
.win .thumbs button { flex: 0 0 auto; width: 70px; height: 52px; border-radius: 8px; overflow: hidden; padding: 0; border: 2px solid transparent; cursor: pointer; background: #050D1D; opacity: .6; }
.win .thumbs button[aria-current="true"] { border-color: var(--j-cyan); opacity: 1; }
.win .thumbs img { width: 100%; height: 100%; object-fit: cover; }
.win .body { padding: 20px 28px 26px; }
.win .body time { font-size: .78rem; letter-spacing: 2px; color: var(--j-cyan); text-transform: uppercase; }
.win .body h3 { font-size: 1.7rem; font-weight: 700; margin: 6px 0 12px; line-height: 1.2; }
.win .body p { color: #cbd5e1; line-height: 1.65; margin-bottom: 10px; font-size: .98rem; }
.win .foot { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 0 28px 26px; }
.win .foot button, .win .foot a { font: 600 .85rem/1 'Inter', sans-serif; color: var(--j-soft); background: transparent; border: 1px solid rgba(59,130,246,.45); border-radius: 999px; padding: 10px 16px; cursor: pointer; text-decoration: none; }
.win .foot button:hover, .win .foot a:hover { background: var(--j-blue); color: #fff; }

/* --- Sponsorlar --- */
.tier { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; }
.sp {
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 16px 10px;
    border-radius: 14px; background: rgba(255,255,255,.94); border: 2px solid transparent; cursor: pointer; font-family: inherit;
    transition: transform .3s, box-shadow .3s, border-color .3s;
}
.sp:hover, .sp:focus-visible, .sp.tip-on { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,210,255,.3); border-color: var(--j-cyan); outline: none; }
.sp img { height: 46px; width: auto; max-width: 100%; object-fit: contain; }
.sp small { font-size: .66rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #1e3a8a; }
.sp.gold small { color: #a16207; }
.sp .perk-dot { position: absolute; top: 6px; right: 6px; width: 10px; height: 10px; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 3px rgba(16,185,129,.25); }
.marquee { overflow: hidden; padding: 6px 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.marquee-row { display: flex; gap: 12px; width: max-content; animation: marquee 28s linear infinite; }
.marquee.paused .marquee-row, .marquee:hover .marquee-row { animation-play-state: paused; }
.marquee .sp { width: 112px; height: 70px; flex: 0 0 auto; padding: 8px; }
.marquee .sp img { max-width: 84px; max-height: 42px; height: auto; }
@keyframes marquee { to { transform: translateX(-50%); } }
.perk-legend { display: flex; align-items: center; gap: 8px; font-size: .78rem; color: var(--j-muted); margin-top: 10px; }
.perk-legend i { width: 10px; height: 10px; border-radius: 50%; background: #10b981; display: inline-block; }
.sp-tip {
    position: fixed; z-index: 2500; width: 260px; padding: 14px 16px; border-radius: 14px; font-family: 'Inter', sans-serif;
    background: rgba(11,19,41,.97); border: 1px solid rgba(0,210,255,.45); box-shadow: 0 16px 40px rgba(0,0,0,.55), 0 0 20px rgba(0,210,255,.15);
    color: #fff; opacity: 0; transform: translateY(6px); pointer-events: none; transition: opacity .2s, transform .2s;
}
.sp-tip.show { opacity: 1; transform: none; pointer-events: auto; }
.sp-tip .tier-lbl { font-size: .66rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--j-cyan); }
.sp-tip h5 { font-size: 1rem; margin: 4px 0 6px; }
.sp-tip .perk { display: block; margin: 8px 0; padding: 10px; border-radius: 10px; background: rgba(16,185,129,.12); border: 1px solid rgba(16,185,129,.4); font-size: .85rem; line-height: 1.4; }
.sp-tip .perk b { color: #34d399; display: block; font-size: .66rem; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 2px; }
.sp-tip p { font-size: .82rem; color: #cbd5e1; line-height: 1.45; }
.sp-tip .tip-links { display: flex; gap: 12px; margin-top: 8px; flex-wrap: wrap; }
.sp-tip .tip-links a, .sp-tip .tip-links button { font: 600 .8rem/1.2 'Inter', sans-serif; color: var(--j-soft); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: none; }
.sp-tip .tip-links a:hover, .sp-tip .tip-links button:hover { color: var(--j-cyan); }

/* --- Fintelig --- */
.fl-chart { width: 100%; height: 90px; margin: 4px 0 14px; display: block; }
.fl-chart path.line { fill: none; stroke: url(#flGrad); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 600; stroke-dashoffset: 600; transition: stroke-dashoffset 2.2s cubic-bezier(.65,0,.35,1) .4s; }
.fl-chart path.area { fill: url(#flArea); opacity: 0; transition: opacity 1s ease 1.8s; }
.j-panel.on .fl-chart path.line { stroke-dashoffset: 0; }
.j-panel.on .fl-chart path.area { opacity: 1; }
.steps { list-style: none; counter-reset: s; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 16px; }
.steps li { counter-increment: s; position: relative; padding: 34px 10px 12px; border-radius: 12px; background: rgba(5,13,29,.5); border: 1px solid rgba(59,130,246,.15); font-size: .8rem; line-height: 1.35; color: #cbd5e1; }
.steps li::before { content: counter(s); position: absolute; top: 10px; left: 10px; width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; font-size: .7rem; font-weight: 700; background: rgba(59,130,246,.25); color: #fff; transition: background .4s, box-shadow .4s; transition-delay: calc(.6s + var(--i) * .25s); }
.j-panel.on .steps li::before { background: var(--j-cyan); color: #050D1D; box-shadow: 0 0 10px rgba(0,210,255,.8); }
.facts { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.facts span { font-size: .85rem; color: #e2e8f0; padding-left: 18px; position: relative; }
.facts span::before { content: ''; position: absolute; left: 2px; top: 7px; width: 7px; height: 7px; border-radius: 50%; background: var(--j-cyan); }
.status { display: inline-flex; align-items: center; gap: 8px; font-size: .8rem; font-weight: 600; color: #fde68a; padding: 7px 12px; border-radius: 999px; background: rgba(250,204,21,.1); border: 1px solid rgba(250,204,21,.35); }
.status::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #facc15; animation: blink 1.6s ease-in-out infinite; }
@keyframes blink { 50% { opacity: .3; } }
.disclaimer { display: block; font-size: .72rem; color: var(--j-muted); margin-top: 12px; }

/* --- İletişim --- */
#p-iletisim .j-card { display: grid; grid-template-columns: 1fr 1.15fr; gap: 36px; align-items: start; }
.contact-list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin: 6px 0 20px; }
.contact-list a { display: flex; align-items: center; gap: 12px; color: #e2e8f0; text-decoration: none; font-size: .95rem; padding: 10px 14px; border-radius: 12px; background: rgba(5,13,29,.5); border: 1px solid rgba(59,130,246,.15); transition: border-color .3s; word-break: break-all; }
.contact-list a:hover { border-color: rgba(0,210,255,.5); }
.contact-list i { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font-style: normal; font-size: .75rem; font-weight: 700; color: var(--j-cyan); background: rgba(0,210,255,.1); }
.join-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 15px 20px; border-radius: 999px; font-weight: 700; color: #fff; text-decoration: none; background: var(--j-blue); box-shadow: 0 0 22px rgba(59,130,246,.55); transition: box-shadow .3s, transform .3s; }
.join-btn:hover { box-shadow: 0 0 36px rgba(59,130,246,.85); transform: translateY(-2px); }
#p-iletisim .question-card { max-width: none; padding: 30px 26px; gap: 18px; }
#p-iletisim .question-card:hover { transform: none; }
#p-iletisim .question-form { gap: 16px; }
#p-iletisim .question-header h2 { font-size: 1.5rem; margin-bottom: 6px; }

/* --- Final sahnesi: omurga logoya döner --- */
.final { position: relative; padding: 34vh 0 16vh; text-align: center; }
.final-core { position: relative; width: 150px; height: 150px; margin: 0 auto; display: grid; place-items: center; z-index: 3; }
.final-core img { width: 120px; height: auto; mix-blend-mode: screen; animation: homepageLogoSpin3D 10s linear infinite; opacity: .35; filter: grayscale(.6); transition: opacity .8s, filter .8s; }
.final-core::before, .final-core::after { content: ''; position: absolute; inset: -10px; border-radius: 50%; border: 1px solid rgba(0,210,255,.25); }
.final-core::after { inset: -34px; border-style: dashed; animation: spin 30s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.final-core .ring { position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--j-cyan); opacity: 0; }
.final.lit .final-core img { opacity: 1; filter: drop-shadow(0 0 22px rgba(0,210,255,.8)); }
.final.lit .final-core::before { border-color: rgba(0,210,255,.7); box-shadow: 0 0 40px rgba(0,210,255,.4), inset 0 0 30px rgba(0,210,255,.2); }
.final.lit .final-core .ring { animation: coreRing 2.6s ease-out infinite; }
.final.lit .final-core .ring:nth-child(2) { animation-delay: .9s; }
.final.lit .final-core .ring:nth-child(3) { animation-delay: 1.8s; }
@keyframes coreRing { 0% { transform: scale(.8); opacity: .9; } 100% { transform: scale(2.6); opacity: 0; } }
.final-txt { margin-top: 56px; opacity: 0; transform: translateY(24px); transition: opacity .8s ease .3s, transform .9s cubic-bezier(.16,1,.3,1) .3s; }
.final.lit .final-txt { opacity: 1; transform: none; }
.final h2 { font-size: 2.6rem; font-weight: 800; letter-spacing: -1px; background: linear-gradient(90deg, #fff, var(--j-soft)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.final p { color: #cbd5e1; margin: 10px auto 26px; max-width: 46ch; line-height: 1.6; }
.final-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.final-actions a, .final-actions button { font: 700 .95rem/1 'Inter', sans-serif; padding: 14px 22px; border-radius: 999px; text-decoration: none; cursor: pointer; transition: all .3s; }
.final-actions .pri { background: var(--j-blue); color: #fff; border: 2px solid var(--j-blue); box-shadow: 0 0 22px rgba(59,130,246,.55); }
.final-actions .sec { background: transparent; color: var(--j-soft); border: 2px solid rgba(59,130,246,.5); }
.final-actions a:hover, .final-actions button:hover { transform: translateY(-2px); box-shadow: 0 0 30px rgba(0,210,255,.5); }

/* ---------- Mini harita + mobil hap ---------- */
.minimap { position: fixed; right: 26px; top: 50%; transform: translate(20px,-50%); z-index: 900; display: flex; flex-direction: column; gap: 20px; padding: 6px 0; opacity: var(--map-o,0); pointer-events: none; transition: transform .5s cubic-bezier(.16,1,.3,1); }
.minimap.show { transform: translate(0,-50%); pointer-events: auto; }
.minimap::before { content: ''; position: absolute; right: 6px; top: 12px; bottom: 12px; width: 2px; background: var(--j-line); }
.minimap::after { content: ''; position: absolute; right: 6px; top: 12px; width: 2px; height: calc(100% - 24px); background: linear-gradient(var(--j-blue), var(--j-cyan)); transform-origin: top; transform: scaleY(var(--map-fill,0)); box-shadow: 0 0 8px rgba(0,210,255,.6); }
.minimap a { position: relative; display: flex; align-items: center; justify-content: flex-end; gap: 12px; text-decoration: none; z-index: 1; }
.minimap a span { font-size: .74rem; font-weight: 600; letter-spacing: 1px; color: var(--j-soft); white-space: nowrap; opacity: 0; transform: translateX(8px); transition: opacity .3s, transform .3s; }
.minimap a i { width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(59,130,246,.6); background: #050D1D; transition: background .3s, box-shadow .3s, transform .3s; }
.minimap a.lit i { background: var(--j-blue); border-color: var(--j-blue); }
.minimap a.active i { background: var(--j-cyan); border-color: #fff; transform: scale(1.3); box-shadow: 0 0 14px rgba(0,210,255,.9); }
.minimap a.active span, .minimap:hover a span { opacity: 1; transform: none; }
.minimap a.active span { color: #fff; }
.minimap.done a i { background: var(--j-cyan); border-color: var(--j-cyan); box-shadow: 0 0 10px rgba(0,210,255,.7); }
.mini-pill { display: none; position: fixed; left: 50%; bottom: 18px; z-index: 900; transform: translate(-50%,80px); transition: transform .5s cubic-bezier(.16,1,.3,1); background: rgba(11,19,41,.92); border: 1px solid rgba(0,210,255,.4); border-radius: 999px; padding: 9px 16px; color: #fff; font: 600 .8rem/1 'Inter', sans-serif; letter-spacing: 1px; box-shadow: 0 8px 24px rgba(0,0,0,.5); backdrop-filter: blur(10px); }
.mini-pill b { color: var(--j-cyan); margin-right: 8px; font-variant-numeric: tabular-nums; }
.mini-pill.show { transform: translate(-50%,0); }

/* ---------- Mobil / tablet ---------- */
@media (max-width: 960px) {
    :root { --j-gap: 30px; }
    .journey { padding: 0 16px; }
    .j-panel .j-node, .j-panel.full .j-node { left: 26px; }
    .j-panel .j-link, [data-side="left"] .j-link { left: 26px; right: auto; width: var(--j-gap); transform-origin: left; background: linear-gradient(90deg, var(--j-cyan), rgba(59,130,246,.5)); }
    [data-side="left"].on .j-link::after { animation-name: packet; }
    [data-side="left"].burst .j-card::after { animation-name: edgeSweep; }
    .j-panel.full .j-link { left: 26px; }
    .j-card, [data-side="left"] .j-card, [data-side="right"] .j-card { width: auto; margin-left: calc(26px + var(--j-gap)); transform: translateX(40px); padding: 24px 20px; }
    .j-panel.full .j-card { width: auto; margin-left: calc(26px + var(--j-gap)); }
    .j-card h2 { font-size: 1.6rem; }
    .team-viewport, .ev-viewport { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
    .mv { grid-template-columns: 1fr; }
    .stats { grid-template-columns: repeat(2, 1fr); }
    .steps { grid-template-columns: 1fr 1fr; }
    .tier img { height: 32px; }
    #p-iletisim .j-card { grid-template-columns: 1fr; gap: 20px; }
    .ev { width: 220px; height: 300px; }
    .tl-month { letter-spacing: .5px; font-size: .62rem; }
    .member { width: 100px; } .member .av { width: 84px; height: 84px; font-size: 1.3rem; }
    .minimap { display: none; }
    .mini-pill { display: block; }
    .final h2 { font-size: 2rem; }
    .win .body { padding: 18px 18px 22px; } .win .foot { padding: 0 18px 22px; } .win .thumbs { padding: 12px 18px 0; }
    .win .body h3 { font-size: 1.35rem; }
}

/* ---------- Bölüm renk tonu (kaydırdıkça değişen ışık) ---------- */
.tint {
    position: fixed; inset: 0; z-index: -2; pointer-events: none; mix-blend-mode: screen; opacity: var(--tint-o, 0);
    background:
        radial-gradient(55% 50% at 18% 28%, rgba(var(--ta, 59,130,246), .22), transparent 70%),
        radial-gradient(50% 45% at 86% 78%, rgba(var(--tb, 0,210,255), .16), transparent 70%);
}

/* ---------- Açılış koreografisi ---------- */
.hero-content h1 .ch { display: inline-block; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #ffffff, #93c5fd); background-repeat: no-repeat; }
.hero-content h1.split { background: none; -webkit-text-fill-color: initial; }
body.intro .homepage-logo-spin-final { animation: homepageLogoSpin3D 10s linear infinite, logoIntro 1.7s cubic-bezier(.2,.7,.2,1) .5s backwards; }
@keyframes logoIntro {
    0% { opacity: 0; filter: blur(16px) brightness(2.4); }
    55% { opacity: 1; filter: blur(0) brightness(1.5) drop-shadow(0 0 34px rgba(0,210,255,.85)); }
    100% { opacity: 1; filter: none; }
}
body.intro .hero-content h3 { animation: introFade 1s ease .95s backwards; }
body.intro .hero-content h1 .ch { animation: chIn 1s cubic-bezier(.2,.8,.2,1) backwards; animation-delay: calc(1.05s + var(--i) * 55ms); }
body.intro .hero-content h2 { animation: introFade 1s ease 1.65s backwards; }
body.intro .scroll-hint { animation: introFade 1s ease 2.2s backwards; }
body.intro .navbar { animation: introFade .9s ease .35s backwards; }
@keyframes introFade { from { opacity: 0; filter: blur(6px); transform: translateY(14px); } }
@keyframes chIn { from { opacity: 0; transform: translateY(.5em) rotateX(-75deg); filter: blur(8px); } }
body.intro .hero-content h3 { transform: none; }

/* ---------- Omurga ucunda logo: markanın elması ---------- */
.spine-head { width: 34px; height: 34px; background: none; border-radius: 0; box-shadow: none; z-index: 3; }
.spine-head::before { content: ''; position: absolute; inset: -16px; border-radius: 50%; background: radial-gradient(circle, rgba(0,210,255,.4), transparent 62%); }
.spine-head .dia { position: absolute; inset: 5px; transform: rotate(45deg); background: #050D1D; border: 1.5px solid var(--j-cyan); box-shadow: 0 0 12px rgba(0,210,255,.85), inset 0 0 8px rgba(0,210,255,.35); overflow: hidden; }
.spine-head .dia img { position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; transform: rotate(-45deg); mix-blend-mode: screen; object-fit: contain; }

/* ---------- Kartlarda ışık + hafif eğim ---------- */
.j-card { --mx: 50%; --my: 50%; --rx: 0deg; --ry: 0deg; --lo: 0;
    background-image: radial-gradient(520px circle at var(--mx) var(--my), rgba(59,130,246,calc(.12 * var(--lo))), transparent 60%); }
.j-card::before {
    content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; pointer-events: none; z-index: 1;
    background: radial-gradient(280px circle at var(--mx) var(--my), rgba(0,210,255,.85), rgba(59,130,246,.3) 40%, transparent 70%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
    opacity: var(--lo); transition: opacity .35s ease;
}
.j-panel.on .j-card { transform: perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry)); }
.j-card.hovering { transition: opacity .7s ease, transform .25s ease-out, border-color .4s; }

/* ---------- Etkinliklerde odak ---------- */
.ev { transform: scale(var(--s, 1)) translateY(var(--ly, 0px)); transition: transform .35s ease-out, border-color .3s, box-shadow .3s; }
.ev:hover, .ev:focus-visible { --ly: -4px; transform: scale(var(--s, 1)) translateY(var(--ly)); }
.ev::before { content: ''; position: absolute; inset: 0; z-index: 2; background: #050D1D; opacity: var(--dk, 0); pointer-events: none; transition: opacity .3s; }
.ev.focus { border-color: rgba(0,210,255,.75); box-shadow: 0 0 34px rgba(0,210,255,.32), 0 18px 40px rgba(0,0,0,.45); }

/* ---------- Portre kartı çevrilir ---------- */
.member { perspective: 900px; }
.flip { position: relative; height: 186px; transform-style: preserve-3d; transition: transform .7s cubic-bezier(.2,.8,.2,1); outline: none; }
.member:hover .flip, .flip:focus-within, .member.flipped .flip { transform: rotateY(180deg); }
.face { position: absolute; inset: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: center; }
.face.back {
    transform: rotateY(180deg); display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 7px; padding: 12px 10px;
    border-radius: 14px; background: linear-gradient(160deg, rgba(30,58,138,.55), rgba(5,13,29,.85)); border: 1px solid rgba(0,210,255,.4);
    box-shadow: 0 0 22px rgba(0,210,255,.15);
}
.face.back b { font-size: .8rem; line-height: 1.25; margin-bottom: 4px; }
.face.back a { display: block; font: 600 .74rem/1 'Inter', sans-serif; color: var(--j-soft); text-decoration: none; padding: 8px 6px; border-radius: 999px; border: 1px solid rgba(59,130,246,.45); transition: background .2s, color .2s; }
.face.back a:hover, .face.back a:focus-visible { background: var(--j-blue); color: #fff; border-color: var(--j-blue); outline: none; }
.member:hover .av { border-color: rgba(59,130,246,.4); box-shadow: 0 0 0 4px rgba(5,13,29,.8); }

/* ---------- Fotoğraflar netleşerek gelir ---------- */
img[data-fx] { opacity: 0; filter: blur(14px); transition: opacity .7s ease, filter .9s ease, transform .6s ease; }
img[data-fx].ok { opacity: 1; filter: none; }
.av, .ann img, .ev { background-color: #0b1329; }

/* ---------- Final: ağ özeti ---------- */
.final-net { position: relative; width: 460px; height: 460px; margin: 0 auto; }
.final-net .final-core { position: absolute; left: 50%; top: 50%; margin: -75px 0 0 -75px; }
.fn-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.fn-lines line { stroke: rgba(0,210,255,.55); stroke-width: 1.2; stroke-dasharray: var(--len); stroke-dashoffset: var(--len); transition: stroke-dashoffset .9s cubic-bezier(.65,0,.35,1); transition-delay: calc(.15s + var(--i) * .12s); }
.final.lit .fn-lines line { stroke-dashoffset: 0; }
.fn-node {
    position: absolute; left: calc(50% + var(--x)); top: calc(50% + var(--y)); z-index: 4;
    display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 4px; min-height: 0; min-width: 0;
    background: none; border: 0; cursor: pointer; color: var(--j-soft); font: 600 .78rem/1.1 'Inter', sans-serif; letter-spacing: .5px;
    opacity: 0; transform: translate(-50%, -8px) scale(.5); transition: opacity .5s ease, transform .6s cubic-bezier(.34,1.56,.64,1), color .2s;
    transition-delay: calc(.6s + var(--i) * .12s);
}
.fn-node i { width: 12px; height: 12px; border-radius: 50%; background: var(--j-cyan); box-shadow: 0 0 14px rgba(0,210,255,.9); }
.fn-node b { font-weight: 600; color: var(--j-muted); font-size: .7rem; }
.fn-node:hover, .fn-node:focus-visible { color: #fff; outline: none; }
.final.lit .fn-node { opacity: 1; transform: translate(-50%, -8px) scale(1); }
.final .final-txt { margin-top: 24px; }

/* ---------- Tipografi cilası ---------- */
.journey, .site-foot, .ev-modal, .sp-tip { font-feature-settings: 'cv11', 'ss03'; }
.j-card h2 { font-size: 2.25rem; font-weight: 700; letter-spacing: -.028em; line-height: 1.1; text-wrap: balance; }
.j-lead { color: #c3cfe0; line-height: 1.65; text-wrap: pretty; }
.j-kicker { letter-spacing: 2.5px; }
.stat strong { font-feature-settings: 'tnum'; letter-spacing: -.02em; }
.final h2 { letter-spacing: -.035em; text-wrap: balance; }
.final p { text-wrap: balance; }
.ann h4 { letter-spacing: -.005em; }
.win .body h3 { letter-spacing: -.02em; text-wrap: balance; }

/* ---------- Mobil: bölüm seçici sayfası ---------- */
.sheet { position: fixed; inset: 0; z-index: 3500; display: none; }
.sheet.open { display: block; }
.sheet-bd { position: absolute; inset: 0; background: rgba(3,6,20,.6); animation: fadeIn .25s ease both; }
.sheet-pan {
    position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 16px calc(18px + env(safe-area-inset-bottom));
    background: #0b1329; border-top: 1px solid rgba(0,210,255,.35); border-radius: 18px 18px 0 0;
    animation: sheetUp .4s cubic-bezier(.16,1,.3,1) both; font-family: 'Inter', sans-serif;
}
@keyframes sheetUp { from { transform: translateY(100%); } }
.sheet-grip { width: 40px; height: 4px; border-radius: 4px; background: rgba(148,163,184,.4); margin: 0 auto 12px; }
.sheet ul { list-style: none; }
.sheet li button { width: 100%; display: flex; align-items: center; gap: 14px; padding: 14px 8px; min-height: 0; background: none; border: 0; border-bottom: 1px solid rgba(59,130,246,.15); color: #e2e8f0; font: 500 1rem/1.2 'Inter', sans-serif; text-align: left; cursor: pointer; justify-content: flex-start; }
.sheet li button b { width: 26px; color: var(--j-muted); font-weight: 600; font-variant-numeric: tabular-nums; }
.sheet li.cur button { color: var(--j-cyan); }
.sheet li.cur button b { color: var(--j-cyan); }

@media (max-width: 960px) {
    .final-net { width: 300px; height: 300px; }
    .final-net .final-core { transform: scale(.78); }
    .fn-node { font-size: .66rem; }
    .flip { height: 168px; }
    .j-card h2 { font-size: 1.75rem; }
    .j-card, [data-side="left"] .j-card, [data-side="right"] .j-card, .j-panel.full .j-card { padding: 26px 22px; }
    .j-panel { --pt: 26vh; }
    .mini-pill { display: flex !important; align-items: center; gap: 2px; padding: 12px 18px; padding-bottom: calc(12px + env(safe-area-inset-bottom) * .3); border: 1px solid rgba(0,210,255,.4); cursor: pointer; }
    .mini-pill::after { content: ''; width: 7px; height: 7px; margin-left: 10px; border-left: 1.5px solid var(--j-soft); border-top: 1.5px solid var(--j-soft); transform: rotate(45deg) translateY(2px); }
    a, button { -webkit-tap-highlight-color: transparent; }
    .j-more:active, .tab:active, .join-btn:active, .sp:active, .mini-pill:active, .face.back a:active, .final-actions a:active, .final-actions button:active { transform: scale(.96); transition: transform .1s; }
    .ev:active { --ly: 2px; }
    .ann:active { background: rgba(59,130,246,.12); }
}


/* =====================================================================
   v6 — AĞ HARİTASI + PANELE ÖZGÜ ANİMASYONLAR
   ===================================================================== */
.journey { margin-top: -70vh; }
.spine-origin { display: none; }

/* ---------- Hub ---------- */
.hub { position: relative; z-index: 3; padding: 110px 0 40px; text-align: center; }
.hub-head h2 { font-size: clamp(2rem, 3.4vw, 2.9rem); font-weight: 700; letter-spacing: -.032em; color: #fff; text-wrap: balance; }
.hub-head p { color: var(--j-muted); margin-top: 10px; font-size: 1.02rem; }
.hub-head { opacity: 0; transform: translateY(18px); transition: opacity .8s ease, transform .9s cubic-bezier(.16,1,.3,1); }
.hub.lit .hub-head { opacity: 1; transform: none; }
.hub-net { position: relative; width: 560px; height: 560px; margin: 6px auto 0; }
.hub-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.hub-svg line { stroke: rgba(0,210,255,.42); stroke-width: 1.2; stroke-dasharray: var(--len); stroke-dashoffset: var(--len); transition: stroke-dashoffset .9s cubic-bezier(.65,0,.35,1), stroke .3s; transition-delay: calc(.2s + var(--i) * .1s); }
.hub.lit .hub-svg line { stroke-dashoffset: 0; }
.hub-svg line.hot { stroke: rgba(255,255,255,.9); stroke-width: 1.8; transition-delay: 0s; }
.hub-svg .orbit { fill: none; stroke: rgba(59,130,246,.18); stroke-dasharray: 2 6; }
.hub-svg .arc-bg { fill: none; stroke: rgba(59,130,246,.18); stroke-width: 3; }
.hub-svg .arc { fill: none; stroke: var(--j-cyan); stroke-width: 3; stroke-linecap: round; transform: rotate(-90deg); transition: stroke-dasharray .8s ease; filter: drop-shadow(0 0 4px rgba(0,210,255,.8)); }
.hub-core { position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; display: grid; place-items: center; z-index: 3; }
.hub-core img { width: 118px; height: auto; mix-blend-mode: screen; animation: homepageLogoSpin3D 10s linear infinite; opacity: var(--hubc-o, 1); filter: drop-shadow(0 0 18px rgba(0,210,255,.55)); }
.hub-core .ring { position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid var(--j-cyan); opacity: 0; }
.hub.lit .hub-core .ring { animation: coreRing 3s ease-out infinite; }
.hub.lit .hub-core .ring:nth-child(2) { animation-delay: 1.5s; }
.hub-node {
    position: absolute; left: calc(50% + var(--x)); top: calc(50% + var(--y)); z-index: 4; transform: translate(-50%, -50%) scale(.4); opacity: 0;
    display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 6px; min-height: 0; min-width: 0;
    background: none; border: 0; cursor: pointer; color: #dbe7f7; font: 600 .92rem/1.15 'Inter', sans-serif;
    transition: opacity .5s ease, transform .6s cubic-bezier(.34,1.56,.64,1), color .2s; transition-delay: calc(.55s + var(--i) * .1s);
}
.hub-node i { position: relative; width: 18px; height: 18px; border-radius: 50%; background: #050D1D; border: 2px solid var(--j-cyan); box-shadow: 0 0 16px rgba(0,210,255,.6); transition: transform .3s cubic-bezier(.34,1.56,.64,1), background .3s; }
.hub-node i::after { content: ''; position: absolute; inset: 3px; border-radius: 50%; background: var(--j-cyan); }
.hub-node b { font-weight: 600; color: var(--j-muted); font-size: .78rem; margin-right: 4px; font-variant-numeric: tabular-nums; }
.hub-node span { white-space: nowrap; }
.hub.lit .hub-node { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.hub-node:hover i, .hub-node:focus-visible i { transform: scale(1.45); }
.hub-node:hover, .hub-node:focus-visible { color: #fff; outline: none; }
.hub-node.visited i { background: var(--j-cyan); border-color: #fff; }
.hub-node.visited i::after { inset: 4px; background: #fff; -webkit-mask: none; }
.hub-node.visited span::after { content: ' ✓'; color: var(--j-cyan); font-size: .8rem; }
.hub-visited { margin-top: 4px; font-size: .9rem; color: var(--j-muted); font-variant-numeric: tabular-nums; opacity: 0; transition: opacity .6s ease 1.3s; }
.hub-visited b { color: var(--j-cyan); font-size: 1.05rem; }
.hub.lit .hub-visited { opacity: 1; }
.hub-peek {
    position: absolute; z-index: 6; width: 250px; text-align: left; pointer-events: none; opacity: 0; transform: translateY(8px) scale(.97);
    transition: opacity .22s ease, transform .3s cubic-bezier(.16,1,.3,1);
    background: rgba(11,19,41,.96); border: 1px solid rgba(0,210,255,.45); border-radius: 16px; overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,.55), 0 0 26px rgba(0,210,255,.18);
}
.hub-peek.show { opacity: 1; transform: none; }
.hub-peek .pv { height: 118px; background: #0b1329; position: relative; overflow: hidden; }
.hub-peek .pv img { width: 100%; height: 100%; object-fit: cover; }
.hub-peek .pv.logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; padding: 18px 12px; background: #eef2f7; align-items: center; }
.hub-peek .pv.logos img { height: 34px; object-fit: contain; }
.hub-peek .pv.chart svg { width: 100%; height: 100%; }
.hub-peek .pv.mark { display: grid; place-items: center; }
.hub-peek .pv.mark img { width: 84px; height: auto; mix-blend-mode: screen; }
.hub-peek .tx { padding: 12px 14px 14px; }
.hub-peek .tx b { display: block; color: #fff; font-size: .98rem; margin-bottom: 4px; }
.hub-peek .tx p { color: var(--j-muted); font-size: .84rem; line-height: 1.45; }
.hub-peek .tx em { display: block; font-style: normal; color: var(--j-cyan); font-size: .78rem; font-weight: 600; margin-top: 8px; }
.hub-list { display: none; }

/* Haritaya dön butonu (her panelde) */
.to-map { position: absolute; top: 16px; right: 16px; z-index: 3; display: inline-flex; align-items: center; gap: 7px; min-height: 0; min-width: 0;
    padding: 7px 11px; border-radius: 999px; border: 1px solid rgba(59,130,246,.35); background: rgba(5,13,29,.55); color: var(--j-soft);
    font: 600 .74rem/1 'Inter', sans-serif; cursor: pointer; transition: border-color .25s, color .25s, background .25s; }
.to-map i { width: 8px; height: 8px; transform: rotate(45deg); border: 1.5px solid currentColor; }
.to-map:hover, .to-map:focus-visible { border-color: var(--j-cyan); color: #fff; background: rgba(0,210,255,.12); outline: none; }

/* Uçuş sırasında omurga daha parlak, ağ çizgi çizer */
html.flying .sp-fill { stroke-width: 4; }
html.flying .sp-glow { stroke: rgba(0,210,255,.35); stroke-width: 16; }
html.flying .spine-head::before { inset: -30px; background: radial-gradient(circle, rgba(0,210,255,.6), transparent 62%); }

/* ---------- 01 Haber bandı ---------- */
.ann { will-change: transform, opacity; }
.ann::before { content: ''; position: absolute; left: 0; top: 0; height: 2px; width: 100%; border-radius: 2px; background: linear-gradient(90deg, var(--j-cyan), transparent); transform-origin: left; transform: scaleX(var(--scan, 0)); opacity: calc(1 - var(--type, 0) * .7); }
.ann h4 { clip-path: inset(-2px calc((1 - var(--type, 1)) * 100%) -2px 0); }

/* ---------- 02 Sayılar inşa + kapılar ---------- */
.stat { position: relative; overflow: hidden; }
.stat .bar { position: absolute; left: 0; right: 0; bottom: 0; height: calc(var(--h) * 1%); transform-origin: bottom; transform: scaleY(var(--e, 1));
    background: linear-gradient(to top, rgba(0,210,255,.30), rgba(59,130,246,.06)); border-top: 1px solid rgba(0,210,255,.6); }
.stat strong, .stat span { position: relative; z-index: 1; }
.mv { perspective: 900px; }
.mv > div { will-change: transform, opacity; }
.chips span { will-change: transform, opacity; }

/* ---------- 03 Takımyıldız ---------- */
.member { animation: none !important; will-change: transform, opacity; }
.team-row { position: relative; }
.stars { position: absolute; left: 0; top: 0; overflow: visible; pointer-events: none; z-index: 0; }
.stars line { stroke: rgba(0,210,255,.55); stroke-width: 1; }
.member .av { position: relative; z-index: 1; }

/* ---------- 04 3D film şeridi ---------- */
.ev-viewport { perspective: 1100px; }
.ev-track { transform-style: preserve-3d; }
.ev, .ev:hover, .ev:focus-visible { transform: translateZ(var(--tz, 0px)) rotateY(var(--rot, 0deg)) scale(var(--s, 1)) translateY(var(--ly, 0px)); }

/* ---------- 05 Mıknatıs ---------- */
.sp { will-change: transform, opacity; }

/* ---------- 06 Canlı borsa ---------- */
.fl-wrap { position: relative; margin: 4px 0 14px; }
.fl-wrap .fl-chart { margin: 0; }
.fl-chart path.line { transition: none; }
.fl-chart path.area { transition: opacity .6s ease; }
.fl-dot { position: absolute; z-index: 2; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 4px rgba(0,210,255,.3), 0 0 14px rgba(0,210,255,.9); opacity: var(--fd-o, 0); }
.odo { display: grid; grid-template-columns: 1fr 1fr 1.6fr; gap: 8px; margin-bottom: 16px; }
.odo > div { padding: 12px 12px 10px; border-radius: 12px; background: rgba(5,13,29,.5); border: 1px solid rgba(59,130,246,.18); }
.odo .num { display: flex; height: 1.25em; overflow: hidden; font-size: 1.55rem; font-weight: 700; color: #fff; line-height: 1.25; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.odo .col { display: flex; flex-direction: column; transform: translateY(0); }
.odo .col span { height: 1.25em; }
.odo .sep { color: var(--j-muted); }
.odo small { display: block; font-size: .72rem; color: var(--j-muted); margin-top: 2px; }

/* ---------- 07 İletişim ---------- */
#p-iletisim .j-card { will-change: clip-path; }
#p-iletisim .contact-list li, #p-iletisim .question-header, #p-iletisim .question-field, #p-iletisim .uyelik-butonu { will-change: transform, opacity; }

/* Final sadeleşti */
.final { padding-top: 30vh; }
.final .final-txt { margin-top: 56px; }

@media (max-width: 960px) {
    .journey { margin-top: -60vh; }
    .hub { padding: 90px 0 20px; text-align: left; }
    .hub-head { text-align: center; padding: 0 8px; }
    .hub-net { width: 100%; height: 190px; }
    .hub-svg, .hub-node, .hub-peek { display: none !important; }
    .hub-core { transform: scale(.85); }
    .hub-list { display: block; list-style: none; position: relative; margin: 6px 0 0; padding: 0; }
    .hub-list li { position: relative; }
    .hub-list button {
        width: 100%; display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 0; min-height: 0; padding: 14px 4px 14px 0;
        background: none; border: 0; border-bottom: 1px solid rgba(59,130,246,.14); color: #e2e8f0; text-align: left; cursor: pointer; justify-content: flex-start;
        opacity: 0; transform: translateX(16px); transition: opacity .5s ease, transform .6s cubic-bezier(.16,1,.3,1); transition-delay: calc(.2s + var(--i) * .07s);
    }
    .hub.lit .hub-list button { opacity: 1; transform: none; }
    .hub-list .dot { justify-self: start; margin-left: 20px; width: 14px; height: 14px; border-radius: 50%; background: #050D1D; border: 2px solid var(--j-cyan); box-shadow: 0 0 12px rgba(0,210,255,.6); position: relative; z-index: 2; }
    .hub-list li.visited .dot { background: var(--j-cyan); border-color: #fff; }
    .hub-list .t b { display: block; font: 600 1.02rem/1.2 'Inter', sans-serif; color: #fff; }
    .hub-list .t b small { color: var(--j-muted); font-size: .78rem; margin-right: 6px; font-variant-numeric: tabular-nums; }
    .hub-list .t span { display: block; font-size: .82rem; color: var(--j-muted); margin-top: 3px; line-height: 1.35; }
    .hub-list .go { color: var(--j-cyan); font-size: 1.1rem; padding-left: 10px; }
    .hub-list button:active { background: rgba(59,130,246,.1); }
    .hub-visited { text-align: center; margin-top: 14px; }
    .to-map { top: 12px; right: 12px; padding: 6px 9px; }
    .to-map span { display: none; }
    .odo { grid-template-columns: 1fr 1fr; } .odo > div:last-child { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
    .hub-head, .hub-node, .hub-visited, .hub-list button { opacity: 1 !important; transform: none !important; transition: none !important; }
    .hub-node { transform: translate(-50%, -50%) !important; }
    .hub-svg line { stroke-dashoffset: 0 !important; }
}

/* ---------- Hareket azaltma ---------- */
@media (prefers-reduced-motion: reduce) {
    .scroll-stage { height: auto; } .scroll-stage > .hero { position: relative; }
    .journey { margin-top: 0; }
    .scroll-hint, .scroll-veil, .spine-head, .curtain, .tint { display: none !important; }
    img[data-fx] { opacity: 1 !important; filter: none !important; }
    .flip { transition: none; } .fn-lines line { stroke-dashoffset: 0 !important; } .fn-node { opacity: 1 !important; transform: translate(-50%, -8px) !important; }
    .j-card, .j-card .st, .j-link, .final-txt { opacity: 1 !important; transform: none !important; transition: none !important; }
    .pin-wrap { height: auto !important; margin-top: 20vh; } .pin-sticky { position: relative; height: auto; }
    .ev-viewport, .team-viewport { overflow-x: auto; } .ev-track, .team-row { transform: none !important; }
    .marquee-row, .j-node::after, .member, .final-core::after, .final.lit .final-core .ring { animation: none !important; }
}


/* Form gönderim bildirimi (eski index.html'den) */
.toast-notification { position: fixed; bottom: 24px; right: 24px; background: rgba(11,19,41,.95); backdrop-filter: blur(12px); border: 1px solid rgba(59,130,246,.4); color: #fff; padding: 16px 24px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.5), 0 0 15px rgba(59,130,246,.2); display: flex; align-items: center; gap: 12px; z-index: 10000; transform: translateY(100px); opacity: 0; transition: all .4s cubic-bezier(.16,1,.3,1); font-family: 'Inter', sans-serif; }
.toast-notification.show { transform: translateY(0); opacity: 1; }
.toast-notification.error { border-color: rgba(239,68,68,.5); }
.toast-icon { color: #10b981; font-size: 1.3rem; font-weight: bold; }
.toast-notification.error .toast-icon { color: #ef4444; }

/* =====================================================================
   HAFİF MOD — telefon ve tablet (html.lite, journey.js ekler)
   Bulanık cam, 3D katmanlar, tam ekran karışım katmanı ve sürekli dönen
   animasyonlar mobil GPU'yu yoruyor ve belleği dolduruyordu.
   ===================================================================== */
html.lite .j-card,
html.lite #p-iletisim .question-card,
html.lite .sheet-pan, html.lite .mini-pill, html.lite .ev-modal .bd, html.lite .sp-tip,
html.lite .toast-notification, html.lite .hub-peek { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.lite .j-card { background-color: rgba(12, 25, 56, .94); }
html.lite #p-iletisim .question-card { background-color: rgba(9, 19, 44, .96) !important; }
html.lite .j-panel.on .j-card { transform: none; }
html.lite .j-card::before { display: none; }
html.lite .tint { display: none; }
html.lite .sp-glow, html.lite .spine-head::before { display: none; }
html.lite .ev-viewport { perspective: none; }
html.lite .ev-track { transform-style: flat; }
html.lite .ev, html.lite .ev:hover, html.lite .ev:focus-visible { transform: scale(var(--s, 1)); transition: border-color .3s, box-shadow .3s; }
html.lite .ev.focus { box-shadow: 0 0 0 1px rgba(0,210,255,.5); }
html.lite .ev img { transition: opacity .7s ease, filter .9s ease; transform: none; }
/* Sürekli dönen / nabız atan süslemeler */
html.lite .hub-core img, html.lite .final-core img, html.lite .spine-head .dia img { animation: none !important; }
html.lite .j-panel.on .j-node::after, html.lite .j-panel.on .j-link::after,
html.lite .hub.lit .hub-core .ring, html.lite .final.lit .final-core .ring, html.lite .final-core::after,
html.lite .status::before { animation: none !important; }
html.lite .hub-svg .arc { filter: none; }
html.lite .hub-core img { filter: none; }
/* Gereksiz katman oluşturan ipuçları */
html.lite .ann, html.lite .member, html.lite .sp, html.lite .mv > div, html.lite .chips span,
html.lite .hero-logo, html.lite .hero-content h1, html.lite .hero-content h2, html.lite .hero-content h3,
html.lite .team-row, html.lite .ev-track, html.lite .spine-head, html.lite #p-iletisim .j-card,
html.lite #p-iletisim .contact-list li, html.lite #p-iletisim .question-header, html.lite #p-iletisim .question-field, html.lite #p-iletisim .uyelik-butonu { will-change: auto !important; }
html.lite .homepage-logo-spin-final { will-change: auto; }
/* Mobilde body arkaplanı sabit değil (style.css) — kaydırmada yeniden boyama yok */
html.lite body.home-page { background-attachment: scroll; }
/* Hafif modda ışık patlaması animasyonları kapalı (geçici katman patlaması yapıyordu) */
html.lite .j-panel.burst .j-node::before, html.lite .j-panel.burst .j-card::after { animation: none !important; }
html.lite .j-card::after { display: none; }
/* style.css'teki mobil menü, kapalıyken bile bulanık cam katmanı taşıyordu (zemin zaten %98 opak) */
html.lite .nav-links { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }

/* Telefon/tablet: 14000px'lik sayfaya gerilen arka plan fotoğrafı yerine düz zemin (ağ tuvali ve ton katmanı zaten üstte) */
html.lite body.home-page { background-image: none !important; background-color: #050D1D; }