.elementor-8 .elementor-element.elementor-element-4a73c14{--display:flex;--min-height:45vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.4;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-4a73c14:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-4a73c14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0C0C;}.elementor-8 .elementor-element.elementor-element-4a73c14::before, .elementor-8 .elementor-element.elementor-element-4a73c14 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-4a73c14 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-4a73c14 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-4a73c14 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-4a73c14 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-7bf8434{--display:flex;--min-height:268px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.23;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-7bf8434:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-7bf8434 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0C0C;}.elementor-8 .elementor-element.elementor-element-7bf8434::before, .elementor-8 .elementor-element.elementor-element-7bf8434 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-7bf8434 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-7bf8434 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-7bf8434 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-7bf8434 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-0efc985{width:var( --container-widget-width, 67.857% );max-width:67.857%;--e-transform-translateY:98px;margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:67.857%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-0efc985.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-0efc985 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;line-height:47px;color:#FAFAFA;}.elementor-8 .elementor-element.elementor-element-8c880bd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 20px 10px;}.elementor-8 .elementor-element.elementor-element-8c880bd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:300;line-height:30px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#B8B8B8;}.elementor-8 .elementor-element.elementor-element-913ae1a{--display:flex;}.elementor-8 .elementor-element.elementor-element-4d94437{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 120px 14px 120px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-4d94437 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:400;line-height:30px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-6b28b73{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 120px 14px 120px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF;border-radius:47px 47px 47px 47px;}.elementor-8 .elementor-element.elementor-element-6b28b73 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:400;line-height:30px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-6e4b54e{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;border-style:solid;border-width:5px 5px 5px 5px;border-color:#0D1934;}.elementor-8 .elementor-element.elementor-element-6e4b54e .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-9d9c877{--display:flex;--min-height:22px;}.elementor-8 .elementor-element.elementor-element-d724f2f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0300px) 0px;padding:14px 120px 14px 120px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-d724f2f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:400;line-height:30px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-975b90f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-975b90f:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-975b90f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0C0C;}.elementor-8 .elementor-element.elementor-element-ff1694a{--display:flex;}.elementor-8 .elementor-element.elementor-element-0f7ef2e{width:var( --container-widget-width, 66% );max-width:66%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:66%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-0f7ef2e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-0f7ef2e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;line-height:47px;color:#FAFAFA;}.elementor-8 .elementor-element.elementor-element-e0f57ea{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-058ce7e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:37px;--padding-bottom:34px;--padding-left:37px;--padding-right:37px;}.elementor-8 .elementor-element.elementor-element-814502a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8 .elementor-element.elementor-element-523ed05{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-019db33{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:37px;--padding-bottom:34px;--padding-left:37px;--padding-right:37px;}.elementor-8 .elementor-element.elementor-element-f21c398 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-498fe3d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-05095c2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-517e213{--display:flex;}.elementor-8 .elementor-element.elementor-element-9f15396{--display:flex;}.elementor-8 .elementor-element.elementor-element-362b650{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-971cc5a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:37px;--padding-bottom:34px;--padding-left:37px;--padding-right:37px;}.elementor-8 .elementor-element.elementor-element-f6cf312 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-ed00130{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-c3b5a8d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-df69f05{--display:flex;}.elementor-8 .elementor-element.elementor-element-8403dd5{--display:flex;}.elementor-8 .elementor-element.elementor-element-fab082c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:37px;--padding-bottom:34px;--padding-left:37px;--padding-right:37px;}.elementor-8 .elementor-element.elementor-element-ff48eb4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-ebfd6a2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-ea178a6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-05d1794{--display:flex;}.elementor-8 .elementor-element.elementor-element-d451a5d{--display:flex;}.elementor-8 .elementor-element.elementor-element-991eb58{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-33c2834{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:37px;--padding-bottom:34px;--padding-left:37px;--padding-right:37px;}.elementor-8 .elementor-element.elementor-element-c0e2119 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-cf0a248{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-3acdbeb{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:37px;--padding-bottom:34px;--padding-left:37px;--padding-right:37px;}.elementor-8 .elementor-element.elementor-element-12cf8c2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-79f454c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-ba54ede{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-80791db{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:37px;--padding-bottom:34px;--padding-left:37px;--padding-right:37px;}.elementor-8 .elementor-element.elementor-element-cc8f21f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-ce1ebbd{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-fbfb282{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-8498fb3{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:37px;--padding-bottom:34px;--padding-left:37px;--padding-right:37px;}.elementor-8 .elementor-element.elementor-element-e7a8a54 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-881f065{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-058ce7e{--width:72%;}.elementor-8 .elementor-element.elementor-element-019db33{--width:72%;}.elementor-8 .elementor-element.elementor-element-971cc5a{--width:72%;}.elementor-8 .elementor-element.elementor-element-fab082c{--width:72%;}.elementor-8 .elementor-element.elementor-element-33c2834{--width:72%;}.elementor-8 .elementor-element.elementor-element-3acdbeb{--width:72%;}.elementor-8 .elementor-element.elementor-element-80791db{--width:72%;}.elementor-8 .elementor-element.elementor-element-8498fb3{--width:72%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-4a73c14{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8 .elementor-element.elementor-element-7bf8434{--margin-top:0px;--margin-bottom:-52px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-0efc985{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:337px;--container-widget-flex-grow:0;width:var( --container-widget-width, 337px );max-width:337px;}.elementor-8 .elementor-element.elementor-element-0efc985 .elementor-heading-title{font-size:21px;line-height:1.4em;}.elementor-8 .elementor-element.elementor-element-8c880bd{width:var( --container-widget-width, 94% );max-width:94%;padding:4px 4px 4px 4px;--container-widget-width:94%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-8c880bd .elementor-heading-title{font-size:14px;line-height:1.1em;}.elementor-8 .elementor-element.elementor-element-913ae1a{--min-height:0px;}.elementor-8 .elementor-element.elementor-element-4d94437{width:var( --container-widget-width, 93% );max-width:93%;padding:02px 3px 02px 10px;--container-widget-width:93%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-4d94437 .elementor-heading-title{font-size:15px;}.elementor-8 .elementor-element.elementor-element-6b28b73{width:var( --container-widget-width, 93% );max-width:93%;padding:02px 10px 02px 10px;--container-widget-width:93%;--container-widget-flex-grow:0;border-width:2px 2px 2px 2px;text-align:center;}.elementor-8 .elementor-element.elementor-element-6b28b73 .elementor-heading-title{font-size:15px;}.elementor-8 .elementor-element.elementor-element-6e4b54e{margin:020px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:309px;--container-widget-flex-grow:0;width:var( --container-widget-width, 309px );max-width:309px;}.elementor-8 .elementor-element.elementor-element-d724f2f{width:var( --container-widget-width, 93% );max-width:93%;padding:02px 3px 02px 10px;--container-widget-width:93%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-d724f2f .elementor-heading-title{font-size:15px;}.elementor-8 .elementor-element.elementor-element-0f7ef2e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:337px;--container-widget-flex-grow:0;width:var( --container-widget-width, 337px );max-width:337px;}.elementor-8 .elementor-element.elementor-element-0f7ef2e .elementor-heading-title{font-size:21px;line-height:1.4em;}.elementor-8 .elementor-element.elementor-element-058ce7e{--margin-top:0px;--margin-bottom:24px;--margin-left:24px;--margin-right:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-814502a .elementor-heading-title{font-size:12px;}.elementor-8 .elementor-element.elementor-element-019db33{--margin-top:0px;--margin-bottom:24px;--margin-left:24px;--margin-right:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-f21c398 .elementor-heading-title{font-size:12px;}.elementor-8 .elementor-element.elementor-element-971cc5a{--margin-top:0px;--margin-bottom:24px;--margin-left:24px;--margin-right:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-f6cf312 .elementor-heading-title{font-size:12px;}.elementor-8 .elementor-element.elementor-element-fab082c{--margin-top:0px;--margin-bottom:24px;--margin-left:24px;--margin-right:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-ff48eb4 .elementor-heading-title{font-size:12px;}.elementor-8 .elementor-element.elementor-element-33c2834{--margin-top:0px;--margin-bottom:24px;--margin-left:24px;--margin-right:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-c0e2119 .elementor-heading-title{font-size:12px;}.elementor-8 .elementor-element.elementor-element-3acdbeb{--margin-top:0px;--margin-bottom:24px;--margin-left:24px;--margin-right:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-12cf8c2 .elementor-heading-title{font-size:12px;}.elementor-8 .elementor-element.elementor-element-80791db{--margin-top:0px;--margin-bottom:24px;--margin-left:24px;--margin-right:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-cc8f21f .elementor-heading-title{font-size:12px;}.elementor-8 .elementor-element.elementor-element-8498fb3{--margin-top:0px;--margin-bottom:24px;--margin-left:24px;--margin-right:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-e7a8a54 .elementor-heading-title{font-size:12px;}}/* Start custom CSS for container, class: .elementor-element-7bf8434 *//* ".elementor-8 .elementor-element.elementor-element-7bf8434" automatycznie celuje w Twój kontener w Elementorze */
.elementor-8 .elementor-element.elementor-element-7bf8434 {
    /* --- USTAWIENIA KOLORÓW --- */
    --grid-line-color: rgba(255, 255, 255, 0.4);  /* Mocna siatka */
    --glow-blue-top: rgba(0, 120, 255, 0.5);      /* Niebieska poświata */
    --bg-main: #0C0C0C;                           /* Tło */

    /* Ustawienia głównego kontenera */
    background-color: var(--bg-main);
    position: relative;
    overflow: hidden;
    
    /* Główne niebieskie światło na górze (nieruchome) */
    background-image: radial-gradient(ellipse at top, var(--glow-blue-top) 0%, transparent 70%);
}

/* --- PSEUDO-ELEMENT DLA SIATKI (To on się rusza) --- */
.elementor-8 .elementor-element.elementor-element-7bf8434::before {
    content: '';
    position: absolute;
    /* Rozciągamy go trochę poza ekran w górę, żeby nie brakowało tła przy ruchu */
    top: -50px; 
    left: 0; 
    right: 0; 
    bottom: 0;
    pointer-events: none;

    /* Definicja siatki 50x50px */
    background-image:
        linear-gradient(var(--grid-line-color) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid-line-color) 1px, transparent 1px);
    
    background-size: 50px 50px; /* Rozmiar jednej kratki */
    background-position: center 0;

    /* --- MASKA ZANIKANIA --- */
    /* To sprawia, że siatka "zanurza się" w czerni na dole i po bokach */
    -webkit-mask-image: radial-gradient(ellipse 100% 85% at 50% 0%, black 40%, transparent 100%);
            mask-image: radial-gradient(ellipse 100% 85% at 50% 0%, black 40%, transparent 100%);

    /* --- ANIMACJA RUCHU --- */
    /* linear = jednostajne tempo (bez przyspieszania) */
    /* infinite = w nieskończoność */
    animation: grid-scroll 3s linear infinite;
}

