/* eBattery — sakin, mühendislik çizgili sayfa zemini (3D/WebGL zemin yok) */
html{background:#f5f8ff}html[data-theme=dark]{background:#080e1b}
body{background:transparent!important}.section.soft{background:transparent!important}
#fx-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;--gx:50%;--gy:30%;--sy:0;
  background:linear-gradient(180deg,#f8faff 0%,#f2f6ff 50%,#f6f9ff 100%)}
#fx-bg i{position:absolute;display:block}
#fx-bg .mesh{inset:-10vh 0;transform:translate3d(0,calc(var(--sy)*-.1px),0);will-change:transform}
/* yumuşak renk alanları */
#fx-bg .m1,#fx-bg .m2,#fx-bg .m3{border-radius:50%;filter:blur(80px);will-change:transform;animation:fxdrift 34s ease-in-out infinite alternate}
#fx-bg .m1{width:62vmax;height:62vmax;left:-20vmax;top:-26vmax;background:radial-gradient(circle,#2f6bff2b,transparent 68%)}
#fx-bg .m2{width:50vmax;height:50vmax;right:-20vmax;top:22vh;background:radial-gradient(circle,#19d3a222,transparent 68%);animation-delay:-11s}
#fx-bg .m3{width:56vmax;height:56vmax;left:14vw;bottom:-36vmax;background:radial-gradient(circle,#8b5cf61c,transparent 68%);animation-delay:-20s}
@keyframes fxdrift{to{transform:translate3d(5vmax,-4vmax,0) scale(1.08)}}
/* çift katmanlı ızgara: ince (24px) + ana (96px) */
#fx-bg .grid{inset:0;
  background-image:
    linear-gradient(#2f6bff17 1px,transparent 1px),linear-gradient(90deg,#2f6bff17 1px,transparent 1px),
    linear-gradient(#2f6bff0a 1px,transparent 1px),linear-gradient(90deg,#2f6bff0a 1px,transparent 1px);
  background-size:96px 96px,96px 96px,24px 24px,24px 24px;background-position:-1px -1px;
  -webkit-mask-image:radial-gradient(ellipse 85% 100% at 50% 0%,#000 25%,#00000066 70%,#00000026 100%);mask-image:radial-gradient(ellipse 85% 100% at 50% 0%,#000 25%,#00000066 70%,#00000026 100%)}
/* enerji akışı katmanı */
#fx-bg .flow{position:absolute;inset:0;width:100%;height:100%;display:block;-webkit-mask-image:radial-gradient(ellipse 110% 100% at 50% 20%,#000 30%,#000000aa 75%,#00000066 100%);mask-image:radial-gradient(ellipse 110% 100% at 50% 20%,#000 30%,#000000aa 75%,#00000066 100%)}
/* ana kesişimlerde artı işaretleri */
#fx-bg .cross{inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cpath d='M43 48h10M48 43v10' stroke='%232f6bff' stroke-opacity='.55' stroke-width='1'/%3E%3C/svg%3E");background-size:96px 96px;background-position:-49px -49px;-webkit-mask-image:radial-gradient(circle 460px at var(--gx) var(--gy),#000,transparent 75%);mask-image:radial-gradient(circle 460px at var(--gx) var(--gy),#000,transparent 75%)}
#fx-bg .glow{width:680px;height:680px;left:0;top:0;margin:-340px;border-radius:50%;transform:translate3d(var(--gx),var(--gy),0);background:radial-gradient(circle,#2f6bff14,transparent 65%)}
#fx-bg .fade{inset:0;background:linear-gradient(180deg,#ffffff00 70%,#ffffff55)}
/* ince gren: bantlanmayı önler, yüzeye doku verir */
#fx-bg .noise{inset:0;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .2 0 0 0 0 .5 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
/* koyu tema */
html[data-theme=dark] #fx-bg{background:linear-gradient(180deg,#080e1b,#0a1224 55%,#070d1a)}
html[data-theme=dark] #fx-bg .m1{background:radial-gradient(circle,#2f6bff38,transparent 68%)}
html[data-theme=dark] #fx-bg .m2{background:radial-gradient(circle,#19d3a224,transparent 68%)}
html[data-theme=dark] #fx-bg .m3{background:radial-gradient(circle,#8b5cf62b,transparent 68%)}
html[data-theme=dark] #fx-bg .grid{background-image:linear-gradient(#8db4ff14 1px,transparent 1px),linear-gradient(90deg,#8db4ff14 1px,transparent 1px),linear-gradient(#8db4ff08 1px,transparent 1px),linear-gradient(90deg,#8db4ff08 1px,transparent 1px)}
html[data-theme=dark] #fx-bg .cross{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cpath d='M43 48h10M48 43v10' stroke='%239cc0ff' stroke-opacity='.6' stroke-width='1'/%3E%3C/svg%3E")}
html[data-theme=dark] #fx-bg .glow{background:radial-gradient(circle,#5aa2ff1c,transparent 65%)}
html[data-theme=dark] #fx-bg .fade{display:none}
html[data-theme=dark] #fx-bg .noise{mix-blend-mode:screen;opacity:.035}
.hero-grid-bg{opacity:0!important}
@media(max-width:700px){#fx-bg .grid{background-size:64px 64px,64px 64px,16px 16px,16px 16px}#fx-bg .cross{display:none}#fx-bg .m1,#fx-bg .m2,#fx-bg .m3{filter:blur(50px)}#fx-bg .glow{display:none}}
@media(prefers-reduced-motion:reduce){#fx-bg .m1,#fx-bg .m2,#fx-bg .m3{animation:none}#fx-bg .mesh{transform:none}}