.elementor-kit-68{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-68 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* ========================================================= MADE FOR SEO — GLOBAL BACKGROUND / ANIMATED v6 Cel: - siatka mniej widoczna na 1. planie - większa różnorodność i mniej powtarzalności - rozbicie wzoru przez 2 różne warstwy siatki - zachowany subtelny ruch ========================================================= */ html, body { min-height: 100%; } body { background: radial-gradient(circle at 78% 18%, rgba(17,92,255,.055), transparent 30rem), radial-gradient(circle at 18% 82%, rgba(18,199,205,.045), transparent 26rem), radial-gradient(circle at 55% 62%, rgba(17,92,255,.028), transparent 34rem), linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important; background-size: 120% 120%, 125% 125%, 140% 140%, 100% 100%; animation: mfs-bg-breathe 18s ease-in-out infinite alternate; } /* --------------------------------------------------------- WARSTWA SIATKI - mniej widoczna niż v5 - 2 różne patterny nakładają się na siebie - dodatkowe wygaszenia w kilku obszarach --------------------------------------------------------- */ body::before { content: ""; position: fixed; inset: -90px; z-index: 0; pointer-events: none; background-image: /* lokalne wygaszenia, żeby nie było identycznie wszędzie */ radial-gradient(circle at 18% 24%, rgba(255,255,255,.36) 0 11%, rgba(255,255,255,.12) 18%, transparent 32%), radial-gradient(circle at 74% 18%, rgba(255,255,255,.28) 0 10%, rgba(255,255,255,.08) 18%, transparent 30%), radial-gradient(circle at 82% 76%, rgba(255,255,255,.34) 0 8%, rgba(255,255,255,.10) 16%, transparent 31%), radial-gradient(circle at 34% 74%, rgba(255,255,255,.22) 0 9%, rgba(255,255,255,.06) 17%, transparent 28%), /* lokalne mikro-pola */ radial-gradient(circle at 76% 26%, rgba(17,92,255,.15) 0 1px, transparent 1.12px), radial-gradient(circle at 24% 72%, rgba(18,199,205,.13) 0 1px, transparent 1.12px), radial-gradient(circle at 62% 58%, rgba(7,31,61,.09) 0 1px, transparent 1.12px), /* siatka A i B */ url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22320%22%20viewBox%3D%220%200%20320%20320%22%3E%0A%20%20%3C%21--%20GRID%20A%3A%20g%C5%82%C3%B3wna%20siatka%2C%20mniej%20agresywna%2C%20z%20wi%C4%99kszym%20zr%C3%B3%C5%BCnicowaniem%20--%3E%0A%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23071f3d%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%3E%0A%20%20%20%20%3C%21--%20piony%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M40%20.5V98%22%20stroke-opacity%3D%22.095%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M40%2098V176%22%20stroke-opacity%3D%22.045%22%20stroke-dasharray%3D%221%207%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M40%20176V320%22%20stroke-opacity%3D%22.088%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M80%20.5V62%22%20stroke-opacity%3D%22.07%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M80%2062V148%22%20stroke-opacity%3D%22.04%22%20stroke-dasharray%3D%221%207%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M80%20148V320%22%20stroke-opacity%3D%22.09%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M120%20.5V190%22%20stroke-opacity%3D%22.08%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M120%20190V242%22%20stroke-opacity%3D%22.04%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M120%20242V320%22%20stroke-opacity%3D%22.075%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M160%20.5V78%22%20stroke-opacity%3D%22.12%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M160%2078V150%22%20stroke-opacity%3D%22.055%22%20stroke-dasharray%3D%221%206%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M160%20150V320%22%20stroke-opacity%3D%22.10%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M200%20.5V130%22%20stroke-opacity%3D%22.08%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M200%20130V214%22%20stroke-opacity%3D%22.04%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M200%20214V320%22%20stroke-opacity%3D%22.086%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M240%20.5V54%22%20stroke-opacity%3D%22.07%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M240%2054V146%22%20stroke-opacity%3D%22.043%22%20stroke-dasharray%3D%221%207%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M240%20146V320%22%20stroke-opacity%3D%22.082%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M280%20.5V208%22%20stroke-opacity%3D%22.082%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M280%20208V266%22%20stroke-opacity%3D%22.038%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M280%20266V320%22%20stroke-opacity%3D%22.07%22%2F%3E%0A%0A%20%20%20%20%3C%21--%20poziomy%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M.5%2040H104%22%20stroke-opacity%3D%22.082%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M104%2040H182%22%20stroke-opacity%3D%22.04%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M182%2040H320%22%20stroke-opacity%3D%22.09%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M.5%2080H156%22%20stroke-opacity%3D%22.09%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M156%2080H228%22%20stroke-opacity%3D%22.044%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M228%2080H320%22%20stroke-opacity%3D%22.074%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M.5%20120H82%22%20stroke-opacity%3D%22.067%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M82%20120H164%22%20stroke-opacity%3D%22.04%22%20stroke-dasharray%3D%221%207%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M164%20120H320%22%20stroke-opacity%3D%22.085%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M.5%20160H136%22%20stroke-opacity%3D%22.11%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M136%20160H214%22%20stroke-opacity%3D%22.052%22%20stroke-dasharray%3D%221%206%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M214%20160H320%22%20stroke-opacity%3D%22.10%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M.5%20200H188%22%20stroke-opacity%3D%22.082%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M188%20200H256%22%20stroke-opacity%3D%22.04%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M256%20200H320%22%20stroke-opacity%3D%22.072%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M.5%20240H96%22%20stroke-opacity%3D%22.074%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M96%20240H172%22%20stroke-opacity%3D%22.04%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M172%20240H320%22%20stroke-opacity%3D%22.086%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M.5%20280H146%22%20stroke-opacity%3D%22.082%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M146%20280H222%22%20stroke-opacity%3D%22.04%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M222%20280H320%22%20stroke-opacity%3D%22.074%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20mocniejsze%20osie%20co%20160%20--%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23071f3d%22%20stroke-width%3D%221.05%22%20stroke-linecap%3D%22round%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M.5%200V320%22%20stroke-opacity%3D%22.13%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M160%20.5V78%22%20stroke-opacity%3D%22.14%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M160%2078V150%22%20stroke-opacity%3D%22.07%22%20stroke-dasharray%3D%221%206%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M160%20150V320%22%20stroke-opacity%3D%22.12%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M0%20.5H320%22%20stroke-opacity%3D%22.13%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M.5%20160H136%22%20stroke-opacity%3D%22.12%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M136%20160H214%22%20stroke-opacity%3D%22.068%22%20stroke-dasharray%3D%221%206%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M214%20160H320%22%20stroke-opacity%3D%22.12%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20punkty%20przeci%C4%99%C4%87%20i%20mikroakcenty%20--%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%221.05%22%20fill%3D%22%23115cff%22%20fill-opacity%3D%22.17%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22160%22%20r%3D%221.05%22%20fill%3D%22%23071f3d%22%20fill-opacity%3D%22.13%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22120%22%20cy%3D%22240%22%20r%3D%221.05%22%20fill%3D%22%23115cff%22%20fill-opacity%3D%22.14%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22160%22%20cy%3D%2280%22%20r%3D%221.2%22%20fill%3D%22%2312c7cd%22%20fill-opacity%3D%22.18%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%221.05%22%20fill%3D%22%23115cff%22%20fill-opacity%3D%22.14%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%22120%22%20r%3D%221.05%22%20fill%3D%22%2312c7cd%22%20fill-opacity%3D%22.14%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22280%22%20cy%3D%22280%22%20r%3D%221.05%22%20fill%3D%22%23115cff%22%20fill-opacity%3D%22.15%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22460%22%20height%3D%22460%22%20viewBox%3D%220%200%20460%20460%22%3E%0A%20%20%3C%21--%20GRID%20B%3A%20dodatkowe%20nieregularne%20fragmenty%2C%20%C5%BCeby%20rozbi%C4%87%20powtarzalno%C5%9B%C4%87%20--%3E%0A%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23071f3d%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%3E%0A%20%20%20%20%3C%21--%20nieregularne%20segmenty%20pionowe%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M92%200V58%22%20stroke-opacity%3D%22.05%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M92%2058V172%22%20stroke-opacity%3D%22.028%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M92%20172V286%22%20stroke-opacity%3D%22.058%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M92%20286V460%22%20stroke-opacity%3D%22.03%22%20stroke-dasharray%3D%221%209%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M276%200V96%22%20stroke-opacity%3D%22.06%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M276%2096V212%22%20stroke-opacity%3D%22.03%22%20stroke-dasharray%3D%221%209%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M276%20212V460%22%20stroke-opacity%3D%22.055%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M368%200V124%22%20stroke-opacity%3D%22.045%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M368%20124V264%22%20stroke-opacity%3D%22.028%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M368%20264V460%22%20stroke-opacity%3D%22.05%22%2F%3E%0A%0A%20%20%20%20%3C%21--%20nieregularne%20segmenty%20poziome%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%2092H112%22%20stroke-opacity%3D%22.05%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M112%2092H256%22%20stroke-opacity%3D%22.025%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M256%2092H460%22%20stroke-opacity%3D%22.055%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M0%20276H164%22%20stroke-opacity%3D%22.055%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M164%20276H302%22%20stroke-opacity%3D%22.028%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M302%20276H460%22%20stroke-opacity%3D%22.05%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M0%20368H204%22%20stroke-opacity%3D%22.046%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M204%20368H340%22%20stroke-opacity%3D%22.024%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M340%20368H460%22%20stroke-opacity%3D%22.05%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20drobne%20pola%20z%20mikro-punkt%C3%B3w%20--%3E%0A%20%20%3Cg%20fill%3D%22%23115cff%22%20fill-opacity%3D%22.13%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22126%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22144%22%20cy%3D%22126%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%22126%22%20r%3D%221.1%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22142%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22144%22%20cy%3D%22142%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%22142%22%20r%3D%221.1%22%2F%3E%0A%0A%20%20%20%20%3Ccircle%20cx%3D%22330%22%20cy%3D%22320%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22346%22%20cy%3D%22320%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22362%22%20cy%3D%22320%22%20r%3D%221.1%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22330%22%20cy%3D%22336%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22346%22%20cy%3D%22336%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22362%22%20cy%3D%22336%22%20r%3D%221.1%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22330%22%20cy%3D%22352%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22346%22%20cy%3D%22352%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22362%22%20cy%3D%22352%22%20r%3D%221.1%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20kilka%20uko%C5%9Bnych%20znacznik%C3%B3w%20%2F%20technicznych%20akcent%C3%B3w%20--%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%2312c7cd%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M46%20338L98%20286%22%20stroke-opacity%3D%22.055%22%20stroke-dasharray%3D%221%207%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M390%2086L432%2044%22%20stroke-opacity%3D%22.05%22%20stroke-dasharray%3D%221%207%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); background-repeat: repeat; background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 18px 18px, 22px 22px, 30px 30px, 320px 320px, 460px 460px; background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 120px 80px; opacity: .61; will-change: transform, background-position, opacity, filter; filter: contrast(1.01); animation: mfs-grid-drift 18s linear infinite, mfs-grid-breathe 8s ease-in-out infinite alternate; } /* --------------------------------------------------------- BLUEPRINT / ARCHITEKT --------------------------------------------------------- */ body::after { content: ""; position: fixed; inset: -55px; z-index: 0; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%20900%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2312c7cd%22%20stop-opacity%3D%22.23%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23115cff%22%20stop-opacity%3D%22.18%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%0A%20%20%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%0A%20%20%20%20%3Crect%20x%3D%22150%22%20y%3D%22485%22%20width%3D%22270%22%20height%3D%22160%22%20stroke%3D%22%23071f3d%22%20stroke-opacity%3D%22.10%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M150%20565H420%20M285%20485V645%22%20stroke%3D%22%23071f3d%22%20stroke-opacity%3D%22.11%22%20stroke-dasharray%3D%222%207%22%2F%3E%0A%0A%20%20%20%20%3Crect%20x%3D%221110%22%20y%3D%22115%22%20width%3D%22250%22%20height%3D%22150%22%20stroke%3D%22%23115cff%22%20stroke-opacity%3D%22.08%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1110%20188H1360%20M1235%20115V265%22%20stroke%3D%22%23115cff%22%20stroke-opacity%3D%22.08%22%20stroke-dasharray%3D%222%208%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M70%20760L650%20520%22%20stroke%3D%22%23115cff%22%20stroke-opacity%3D%22.065%22%20stroke-dasharray%3D%221%209%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M650%20520L1090%20345%22%20stroke%3D%22%23071f3d%22%20stroke-opacity%3D%22.08%22%20stroke-dasharray%3D%224%2011%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1090%20345L1520%20160%22%20stroke%3D%22%2312c7cd%22%20stroke-opacity%3D%22.10%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M900%2075V315%22%20stroke%3D%22%23115cff%22%20stroke-opacity%3D%22.065%22%20stroke-dasharray%3D%222%209%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M900%20315V755%22%20stroke%3D%22%23071f3d%22%20stroke-opacity%3D%22.065%22%20stroke-dasharray%3D%221%2010%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M1170%20545A170%20170%200%200%201%201400%20418%22%20stroke%3D%22%2312c7cd%22%20stroke-opacity%3D%22.16%22%20stroke-dasharray%3D%224%2010%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1195%20545A137%20137%200%200%201%201370%20445%22%20stroke%3D%22%23115cff%22%20stroke-opacity%3D%22.085%22%20stroke-dasharray%3D%221%208%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M85%20735C245%20700%20320%20630%20455%20610S648%20612%20785%20535S960%20468%201080%20382S1300%20280%201510%20150%22%0A%20%20%20%20%20%20%20%20%20%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.05%22%20stroke-dasharray%3D%223%2013%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M875%20780C1010%20665%201120%20620%201245%20520S1405%20390%201540%20330%22%0A%20%20%20%20%20%20%20%20%20%20stroke%3D%22%23115cff%22%20stroke-opacity%3D%22.055%22%20stroke-dasharray%3D%221%2010%22%2F%3E%0A%0A%20%20%20%20%3Ccircle%20cx%3D%221230%22%20cy%3D%22188%22%20r%3D%2224%22%20stroke%3D%22%23071f3d%22%20stroke-opacity%3D%22.11%22%20stroke-dasharray%3D%223%207%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1200%20188H1260%20M1230%20158V218%22%20stroke%3D%22%23071f3d%22%20stroke-opacity%3D%22.11%22%20stroke-dasharray%3D%222%206%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22455%22%20cy%3D%22610%22%20r%3D%222.6%22%20fill%3D%22%2312c7cd%22%20fill-opacity%3D%22.62%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22785%22%20cy%3D%22535%22%20r%3D%222.6%22%20fill%3D%22%23071f3d%22%20fill-opacity%3D%22.56%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221080%22%20cy%3D%22382%22%20r%3D%222.6%22%20fill%3D%22%23115cff%22%20fill-opacity%3D%22.58%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221300%22%20cy%3D%22280%22%20r%3D%222.6%22%20fill%3D%22%2312c7cd%22%20fill-opacity%3D%22.58%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221510%22%20cy%3D%22150%22%20r%3D%222.6%22%20fill%3D%22%23115cff%22%20fill-opacity%3D%22.58%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center; background-size: cover; opacity: .57; will-change: transform, opacity; animation: mfs-blueprint-float 11s ease-in-out infinite alternate, mfs-blueprint-pulse 7s ease-in-out infinite alternate; } /* --------------------------------------------------------- RUCHOMY SKAN --------------------------------------------------------- */ html::before { content: ""; position: fixed; inset: -35vh -25vw; z-index: 0; pointer-events: none; background: linear-gradient( 115deg, transparent 0%, transparent 43%, rgba(17,92,255,0) 46%, rgba(17,92,255,.045) 49%, rgba(18,199,205,.038) 50%, rgba(17,92,255,0) 53%, transparent 57%, transparent 100% ); transform: translate3d(-24vw, -8vh, 0); opacity: .66; will-change: transform, opacity; animation: mfs-scan 15s ease-in-out infinite; } /* --------------------------------------------------------- MIĘKKI GLOW --------------------------------------------------------- */ html::after { content: ""; position: fixed; width: 42vw; height: 42vw; min-width: 430px; min-height: 430px; right: -8vw; top: 8vh; z-index: 0; pointer-events: none; border-radius: 50%; background: radial-gradient( circle, rgba(18,199,205,.065) 0%, rgba(17,92,255,.038) 36%, transparent 70% ); filter: blur(16px); opacity: .68; will-change: transform; animation: mfs-glow-float 13s ease-in-out infinite alternate; } /* treść zawsze nad tłem */ body > * { position: relative; z-index: 2; } .elementor, .elementor-section, .elementor-container, .e-con, .e-con-inner { background-color: transparent; } /* --------------------------------------------------------- ANIMACJE --------------------------------------------------------- */ @keyframes mfs-bg-breathe { 0% { background-position: 0% 0%, 0% 0%, 50% 50%, 0 0; } 100% { background-position: 5% 3%, -4% -2%, 54% 46%, 0 0; } } @keyframes mfs-grid-drift { 0% { background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 120px 80px; transform: translate3d(0, 0, 0) scale(1); } 50% { background-position: 0 0, 0 0, 0 0, 0 0, 12px 7px, -8px 12px, 6px -7px, 18px 12px, 146px 94px; transform: translate3d(-5px, 4px, 0) scale(1.005); } 100% { background-position: 0 0, 0 0, 0 0, 0 0, 24px 14px, -16px 24px, 12px -14px, 36px 24px, 172px 108px; transform: translate3d(-10px, 8px, 0) scale(1.01); } } @keyframes mfs-grid-breathe { 0% { opacity: .56; } 100% { opacity: .63; } } @keyframes mfs-blueprint-float { 0% { transform: translate3d(-10px, 3px, 0) scale(1.015) rotate(-.08deg); } 50% { transform: translate3d(5px, -6px, 0) scale(1.02) rotate(.05deg); } 100% { transform: translate3d(13px, 5px, 0) scale(1.017) rotate(.10deg); } } @keyframes mfs-blueprint-pulse { 0% { opacity: .51; } 100% { opacity: .60; } } @keyframes mfs-scan { 0% { transform: translate3d(-35vw, -12vh, 0); opacity: 0; } 18% { opacity: .50; } 50% { transform: translate3d(0vw, 3vh, 0); opacity: .66; } 82% { opacity: .40; } 100% { transform: translate3d(35vw, 14vh, 0); opacity: 0; } } @keyframes mfs-glow-float { 0% { transform: translate3d(-6vw, -3vh, 0) scale(.94); } 50% { transform: translate3d(2vw, 4vh, 0) scale(1.08); } 100% { transform: translate3d(-2vw, 9vh, 0) scale(1.01); } } @media (max-width: 767px) { body::before { background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 18px 18px, 20px 20px, 26px 26px, 220px 220px, 300px 300px; opacity: .54; animation-duration: 25s, 10s; } body::after { opacity: .50; background-size: auto 100%; background-position: 62% center; animation-duration: 15s, 9s; } html::before { opacity: .46; animation-duration: 19s; } html::after { opacity: .50; animation-duration: 17s; } } @media (prefers-reduced-motion: reduce) { body, body::before, body::after, html::before, html::after { animation: none !important; } } .mfs-header { position: sticky !important; top: 0 !important; z-index: 9999 !important; width: 100%; }/* End custom CSS */