/* --- KLUCZ DO PŁYNNEGO RUCHU --- */
@keyframes grid-scroll {
    0% {
        /* Startujemy od zera */
        transform: translateY(0);
    }
    100% {
        /* Przesuwamy w dół o dokładnie jedną kratkę (50px) */
        /* Dzięki temu po zakończeniu cyklu oko nie widzi przeskoku */
        transform: translateY(50px);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8c880bd *//* ".elementor-8 .elementor-element.elementor-element-8c880bd" celuje w Twój nagłówek/przycisk */
.elementor-8 .elementor-element.elementor-element-8c880bd {
    position: relative;
    background-color: #0C0C0C; /* Kolor tła środka przycisku */
    border-radius: 50px;       /* Zaokrąglenie rogów */
    z-index: 1;                /* Ustawienie warstwy */
    overflow: hidden;          /* Ukrywa wszystko co wystaje */
    padding: 2px;              /* GRUBOŚĆ ŚWIECĄCEJ LINII */
    border: none !important;   /* Usuwa standardowe obramowanie Elementora */.luxury-header-gold {
  position: relative;
  padding: 20px 40px;
  background: linear-gradient(145deg, #1a1a1a, #0d0d0d); /* Ciemny gradient tła */
  border-radius: 50px; /* Kształt pigułki (jak przycisk na Twoim screenie) */
  color: #fff;
  z-index: 1;
}

/* Tworzenie gradientowej ramki (trik z pseudo-elementem) */
.luxury-header-gold::before {
  content: "";
  position: absolute;
  inset: -2px; /* Ramka ma 2px grubości */
  border-radius: 50px; 
  padding: 2px; 
  /* Gradient metalicznego złota */
  background: linear-gradient(45deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C); 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

/* Dodatkowy blask tekstu */
.luxury-header-gold h2 {
  text-shadow: 0 2px 10px rgba(191, 149, 63, 0.3);
}
}

/* --- WARSTWA 1: PŁYNNE WIRUJĄCE ŚWIATŁO (::before) --- */
.elementor-8 .elementor-element.elementor-element-8c880bd::before {
    content: '';
    position: absolute;
    z-index: -2;
    /* Musi być znacznie większy niż element, żeby ładnie zakręcać */
    left: -100%;
    top: -100%;
    width: 300%;
    height: 300%;
    
    /* --- KLUCZOWA POPRAWKA: PŁYNNY GRADIENT --- */
    /* Zamiast ostrego przejścia, robimy miękki "ogon komety". */
    /* transparent -> white -> transparent */
    /* Dzięki temu początek i koniec pętli są niewidoczne i nie ma skoku */
    background: conic-gradient(transparent 50%, rgba(255, 255, 255, 0.8) 85%, transparent 100%);
    
    /* Animacja kręcenia - linear zapewnia stałą prędkość */
    animation: rotate-smooth 3s linear infinite;
}

/* --- WARSTWA 2: MASKOWANIE ŚRODKA (::after) --- */
/* Przykrywa środek, tworząc efekt ramki */
.elementor-8 .elementor-element.elementor-element-8c880bd::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 2px;   /* Musi być równe padding z głównego selektora */
    top: 2px;    /* Musi być równe padding z głównego selektora */
    right: 2px;  /* Musi być równe padding z głównego selektora */
    bottom: 2px; /* Musi być równe padding z głównego selektora */
    background: #0C0C0C; /* TEN SAM KOLOR co tło główne */
    /* Trochę mniejszy radius niż główny, żeby pasował do wnętrza */
    border-radius: 48px; 
}

/* --- DEFINICJA PŁYNNEJ ANIMACJI --- */
@keyframes rotate-smooth {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* --- ZABEZPIECZENIE TEKSTU --- */
/* Upewniamy się, że tekst jest na wierzchu i da się go kliknąć */
.elementor-8 .elementor-element.elementor-element-8c880bd .elementor-widget-container,
.elementor-8 .elementor-element.elementor-element-8c880bd h1, .elementor-8 .elementor-element.elementor-element-8c880bd h2, .elementor-8 .elementor-element.elementor-element-8c880bd h3, .elementor-8 .elementor-element.elementor-element-8c880bd h4, .elementor-8 .elementor-element.elementor-element-8c880bd h5, .elementor-8 .elementor-element.elementor-element-8c880bd h6,
.elementor-8 .elementor-element.elementor-element-8c880bd a, .elementor-8 .elementor-element.elementor-element-8c880bd span, .elementor-8 .elementor-element.elementor-element-8c880bd div {
    position: relative;
    z-index: 5;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4d94437 *//* --- USTAWIENIA GŁÓWNE (DESKTOP) --- */
.elementor-8 .elementor-element.elementor-element-4d94437 {
    /* 1. TŁO - SZKLANY GRADIENT */
    background: linear-gradient(
        180deg, 
        rgba(255, 255, 255, 0.08) 0%, 
        rgba(255, 255, 255, 0.02) 100%
    ) !important;

    /* 2. EFEKT ROZMYCIA */
    backdrop-filter: blur(15px) saturate(120%);
    -webkit-backdrop-filter: blur(15px) saturate(120%);

    /* 3. RAMKA */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 50px !important;

    /* 4. CIEŃ */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3), 
                inset 0 0 10px rgba(255, 255, 255, 0.02);

    /* 5. UKŁAD */
    padding: 15px 40px; /* Duży odstęp na komputerze */
    transition: all 0.4s ease;
    text-align: center;
    
    /* Zmuszamy element, żeby nie rozciągał się na całą szerokość */
    width: auto !important;
    display: inline-block !important;
    margin: 0 auto;
}

/* Wycentrowanie kontenera nadrzędnego (dla pewności) */
.elementor-8 .elementor-element.elementor-element-4d94437 {
    margin-left: auto;
    margin-right: auto;
    display: table; /* Trik centrujący w Elementorze */
}

/* EFEKT PO NAJECHANIU MYSZKĄ */
.elementor-8 .elementor-element.elementor-element-4d94437:hover {
    background: linear-gradient(
        180deg, 
        rgba(255, 255, 255, 0.15) 0%, 
        rgba(255, 255, 255, 0.08) 100%
    ) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    transform: translateY(-2px);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
}

/* TEKST */
.elementor-8 .elementor-element.elementor-element-4d94437 h1, .elementor-8 .elementor-element.elementor-element-4d94437 h2, .elementor-8 .elementor-element.elementor-element-4d94437 h3, .elementor-8 .elementor-element.elementor-element-4d94437 p, .elementor-8 .elementor-element.elementor-element-4d94437 span, .elementor-8 .elementor-element.elementor-element-4d94437 a {
    color: #ffffff !important;
    font-weight: 500;
    letter-spacing: 0.5px;
    white-space: nowrap; /* Zapobiega łamaniu tekstu w połowie */
}

.elementor-8 .elementor-element.elementor-element-4d94437 .elementor-widget-container {
    background: transparent !important;
}

/* --- NAPRAWA NA MOBILE (PONIŻEJ 767px) --- */
@media (max-width: 767px) {
    .elementor-8 .elementor-element.elementor-element-4d94437 {
        /* Zmniejszamy odstępy wewnątrz przycisku */
        padding: 12px 20px !important; 
        
        /* Zapewniamy, że przycisk nie wyjdzie poza ekran */
        max-width: 90%; 
        
        /* Pozwalamy na zawijanie tekstu jeśli jest go BARDZO dużo */
        white-space: normal;
    }

    /* Zmniejszamy czcionkę na telefonie */
    .elementor-8 .elementor-element.elementor-element-4d94437 h1, .elementor-8 .elementor-element.elementor-element-4d94437 h2, .elementor-8 .elementor-element.elementor-element-4d94437 h3, .elementor-8 .elementor-element.elementor-element-4d94437 p, .elementor-8 .elementor-element.elementor-element-4d94437 span, .elementor-8 .elementor-element.elementor-element-4d94437 a {
        font-size: 14px !important; /* Mniejszy tekst */
        white-space: normal !important; /* Pozwala na łamanie tekstu, żeby nie uciekł */
        line-height: 1.4 !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b28b73 *//* --- GŁÓWNY KONTENER --- */
.elementor-8 .elementor-element.elementor-element-6b28b73 {
    position: relative;
    /* Tło pod spodem (zabezpieczenie) */
    background-color: #000000; 
    border-radius: 50px;       /* Kształt pigułki */
    z-index: 1;                /* Warstwa bazowa */
    overflow: hidden;          /* Ucina to, co wystaje (ważne dla animacji) */
    padding: 2px;              /* GRUBOŚĆ ŚWIECĄCEJ LINII */
    
    /* Dodatkowy cień zewnętrzny dla efektu 3D/Glow */
    box-shadow: 0 0 20px rgba(0, 163, 255, 0.3);
    border: none !important;
    transition: transform 0.3s ease;
}

/* --- WARSTWA 1: PŁYNNE WIRUJĄCE ŚWIATŁO (::before) --- */
.elementor-8 .elementor-element.elementor-element-6b28b73::before {
    content: '';
    position: absolute;
    z-index: -2;
    /* Musi być znacznie większy niż element, żeby ładnie zakręcać */
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    
    /* KOLORY ANIMACJI: Dopasowałem je do Twojego tła (Błękit + Biel) */
    /* Jeśli chcesz złoty, zmień kolory #00a3ff na gold */
    background: conic-gradient(
        transparent, 
        transparent, 
        transparent, 
        #00a3ff 30%,  /* Niebieski ogon */
        #ffffff 50%,  /* Biały punkt kulminacyjny */
        transparent 55%
    );
    
    /* Animacja kręcenia */
    animation: rotate-smooth 4s linear infinite;
}

/* --- WARSTWA 2: MASKOWANIE ŚRODKA (::after) --- */
/* To tworzy "dziurę" w środku, przez co widzimy tylko ramkę */
.elementor-8 .elementor-element.elementor-element-6b28b73::after {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 3px; /* Margines wewnątrz ramki */
    background: #0d0d10; /* CIEMNE TŁO PRZYCISKU */
    border-radius: 48px; 
}

/* --- INTERAKCJA --- */
.elementor-8 .elementor-element.elementor-element-6b28b73:hover {
    transform: scale(1.02); /* Lekkie powiększenie po najechaniu */
    box-shadow: 0 0 35px rgba(0, 163, 255, 0.6); /* Mocniejszy blask */
}

/* --- DEFINICJA ANIMACJI --- */
@keyframes rotate-smooth {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* --- ZABEZPIECZENIE TEKSTU --- */
/* Ważne: tekst musi być biały i klikalny */
.elementor-8 .elementor-element.elementor-element-6b28b73 h1, .elementor-8 .elementor-element.elementor-element-6b28b73 h2, .elementor-8 .elementor-element.elementor-element-6b28b73 h3, .elementor-8 .elementor-element.elementor-element-6b28b73 p, .elementor-8 .elementor-element.elementor-element-6b28b73 span, .elementor-8 .elementor-element.elementor-element-6b28b73 a {
    color: #ffffff !important;
    position: relative;
    z-index: 10;
    text-align: center;
    margin: 0; /* Usuwa domyślne marginesy nagłówków */
}

/* Wycentrowanie zawartości w pionie i poziomie */
.elementor-8 .elementor-element.elementor-element-6b28b73 .elementor-widget-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 15px 30px; /* Odstęp tekstu od ramki */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d724f2f *//* --- USTAWIENIA GŁÓWNE (DESKTOP) --- */
.elementor-8 .elementor-element.elementor-element-d724f2f {
    /* 1. TŁO - SZKLANY GRADIENT */
    background: linear-gradient(
        180deg, 
        rgba(255, 255, 255, 0.08) 0%, 
        rgba(255, 255, 255, 0.02) 100%
    ) !important;

    /* 2. EFEKT ROZMYCIA */
    backdrop-filter: blur(15px) saturate(120%);
    -webkit-backdrop-filter: blur(15px) saturate(120%);

    /* 3. RAMKA */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 50px !important;

    /* 4. CIEŃ */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3), 
                inset 0 0 10px rgba(255, 255, 255, 0.02);

    /* 5. UKŁAD */
    padding: 15px 40px; /* Duży odstęp na komputerze */
    transition: all 0.4s ease;
    text-align: center;
    
    /* Zmuszamy element, żeby nie rozciągał się na całą szerokość */
    width: auto !important;
    display: inline-block !important;
    margin: 0 auto;
}

/* Wycentrowanie kontenera nadrzędnego (dla pewności) */
.elementor-8 .elementor-element.elementor-element-d724f2f {
    margin-left: auto;
    margin-right: auto;
    display: table; /* Trik centrujący w Elementorze */
}

/* EFEKT PO NAJECHANIU MYSZKĄ */
.elementor-8 .elementor-element.elementor-element-d724f2f:hover {
    background: linear-gradient(
        180deg, 
        rgba(255, 255, 255, 0.15) 0%, 
        rgba(255, 255, 255, 0.08) 100%
    ) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    transform: translateY(-2px);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
}

/* TEKST */
.elementor-8 .elementor-element.elementor-element-d724f2f h1, .elementor-8 .elementor-element.elementor-element-d724f2f h2, .elementor-8 .elementor-element.elementor-element-d724f2f h3, .elementor-8 .elementor-element.elementor-element-d724f2f p, .elementor-8 .elementor-element.elementor-element-d724f2f span, .elementor-8 .elementor-element.elementor-element-d724f2f a {
    color: #ffffff !important;
    font-weight: 500;
    letter-spacing: 0.5px;
    white-space: nowrap; /* Zapobiega łamaniu tekstu w połowie */
}

.elementor-8 .elementor-element.elementor-element-d724f2f .elementor-widget-container {
    background: transparent !important;
}

/* --- NAPRAWA NA MOBILE (PONIŻEJ 767px) --- */
@media (max-width: 767px) {
    .elementor-8 .elementor-element.elementor-element-d724f2f {
        /* Zmniejszamy odstępy wewnątrz przycisku */
        padding: 12px 20px !important; 
        
        /* Zapewniamy, że przycisk nie wyjdzie poza ekran */
        max-width: 90%; 
        
        /* Pozwalamy na zawijanie tekstu jeśli jest go BARDZO dużo */
        white-space: normal;
    }

    /* Zmniejszamy czcionkę na telefonie */
    .elementor-8 .elementor-element.elementor-element-d724f2f h1, .elementor-8 .elementor-element.elementor-element-d724f2f h2, .elementor-8 .elementor-element.elementor-element-d724f2f h3, .elementor-8 .elementor-element.elementor-element-d724f2f p, .elementor-8 .elementor-element.elementor-element-d724f2f span, .elementor-8 .elementor-element.elementor-element-d724f2f a {
        font-size: 14px !important; /* Mniejszy tekst */
        white-space: normal !important; /* Pozwala na łamanie tekstu, żeby nie uciekł */
        line-height: 1.4 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-058ce7e *//* --- GŁÓWNY KONTENER --- */
.elementor-8 .elementor-element.elementor-element-058ce7e {
    /* --- KOLORY (Blue & Silver) --- */
    --grid-line: rgba(255, 255, 255, 0.08);
    --glow-top: rgba(0, 120, 255, 0.4); 
    --bg-color: #0C0C0C; 
    --accent-blue: #3b82f6; 

    /* USTAWIENIA DESKTOP */
    position: relative;
    background-color: var(--bg-color);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    padding: 35px 25px; 
    overflow: hidden;
    
    background-image: radial-gradient(circle at top, var(--glow-top) 0%, transparent 60%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9);
    
    text-align: center;
}

/* --- TŁO SIATKI --- */
.elementor-8 .elementor-element.elementor-element-058ce7e::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -50px; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    background-image:
        linear-gradient(var(--grid-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
    background-size: 50px 50px;
    background-position: center 0;
    -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
            mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
    animation: grid-scroll 4s linear infinite;
}

/* --- ZABEZPIECZENIE WARSTW --- */
.elementor-8 .elementor-element.elementor-element-058ce7e .elementor-widget-container,
.elementor-8 .elementor-element.elementor-element-058ce7e img, 
.elementor-8 .elementor-element.elementor-element-058ce7e h2, .elementor-8 .elementor-element.elementor-element-058ce7e h3, .elementor-8 .elementor-element.elementor-element-058ce7e p,
#tytul, #tekst {
    position: relative;
    z-index: 5; 
}

/* =========================================
   TAG "AUSTIN" (#tytul)
   ========================================= */
#tytul {
    margin-bottom: 20px;
    display: block;
}

#tytul .elementor-widget-container,
#tytul .elementor-heading-title {
    display: inline-block;
    background: none; border: none; padding: 0; box-shadow: none;
    
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: var(--accent-blue); 
    
    position: relative;
    padding-bottom: 15px; /* Miejsce na linię */
}

/* Świecąca linia pod tekstem */
#tytul .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background-color: var(--accent-blue);
    box-shadow: 0 0 15px var(--accent-blue), 0 0 30px var(--accent-blue);
    border-radius: 2px;
}

/* =========================================
   GŁÓWNY TEKST (#tekst)
   ========================================= */
#tekst {
    margin-bottom: 35px;
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
}

#tekst .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.5px;
    
    color: #ffffff;
    background: linear-gradient(180deg, #FFFFFF 20%, #999999 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
    text-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

/* --- OBRAZKI --- */
.elementor-8 .elementor-element.elementor-element-058ce7e img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 30px rgba(0,0,0,0.6);
    margin-bottom: 15px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.elementor-8 .elementor-element.elementor-element-058ce7e img:hover {
    transform: translateY(-3px) scale(1.01);
    border-color: var(--accent-blue);
}

/* ANIMACJA */
@keyframes grid-scroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(50px); }
}

/* =========================================
   MOBILE / RESPONSIVENESS (To jest kluczowe)
   ========================================= */
@media (max-width: 767px) {
    /* 1. Mniejszy padding kontenera = więcej miejsca na treść */
    .elementor-8 .elementor-element.elementor-element-058ce7e {
        padding: 25px 15px; /* Mniej po bokach */
        border-radius: 20px;
    }

    /* 2. Zmniejszenie tekstu głównego dla czytelności */
    #tekst .elementor-heading-title {
        font-size: 16px; /* Idealny rozmiar mobilny */
        line-height: 1.5;
    }
    
    /* 3. Mniejsze odstępy (kompaktowość) */
    #tekst {
        margin-bottom: 25px; /* Mniej miejsca pod tekstem */
        max-width: 100%; /* Pełna szerokość */
    }

    /* 4. Skalowanie podpisu "Austin" */
    #tytul {
        margin-bottom: 15px;
    }
    #tytul .elementor-heading-title {
        font-size: 10px; /* Troszkę mniejszy */
        padding-bottom: 10px; /* Linia bliżej tekstu */
        letter-spacing: 3px;
    }
    
    /* 5. Obrazki ciaśniej ułożone */
    .elementor-8 .elementor-element.elementor-element-058ce7e img {
        margin-bottom: 12px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.5); /* Lżejszy cień na mobile */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-019db33 *//* --- GŁÓWNY KONTENER --- */
.elementor-8 .elementor-element.elementor-element-019db33 {
    /* --- KOLORY (Blue & Silver) --- */
    --grid-line: rgba(255, 255, 255, 0.08);
    --glow-top: rgba(0, 120, 255, 0.4); 
    --bg-color: #0C0C0C; 
    --accent-blue: #3b82f6; 

    /* USTAWIENIA DESKTOP */
    position: relative;
    background-color: var(--bg-color);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    padding: 35px 25px; 
    overflow: hidden;
    
    background-image: radial-gradient(circle at top, var(--glow-top) 0%, transparent 60%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9);
    
    text-align: center;
}

/* --- TŁO SIATKI --- */
.elementor-8 .elementor-element.elementor-element-019db33::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -50px; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    background-image:
        linear-gradient(var(--grid-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
    background-size: 50px 50px;
    background-position: center 0;
    -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
            mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
    animation: grid-scroll 4s linear infinite;
}

/* --- ZABEZPIECZENIE WARSTW --- */
.elementor-8 .elementor-element.elementor-element-019db33 .elementor-widget-container,
.elementor-8 .elementor-element.elementor-element-019db33 img, 
.elementor-8 .elementor-element.elementor-element-019db33 h2, .elementor-8 .elementor-element.elementor-element-019db33 h3, .elementor-8 .elementor-element.elementor-element-019db33 p,
#tytul, #tekst {
    position: relative;
    z-index: 5; 
}

/* =========================================
   TAG "AUSTIN" (#tytul)
   ========================================= */
#tytul {
    margin-bottom: 20px;
    display: block;
}

#tytul .elementor-widget-container,
#tytul .elementor-heading-title {
    display: inline-block;
    background: none; border: none; padding: 0; box-shadow: none;
    
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: var(--accent-blue); 
    
    position: relative;
    padding-bottom: 15px; /* Miejsce na linię */
}

/* Świecąca linia pod tekstem */
#tytul .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background-color: var(--accent-blue);
    box-shadow: 0 0 15px var(--accent-blue), 0 0 30px var(--accent-blue);
    border-radius: 2px;
}

/* =========================================
   GŁÓWNY TEKST (#tekst)
   ========================================= */
#tekst {
    margin-bottom: 35px;
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
}

#tekst .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.5px;
    
    color: #ffffff;
    background: linear-gradient(180deg, #FFFFFF 20%, #999999 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
    text-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

/* --- OBRAZKI --- */
.elementor-8 .elementor-element.elementor-element-019db33 img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 30px rgba(0,0,0,0.6);
    margin-bottom: 15px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.elementor-8 .elementor-element.elementor-element-019db33 img:hover {
    transform: translateY(-3px) scale(1.01);
    border-color: var(--accent-blue);
}

/* ANIMACJA */
@keyframes grid-scroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(50px); }
}

/* =========================================
   MOBILE / RESPONSIVENESS (To jest kluczowe)
   ========================================= */
@media (max-width: 767px) {
    /* 1. Mniejszy padding kontenera = więcej miejsca na treść */
    .elementor-8 .elementor-element.elementor-element-019db33 {
        padding: 25px 15px; /* Mniej po bokach */
        border-radius: 20px;
    }

    /* 2. Zmniejszenie tekstu głównego dla czytelności */
    #tekst .elementor-heading-title {
        font-size: 16px; /* Idealny rozmiar mobilny */
        line-height: 1.5;
    }
    
    /* 3. Mniejsze odstępy (kompaktowość) */
    #tekst {
        margin-bottom: 25px; /* Mniej miejsca pod tekstem */
        max-width: 100%; /* Pełna szerokość */
    }

    /* 4. Skalowanie podpisu "Austin" */
    #tytul {
        margin-bottom: 15px;
    }
    #tytul .elementor-heading-title {
        font-size: 10px; /* Troszkę mniejszy */
        padding-bottom: 10px; /* Linia bliżej tekstu */
        letter-spacing: 3px;
    }
    
    /* 5. Obrazki ciaśniej ułożone */
    .elementor-8 .elementor-element.elementor-element-019db33 img {
        margin-bottom: 12px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.5); /* Lżejszy cień na mobile */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-971cc5a *//* --- GŁÓWNY KONTENER --- */
.elementor-8 .elementor-element.elementor-element-971cc5a {
    /* --- KOLORY (Blue & Silver) --- */
    --grid-line: rgba(255, 255, 255, 0.08);
    --glow-top: rgba(0, 120, 255, 0.4); 
    --bg-color: #0C0C0C; 
    --accent-blue: #3b82f6; 

    /* USTAWIENIA DESKTOP */
    position: relative;
    background-color: var(--bg-color);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    padding: 35px 25px; 
    overflow: hidden;
    
    background-image: radial-gradient(circle at top, var(--glow-top) 0%, transparent 60%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9);
    
    text-align: center;
}

/* --- TŁO SIATKI --- */
.elementor-8 .elementor-element.elementor-element-971cc5a::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -50px; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    background-image:
        linear-gradient(var(--grid-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
    background-size: 50px 50px;
    background-position: center 0;
    -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
            mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
    animation: grid-scroll 4s linear infinite;
}

/* --- ZABEZPIECZENIE WARSTW --- */
.elementor-8 .elementor-element.elementor-element-971cc5a .elementor-widget-container,
.elementor-8 .elementor-element.elementor-element-971cc5a img, 
.elementor-8 .elementor-element.elementor-element-971cc5a h2, .elementor-8 .elementor-element.elementor-element-971cc5a h3, .elementor-8 .elementor-element.elementor-element-971cc5a p,
#tytul, #tekst {
    position: relative;
    z-index: 5; 
}

/* =========================================
   TAG "AUSTIN" (#tytul)
   ========================================= */
#tytul {
    margin-bottom: 20px;
    display: block;
}

#tytul .elementor-widget-container,
#tytul .elementor-heading-title {
    display: inline-block;
    background: none; border: none; padding: 0; box-shadow: none;
    
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: var(--accent-blue); 
    
    position: relative;
    padding-bottom: 15px; /* Miejsce na linię */
}

/* Świecąca linia pod tekstem */
#tytul .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background-color: var(--accent-blue);
    box-shadow: 0 0 15px var(--accent-blue), 0 0 30px var(--accent-blue);
    border-radius: 2px;
}

/* =========================================
   GŁÓWNY TEKST (#tekst)
   ========================================= */
#tekst {
    margin-bottom: 35px;
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
}

#tekst .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.5px;
    
    color: #ffffff;
    background: linear-gradient(180deg, #FFFFFF 20%, #999999 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
    text-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

/* --- OBRAZKI --- */
.elementor-8 .elementor-element.elementor-element-971cc5a img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 30px rgba(0,0,0,0.6);
    margin-bottom: 15px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.elementor-8 .elementor-element.elementor-element-971cc5a img:hover {
    transform: translateY(-3px) scale(1.01);
    border-color: var(--accent-blue);
}

/* ANIMACJA */
@keyframes grid-scroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(50px); }
}

/* =========================================
   MOBILE / RESPONSIVENESS (To jest kluczowe)
   ========================================= */
@media (max-width: 767px) {
    /* 1. Mniejszy padding kontenera = więcej miejsca na treść */
    .elementor-8 .elementor-element.elementor-element-971cc5a {
        padding: 25px 15px; /* Mniej po bokach */
        border-radius: 20px;
    }

    /* 2. Zmniejszenie tekstu głównego dla czytelności */
    #tekst .elementor-heading-title {
        font-size: 16px; /* Idealny rozmiar mobilny */
        line-height: 1.5;
    }
    
    /* 3. Mniejsze odstępy (kompaktowość) */
    #tekst {
        margin-bottom: 25px; /* Mniej miejsca pod tekstem */
        max-width: 100%; /* Pełna szerokość */
    }

    /* 4. Skalowanie podpisu "Austin" */
    #tytul {
        margin-bottom: 15px;
    }
    #tytul .elementor-heading-title {
        font-size: 10px; /* Troszkę mniejszy */
        padding-bottom: 10px; /* Linia bliżej tekstu */
        letter-spacing: 3px;
    }
    
    /* 5. Obrazki ciaśniej ułożone */
    .elementor-8 .elementor-element.elementor-element-971cc5a img {
        margin-bottom: 12px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.5); /* Lżejszy cień na mobile */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fab082c *//* --- GŁÓWNY KONTENER --- */
.elementor-8 .elementor-element.elementor-element-fab082c {
    /* --- KOLORY (Blue & Silver) --- */
    --grid-line: rgba(255, 255, 255, 0.08);
    --glow-top: rgba(0, 120, 255, 0.4); 
    --bg-color: #0C0C0C; 
    --accent-blue: #3b82f6; 

    /* USTAWIENIA DESKTOP */
    position: relative;
    background-color: var(--bg-color);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    padding: 35px 25px; 
    overflow: hidden;
    
    background-image: radial-gradient(circle at top, var(--glow-top) 0%, transparent 60%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9);
    
    text-align: center;
}

/* --- TŁO SIATKI --- */
.elementor-8 .elementor-element.elementor-element-fab082c::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -50px; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    background-image:
        linear-gradient(var(--grid-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
    background-size: 50px 50px;
    background-position: center 0;
    -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
            mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
    animation: grid-scroll 4s linear infinite;
}

/* --- ZABEZPIECZENIE WARSTW --- */
.elementor-8 .elementor-element.elementor-element-fab082c .elementor-widget-container,
.elementor-8 .elementor-element.elementor-element-fab082c img, 
.elementor-8 .elementor-element.elementor-element-fab082c h2, .elementor-8 .elementor-element.elementor-element-fab082c h3, .elementor-8 .elementor-element.elementor-element-fab082c p,
#tytul, #tekst {
    position: relative;
    z-index: 5; 
}

/* =========================================
   TAG "AUSTIN" (#tytul)
   ========================================= */
#tytul {
    margin-bottom: 20px;
    display: block;
}

#tytul .elementor-widget-container,
#tytul .elementor-heading-title {
    display: inline-block;
    background: none; border: none; padding: 0; box-shadow: none;
    
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: var(--accent-blue); 
    
    position: relative;
    padding-bottom: 15px; /* Miejsce na linię */
}

/* Świecąca linia pod tekstem */
#tytul .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background-color: var(--accent-blue);
    box-shadow: 0 0 15px var(--accent-blue), 0 0 30px var(--accent-blue);
    border-radius: 2px;
}

/* =========================================
   GŁÓWNY TEKST (#tekst)
   ========================================= */
#tekst {
    margin-bottom: 35px;
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
}

#tekst .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.5px;
    
    color: #ffffff;
    background: linear-gradient(180deg, #FFFFFF 20%, #999999 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
    text-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

/* --- OBRAZKI --- */
.elementor-8 .elementor-element.elementor-element-fab082c img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 30px rgba(0,0,0,0.6);
    margin-bottom: 15px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.elementor-8 .elementor-element.elementor-element-fab082c img:hover {
    transform: translateY(-3px) scale(1.01);
    border-color: var(--accent-blue);
}

/* ANIMACJA */
@keyframes grid-scroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(50px); }
}

/* =========================================
   MOBILE / RESPONSIVENESS (To jest kluczowe)
   ========================================= */
@media (max-width: 767px) {
    /* 1. Mniejszy padding kontenera = więcej miejsca na treść */
    .elementor-8 .elementor-element.elementor-element-fab082c {
        padding: 25px 15px; /* Mniej po bokach */
        border-radius: 20px;
    }

    /* 2. Zmniejszenie tekstu głównego dla czytelności */
    #tekst .elementor-heading-title {
        font-size: 16px; /* Idealny rozmiar mobilny */
        line-height: 1.5;
    }
    
    /* 3. Mniejsze odstępy (kompaktowość) */
    #tekst {
        margin-bottom: 25px; /* Mniej miejsca pod tekstem */
        max-width: 100%; /* Pełna szerokość */
    }

    /* 4. Skalowanie podpisu "Austin" */
    #tytul {
        margin-bottom: 15px;
    }
    #tytul .elementor-heading-title {
        font-size: 10px; /* Troszkę mniejszy */
        padding-bottom: 10px; /* Linia bliżej tekstu */
        letter-spacing: 3px;
    }
    
    /* 5. Obrazki ciaśniej ułożone */
    .elementor-8 .elementor-element.elementor-element-fab082c img {
        margin-bottom: 12px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.5); /* Lżejszy cień na mobile */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c2834 *//* --- GŁÓWNY KONTENER --- */
.elementor-8 .elementor-element.elementor-element-33c2834 {
    /* --- KOLORY (Blue & Silver) --- */
    --grid-line: rgba(255, 255, 255, 0.08);
    --glow-top: rgba(0, 120, 255, 0.4); 
    --bg-color: #0C0C0C; 
    --accent-blue: #3b82f6; 

    /* USTAWIENIA DESKTOP */
    position: relative;
    background-color: var(--bg-color);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    padding: 35px 25px; 
    overflow: hidden;
    
    background-image: radial-gradient(circle at top, var(--glow-top) 0%, transparent 60%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9);
    
    text-align: center;
}

/* --- TŁO SIATKI --- */
.elementor-8 .elementor-element.elementor-element-33c2834::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -50px; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    background-image:
        linear-gradient(var(--grid-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
    background-size: 50px 50px;
    background-position: center 0;
    -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
            mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
    animation: grid-scroll 4s linear infinite;
}

/* --- ZABEZPIECZENIE WARSTW --- */
.elementor-8 .elementor-element.elementor-element-33c2834 .elementor-widget-container,
.elementor-8 .elementor-element.elementor-element-33c2834 img, 
.elementor-8 .elementor-element.elementor-element-33c2834 h2, .elementor-8 .elementor-element.elementor-element-33c2834 h3, .elementor-8 .elementor-element.elementor-element-33c2834 p,
#tytul, #tekst {
    position: relative;
    z-index: 5; 
}

/* =========================================
   TAG "AUSTIN" (#tytul)
   ========================================= */
#tytul {
    margin-bottom: 20px;
    display: block;
}

#tytul .elementor-widget-container,
#tytul .elementor-heading-title {
    display: inline-block;
    background: none; border: none; padding: 0; box-shadow: none;
    
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: var(--accent-blue); 
    
    position: relative;
    padding-bottom: 15px; /* Miejsce na linię */
}

/* Świecąca linia pod tekstem */
#tytul .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background-color: var(--accent-blue);
    box-shadow: 0 0 15px var(--accent-blue), 0 0 30px var(--accent-blue);
    border-radius: 2px;
}

/* =========================================
   GŁÓWNY TEKST (#tekst)
   ========================================= */
#tekst {
    margin-bottom: 35px;
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
}

#tekst .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.5px;
    
    color: #ffffff;
    background: linear-gradient(180deg, #FFFFFF 20%, #999999 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
    text-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

/* --- OBRAZKI --- */
.elementor-8 .elementor-element.elementor-element-33c2834 img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 30px rgba(0,0,0,0.6);
    margin-bottom: 15px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.elementor-8 .elementor-element.elementor-element-33c2834 img:hover {
    transform: translateY(-3px) scale(1.01);
    border-color: var(--accent-blue);
}

/* ANIMACJA */
@keyframes grid-scroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(50px); }
}

/* =========================================
   MOBILE / RESPONSIVENESS (To jest kluczowe)
   ========================================= */
@media (max-width: 767px) {
    /* 1. Mniejszy padding kontenera = więcej miejsca na treść */
    .elementor-8 .elementor-element.elementor-element-33c2834 {
        padding: 25px 15px; /* Mniej po bokach */
        border-radius: 20px;
    }

    /* 2. Zmniejszenie tekstu głównego dla czytelności */
    #tekst .elementor-heading-title {
        font-size: 16px; /* Idealny rozmiar mobilny */
        line-height: 1.5;
    }
    
    /* 3. Mniejsze odstępy (kompaktowość) */
    #tekst {
        margin-bottom: 25px; /* Mniej miejsca pod tekstem */
        max-width: 100%; /* Pełna szerokość */
    }

    /* 4. Skalowanie podpisu "Austin" */
    #tytul {
        margin-bottom: 15px;
    }
    #tytul .elementor-heading-title {
        font-size: 10px; /* Troszkę mniejszy */
        padding-bottom: 10px; /* Linia bliżej tekstu */
        letter-spacing: 3px;
    }
    
    /* 5. Obrazki ciaśniej ułożone */
    .elementor-8 .elementor-element.elementor-element-33c2834 img {
        margin-bottom: 12px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.5); /* Lżejszy cień na mobile */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3acdbeb *//* --- GŁÓWNY KONTENER --- */
.elementor-8 .elementor-element.elementor-element-3acdbeb {
    /* --- KOLORY (Blue & Silver) --- */
    --grid-line: rgba(255, 255, 255, 0.08);
    --glow-top: rgba(0, 120, 255, 0.4); 
    --bg-color: #0C0C0C; 
    --accent-blue: #3b82f6; 

    /* USTAWIENIA DESKTOP */
    position: relative;
    background-color: var(--bg-color);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    padding: 35px 25px; 
    overflow: hidden;
    
    background-image: radial-gradient(circle at top, var(--glow-top) 0%, transparent 60%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9);
    
    text-align: center;
}

/* --- TŁO SIATKI --- */
.elementor-8 .elementor-element.elementor-element-3acdbeb::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -50px; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    background-image:
        linear-gradient(var(--grid-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
    background-size: 50px 50px;
    background-position: center 0;
    -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
            mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
    animation: grid-scroll 4s linear infinite;
}

/* --- ZABEZPIECZENIE WARSTW --- */
.elementor-8 .elementor-element.elementor-element-3acdbeb .elementor-widget-container,
.elementor-8 .elementor-element.elementor-element-3acdbeb img, 
.elementor-8 .elementor-element.elementor-element-3acdbeb h2, .elementor-8 .elementor-element.elementor-element-3acdbeb h3, .elementor-8 .elementor-element.elementor-element-3acdbeb p,
#tytul, #tekst {
    position: relative;
    z-index: 5; 
}

/* =========================================
   TAG "AUSTIN" (#tytul)
   ========================================= */
#tytul {
    margin-bottom: 20px;
    display: block;
}

#tytul .elementor-widget-container,
#tytul .elementor-heading-title {
    display: inline-block;
    background: none; border: none; padding: 0; box-shadow: none;
    
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: var(--accent-blue); 
    
    position: relative;
    padding-bottom: 15px; /* Miejsce na linię */
}

/* Świecąca linia pod tekstem */
#tytul .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background-color: var(--accent-blue);
    box-shadow: 0 0 15px var(--accent-blue), 0 0 30px var(--accent-blue);
    border-radius: 2px;
}

/* =========================================
   GŁÓWNY TEKST (#tekst)
   ========================================= */
#tekst {
    margin-bottom: 35px;
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
}

#tekst .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.5px;
    
    color: #ffffff;
    background: linear-gradient(180deg, #FFFFFF 20%, #999999 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
    text-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

/* --- OBRAZKI --- */
.elementor-8 .elementor-element.elementor-element-3acdbeb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 30px rgba(0,0,0,0.6);
    margin-bottom: 15px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.elementor-8 .elementor-element.elementor-element-3acdbeb img:hover {
    transform: translateY(-3px) scale(1.01);
    border-color: var(--accent-blue);
}

/* ANIMACJA */
@keyframes grid-scroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(50px); }
}

/* =========================================
   MOBILE / RESPONSIVENESS (To jest kluczowe)
   ========================================= */
@media (max-width: 767px) {
    /* 1. Mniejszy padding kontenera = więcej miejsca na treść */
    .elementor-8 .elementor-element.elementor-element-3acdbeb {
        padding: 25px 15px; /* Mniej po bokach */
        border-radius: 20px;
    }

    /* 2. Zmniejszenie tekstu głównego dla czytelności */
    #tekst .elementor-heading-title {
        font-size: 16px; /* Idealny rozmiar mobilny */
        line-height: 1.5;
    }
    
    /* 3. Mniejsze odstępy (kompaktowość) */
    #tekst {
        margin-bottom: 25px; /* Mniej miejsca pod tekstem */
        max-width: 100%; /* Pełna szerokość */
    }

    /* 4. Skalowanie podpisu "Austin" */
    #tytul {
        margin-bottom: 15px;
    }
    #tytul .elementor-heading-title {
        font-size: 10px; /* Troszkę mniejszy */
        padding-bottom: 10px; /* Linia bliżej tekstu */
        letter-spacing: 3px;
    }
    
    /* 5. Obrazki ciaśniej ułożone */
    .elementor-8 .elementor-element.elementor-element-3acdbeb img {
        margin-bottom: 12px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.5); /* Lżejszy cień na mobile */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80791db *//* --- GŁÓWNY KONTENER --- */
.elementor-8 .elementor-element.elementor-element-80791db {
    /* --- KOLORY (Blue & Silver) --- */
    --grid-line: rgba(255, 255, 255, 0.08);
    --glow-top: rgba(0, 120, 255, 0.4); 
    --bg-color: #0C0C0C; 
    --accent-blue: #3b82f6; 

    /* USTAWIENIA DESKTOP */
    position: relative;
    background-color: var(--bg-color);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    padding: 35px 25px; 
    overflow: hidden;
    
    background-image: radial-gradient(circle at top, var(--glow-top) 0%, transparent 60%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9);
    
    text-align: center;
}

/* --- TŁO SIATKI --- */
.elementor-8 .elementor-element.elementor-element-80791db::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -50px; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    background-image:
        linear-gradient(var(--grid-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
    background-size: 50px 50px;
    background-position: center 0;
    -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
            mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
    animation: grid-scroll 4s linear infinite;
}

/* --- ZABEZPIECZENIE WARSTW --- */
.elementor-8 .elementor-element.elementor-element-80791db .elementor-widget-container,
.elementor-8 .elementor-element.elementor-element-80791db img, 
.elementor-8 .elementor-element.elementor-element-80791db h2, .elementor-8 .elementor-element.elementor-element-80791db h3, .elementor-8 .elementor-element.elementor-element-80791db p,
#tytul, #tekst {
    position: relative;
    z-index: 5; 
}

/* =========================================
   TAG "AUSTIN" (#tytul)
   ========================================= */
#tytul {
    margin-bottom: 20px;
    display: block;
}

#tytul .elementor-widget-container,
#tytul .elementor-heading-title {
    display: inline-block;
    background: none; border: none; padding: 0; box-shadow: none;
    
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: var(--accent-blue); 
    
    position: relative;
    padding-bottom: 15px; /* Miejsce na linię */
}

/* Świecąca linia pod tekstem */
#tytul .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background-color: var(--accent-blue);
    box-shadow: 0 0 15px var(--accent-blue), 0 0 30px var(--accent-blue);
    border-radius: 2px;
}

/* =========================================
   GŁÓWNY TEKST (#tekst)
   ========================================= */
#tekst {
    margin-bottom: 35px;
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
}

#tekst .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.5px;
    
    color: #ffffff;
    background: linear-gradient(180deg, #FFFFFF 20%, #999999 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
    text-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

/* --- OBRAZKI --- */
.elementor-8 .elementor-element.elementor-element-80791db img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 30px rgba(0,0,0,0.6);
    margin-bottom: 15px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.elementor-8 .elementor-element.elementor-element-80791db img:hover {
    transform: translateY(-3px) scale(1.01);
    border-color: var(--accent-blue);
}

/* ANIMACJA */
@keyframes grid-scroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(50px); }
}

/* =========================================
   MOBILE / RESPONSIVENESS (To jest kluczowe)
   ========================================= */
@media (max-width: 767px) {
    /* 1. Mniejszy padding kontenera = więcej miejsca na treść */
    .elementor-8 .elementor-element.elementor-element-80791db {
        padding: 25px 15px; /* Mniej po bokach */
        border-radius: 20px;
    }

    /* 2. Zmniejszenie tekstu głównego dla czytelności */
    #tekst .elementor-heading-title {
        font-size: 16px; /* Idealny rozmiar mobilny */
        line-height: 1.5;
    }
    
    /* 3. Mniejsze odstępy (kompaktowość) */
    #tekst {
        margin-bottom: 25px; /* Mniej miejsca pod tekstem */
        max-width: 100%; /* Pełna szerokość */
    }

    /* 4. Skalowanie podpisu "Austin" */
    #tytul {
        margin-bottom: 15px;
    }
    #tytul .elementor-heading-title {
        font-size: 10px; /* Troszkę mniejszy */
        padding-bottom: 10px; /* Linia bliżej tekstu */
        letter-spacing: 3px;
    }
    
    /* 5. Obrazki ciaśniej ułożone */
    .elementor-8 .elementor-element.elementor-element-80791db img {
        margin-bottom: 12px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.5); /* Lżejszy cień na mobile */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8498fb3 *//* --- GŁÓWNY KONTENER --- */
.elementor-8 .elementor-element.elementor-element-8498fb3 {
    /* --- KOLORY (Blue & Silver) --- */
    --grid-line: rgba(255, 255, 255, 0.08);
    --glow-top: rgba(0, 120, 255, 0.4); 
    --bg-color: #0C0C0C; 
    --accent-blue: #3b82f6; 

    /* USTAWIENIA DESKTOP */
    position: relative;
    background-color: var(--bg-color);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    padding: 35px 25px; 
    overflow: hidden;
    
    background-image: radial-gradient(circle at top, var(--glow-top) 0%, transparent 60%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9);
    
    text-align: center;
}

/* --- TŁO SIATKI --- */
.elementor-8 .elementor-element.elementor-element-8498fb3::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -50px; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    background-image:
        linear-gradient(var(--grid-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
    background-size: 50px 50px;
    background-position: center 0;
    -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
            mask-image: radial-gradient(ellipse 80% 80% at 50% 0%, black 20%, transparent 100%);
    animation: grid-scroll 4s linear infinite;
}

/* --- ZABEZPIECZENIE WARSTW --- */
.elementor-8 .elementor-element.elementor-element-8498fb3 .elementor-widget-container,
.elementor-8 .elementor-element.elementor-element-8498fb3 img, 
.elementor-8 .elementor-element.elementor-element-8498fb3 h2, .elementor-8 .elementor-element.elementor-element-8498fb3 h3, .elementor-8 .elementor-element.elementor-element-8498fb3 p,
#tytul, #tekst {
    position: relative;
    z-index: 5; 
}

/* =========================================
   TAG "AUSTIN" (#tytul)
   ========================================= */
#tytul {
    margin-bottom: 20px;
    display: block;
}

#tytul .elementor-widget-container,
#tytul .elementor-heading-title {
    display: inline-block;
    background: none; border: none; padding: 0; box-shadow: none;
    
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: var(--accent-blue); 
    
    position: relative;
    padding-bottom: 15px; /* Miejsce na linię */
}

/* Świecąca linia pod tekstem */
#tytul .elementor-heading-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background-color: var(--accent-blue);
    box-shadow: 0 0 15px var(--accent-blue), 0 0 30px var(--accent-blue);
    border-radius: 2px;
}

/* =========================================
   GŁÓWNY TEKST (#tekst)
   ========================================= */
#tekst {
    margin-bottom: 35px;
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
}

#tekst .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.5px;
    
    color: #ffffff;
    background: linear-gradient(180deg, #FFFFFF 20%, #999999 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    
    text-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

/* --- OBRAZKI --- */
.elementor-8 .elementor-element.elementor-element-8498fb3 img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 30px rgba(0,0,0,0.6);
    margin-bottom: 15px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.elementor-8 .elementor-element.elementor-element-8498fb3 img:hover {
    transform: translateY(-3px) scale(1.01);
    border-color: var(--accent-blue);
}

/* ANIMACJA */
@keyframes grid-scroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(50px); }
}

/* =========================================
   MOBILE / RESPONSIVENESS (To jest kluczowe)
   ========================================= */
@media (max-width: 767px) {
    /* 1. Mniejszy padding kontenera = więcej miejsca na treść */
    .elementor-8 .elementor-element.elementor-element-8498fb3 {
        padding: 25px 15px; /* Mniej po bokach */
        border-radius: 20px;
    }

    /* 2. Zmniejszenie tekstu głównego dla czytelności */
    #tekst .elementor-heading-title {
        font-size: 16px; /* Idealny rozmiar mobilny */
        line-height: 1.5;
    }
    
    /* 3. Mniejsze odstępy (kompaktowość) */
    #tekst {
        margin-bottom: 25px; /* Mniej miejsca pod tekstem */
        max-width: 100%; /* Pełna szerokość */
    }

    /* 4. Skalowanie podpisu "Austin" */
    #tytul {
        margin-bottom: 15px;
    }
    #tytul .elementor-heading-title {
        font-size: 10px; /* Troszkę mniejszy */
        padding-bottom: 10px; /* Linia bliżej tekstu */
        letter-spacing: 3px;
    }
    
    /* 5. Obrazki ciaśniej ułożone */
    .elementor-8 .elementor-element.elementor-element-8498fb3 img {
        margin-bottom: 12px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.5); /* Lżejszy cień na mobile */
    }
}/* End custom CSS */