@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/subset-Inter24pt-BoldItalic.eot');
    src: url('assets/fonts/subset-Inter24pt-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/subset-Inter24pt-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/subset-Inter24pt-BoldItalic.woff') format('woff'),
        url('assets/fonts/subset-Inter24pt-BoldItalic.ttf') format('truetype'),
        url('assets/fonts/subset-Inter24pt-BoldItalic.svg#Inter24pt-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/subset-Inter24pt-Bold.eot');
    src: url('assets/fonts/subset-Inter24pt-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/subset-Inter24pt-Bold.woff2') format('woff2'),
        url('assets/fonts/subset-Inter24pt-Bold.woff') format('woff'),
        url('assets/fonts/subset-Inter24pt-Bold.ttf') format('truetype'),
        url('assets/fonts/subset-Inter24pt-Bold.svg#Inter24pt-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/subset-Inter24pt-ExtraLight.eot');
    src: url('assets/fonts/subset-Inter24pt-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/subset-Inter24pt-ExtraLight.woff2') format('woff2'),
        url('assets/fonts/subset-Inter24pt-ExtraLight.woff') format('woff'),
        url('assets/fonts/subset-Inter24pt-ExtraLight.ttf') format('truetype'),
        url('assets/fonts/subset-Inter24pt-ExtraLight.svg#Inter24pt-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/subset-Inter24pt-ExtraLightItalic.eot');
    src: url('assets/fonts/subset-Inter24pt-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/subset-Inter24pt-ExtraLightItalic.woff2') format('woff2'),
        url('assets/fonts/subset-Inter24pt-ExtraLightItalic.woff') format('woff'),
        url('assets/fonts/subset-Inter24pt-ExtraLightItalic.ttf') format('truetype'),
        url('assets/fonts/subset-Inter24pt-ExtraLightItalic.svg#Inter24pt-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/subset-Inter24pt-Italic.eot');
    src: url('assets/fonts/subset-Inter24pt-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/subset-Inter24pt-Italic.woff2') format('woff2'),
        url('assets/fonts/subset-Inter24pt-Italic.woff') format('woff'),
        url('assets/fonts/subset-Inter24pt-Italic.ttf') format('truetype'),
        url('assets/fonts/subset-Inter24pt-Italic.svg#Inter24pt-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/subset-Inter24pt-Regular.eot');
    src: url('assets/fonts/subset-Inter24pt-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/subset-Inter24pt-Regular.woff2') format('woff2'),
        url('assets/fonts/subset-Inter24pt-Regular.woff') format('woff'),
        url('assets/fonts/subset-Inter24pt-Regular.ttf') format('truetype'),
        url('assets/fonts/subset-Inter24pt-Regular.svg#Inter24pt-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root, :host {
    --container-5xl: 82rem;
    --grey-color: #f5f5f5;
    --white-color: #fff;
    --greyer-color: #ebebeb;
    --text-color: #1f2937;
}

body {
    margin: 0;
}

header {
    z-index: 1;
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

p {
    margin-top: 0;
}

/* main */

.font-sans {
    font-family: 'Inter 24pt', sans-serif;
}

.color-white {
    color: var(--white-color);
}

.text-color {
    color: var(--text-color);
}

.grey-color {
  background-color: var(--grey-color);
}

.greyer-color {
  background-color: var(--greyer-color);
}

.font-bold {
    font-weight: bold;
}

.font-normal {
    font-weight: normal;
}

.font-light {
    font-weight: 200;
}

.text-2xl {
    font-size: 1.2rem;
}

.text-3xl {
    font-size: 1.5rem;
}

.text-4xl {
    font-size: 2rem;
}

.text-5xl {
    font-size: 3rem;
}

.text-sm {
    font-size: 0.75rem;
}

.text-center {
    text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

.tracking-tighter {
    letter-spacing: -0.05em;
}

.tracking-tight {
    letter-spacing: -0.025em;
}

.tracking-normal {
    letter-spacing: 0em;
}

.tracking-wide {
    letter-spacing: 0.025em;
}

.tracking-wider {
    letter-spacing: 0.05em;
}

.tracking-widest {
    letter-spacing: 0.1em;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.flex-content-end {
    justify-content: flex-end;
}

.flex-items-end {
    align-items: flex-end;
}

.flex-space-between {
    justify-content: space-between;
}

.items-center {
    align-items: center;
}

.content-center {
    justify-content: center;
}

.grid {
    display: grid;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

.c-gap-1 {
    column-gap: 10px;
}

.c-gap-2 {
    column-gap: 20px;
}

.c-gap-4 {
    column-gap: 40px;
}

.c-gap-6 {
    column-gap: 60px;
}

.r-gap-1 {
    row-gap: 10px;
}

.r-gap-4 {
    row-gap: 40px;
}

.r-gap-6 {
    row-gap: 60px;
}

.max-w {
    width: 1320px;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mt-8 {
    margin-top: 98px;
}

.mb-4 {
    margin-bottom: 40px;
}

.mb-3 {
    margin-bottom: 30px;
}

.mb-2 {
    margin-bottom: 20px;
}

.p-2 {
    padding: 20px;
}

.py-2 {
    padding: 20px 0;
}

.py-8 {
    padding: 80px 0;
}

.rounded {
    border-radius: 12px;
}

.overflow-hidden {
    overflow: hidden;
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}

.full-hight {
    height: calc(100vh - 98px);
}

.block {
    display: block;
}

.mail svg {
    height: 30px;
    width: auto;
}


.card-typ {
    margin-bottom: 5px;
}







.grid-cols-1 {
    grid-template-columns: repeat(2, 1fr);
}

.column {
  flex-direction: column;
}

.center {
  align-items: center;
}





.text-1sm {
    font-size: 0.75rem;
}





.logo svg {
      height: 54px;
    width: auto;
}




.text-shadow {
    text-shadow: 1px 1px 0px #fff, -1px -1px 0 #fff;
}



.flex-col {
    flex-direction: column;
}



.gap-8 {
    column-gap: 100px;
    row-gap: 40px;
}

.row-gap-4 {
    row-gap: 40px;
}

.vertical-center {
    justify-content: center;
}

/* Stylizacja tła sekcji CTA z gradientem */
#cta {
    background: linear-gradient(0deg, #7c5496 0%, #025eaa 50%);
    height: 100vh;
}

/* Pozycjonowanie wszystkich warstw */
.stars-layer-1,
.stars-layer-2,
.stars-layer-3,
.stars-layer-4,
.stars-layer-5,
.stars-layer-6 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    pointer-events: none;
}

/* ==========================================================================
   STARE WARSTWY (Poprawione rozmiary i animacje)
   ========================================================================== */

/* Warstwa 1: Średnio-duże gwiazdy (2px) - Mrugnięcie z pauzą (Błysk 0.5s, pauza 5s) */
.stars-layer-1 {
    width: 2px;
    height: 2px;
    box-shadow: 
        12vw 8vh #fff, 28vw 18vh rgba(255, 255, 255, 0.8), 42vw 5vh #fff,
        58vw 22vh rgba(166, 208, 207, 0.9), 72vw 12vh #fff, 88vw 28vh rgba(255, 255, 255, 0.7),
        95vw 8vh #fff, 5vw 35vh rgba(255, 255, 255, 0.9), 19vw 45vh #fff,
        34vw 29vh rgba(166, 208, 207, 0.8), 48vw 42vh #fff, 64vw 38vh rgba(255, 255, 255, 0.9),
        81vw 48vh #fff, 92vw 55vh rgba(166, 208, 207, 0.7), 8vw 62vh #fff,
        23vw 75vh rgba(255, 255, 255, 0.9), 39vw 60vh #fff, 52vw 78vh rgba(255, 255, 255, 0.8),
        68vw 65vh #fff, 84vw 82vh rgba(166, 208, 207, 0.9), 3vw 88vh #fff,
        15vw 92vh rgba(255, 255, 255, 0.7), 31vw 85vh #fff, 46vw 95vh rgba(255, 255, 255, 0.8),
        60vw 88vh #fff, 76vw 93vh rgba(166, 208, 207, 0.9), 94vw 89vh #fff;
    animation: blink-with-pause 5.5s infinite ease-in-out;
}

/* Warstwa 2: Średnie gwiazdy (1.5px) - Klasyczne płynne mruganie (7s) */
.stars-layer-2 {
    width: 2px;
    height: 2px;
    box-shadow: 
        2vw 12vh rgba(255, 255, 255, 0.4), 9vw 5vh rgba(255, 255, 255, 0.5), 16vw 22vh rgba(255, 255, 255, 0.3),
        22vw 10vh rgba(255, 255, 255, 0.5), 31vw 14vh rgba(255, 255, 255, 0.4), 37vw 3vh rgba(255, 255, 255, 0.3),
        44vw 18vh rgba(255, 255, 255, 0.5), 51vw 11vh rgba(255, 255, 255, 0.4), 56vw 27vh rgba(255, 255, 255, 0.3),
        63vw 8vh rgba(255, 255, 255, 0.5), 70vw 20vh rgba(255, 255, 255, 0.4), 78vw 5vh rgba(255, 255, 255, 0.3),
        83vw 25vh rgba(255, 255, 255, 0.5), 89vw 16vh rgba(255, 255, 255, 0.4), 97vw 21vh rgba(255, 255, 255, 0.3),
        6vw 48vh rgba(255, 255, 255, 0.4), 13vw 38vh rgba(255, 255, 255, 0.5), 25vw 52vh rgba(255, 255, 255, 0.3),
        30vw 40vh rgba(255, 255, 255, 0.5), 41vw 49vh rgba(255, 255, 255, 0.4), 55vw 50vh rgba(255, 255, 255, 0.3),
        61vw 44vh rgba(255, 255, 255, 0.5), 73vw 53vh rgba(255, 255, 255, 0.4), 79vw 39vh rgba(255, 255, 255, 0.3),
        87vw 41vh rgba(255, 255, 255, 0.5), 11vw 70vh rgba(255, 255, 255, 0.4), 18vw 80vh rgba(255, 255, 255, 0.5),
        27vw 68vh rgba(255, 255, 255, 0.3), 35vw 72vh rgba(255, 255, 255, 0.5), 49vw 68vh rgba(255, 255, 255, 0.4),
        57vw 71vh rgba(255, 255, 255, 0.3), 66vw 82vh rgba(255, 255, 255, 0.5), 72vw 70vh rgba(255, 255, 255, 0.4),
        80vw 74vh rgba(255, 255, 255, 0.3), 88vw 68vh rgba(255, 255, 255, 0.5), 2vw 96vh rgba(255, 255, 255, 0.4),
        10vw 88vh rgba(255, 255, 255, 0.5), 22vw 90vh rgba(255, 255, 255, 0.3), 38vw 89vh rgba(255, 255, 255, 0.5),
        50vw 86vh rgba(255, 255, 255, 0.4), 65vw 96vh rgba(255, 255, 255, 0.3), 70vw 87vh rgba(255, 255, 255, 0.5),
        82vw 91vh rgba(255, 255, 255, 0.4), 91vw 96vh rgba(255, 255, 255, 0.3), 98vw 80vh rgba(255, 255, 255, 0.5);
    animation: blink-stars 7s infinite ease-in-out 2s;
}

/* Warstwa 3: Drobny pył kosmiczny (1px) - Statyczne */
.stars-layer-3 {
    width: 2px;
    height: 2px;
    box-shadow: 
        4vw 3vh rgba(255, 255, 255, 0.35), 7vw 18vh rgba(255, 255, 255, 0.25), 14vw 9vh rgba(255, 255, 255, 0.4),
        20vw 2vh rgba(255, 255, 255, 0.3), 25vw 26vh rgba(255, 255, 255, 0.45), 33vw 8vh rgba(255, 255, 255, 0.25),
        36vw 21vh rgba(255, 255, 255, 0.35), 41vw 15vh rgba(255, 255, 255, 0.4), 47vw 4vh rgba(255, 255, 255, 0.3),
        53vw 28vh rgba(255, 255, 255, 0.25), 62vw 16vh rgba(255, 255, 255, 0.45), 67vw 2vh rgba(255, 255, 255, 0.35),
        74vw 11vh rgba(255, 255, 255, 0.4), 81vw 24vh rgba(255, 255, 255, 0.3), 86vw 7vh rgba(255, 255, 255, 0.25),
        93vw 19vh rgba(255, 255, 255, 0.45), 1vw 41vh rgba(255, 255, 255, 0.35), 10vw 55vh rgba(255, 255, 255, 0.25),
        17vw 33vh rgba(255, 255, 255, 0.4), 23vw 49vh rgba(255, 255, 255, 0.3), 29vw 36vh rgba(255, 255, 255, 0.45),
        38vw 58vh rgba(255, 255, 255, 0.25), 45vw 34vh rgba(255, 255, 255, 0.35), 50vw 46vh rgba(255, 255, 255, 0.4),
        59vw 39vh rgba(255, 255, 255, 0.3), 66vw 56vh rgba(255, 255, 255, 0.25), 71vw 43vh rgba(255, 255, 255, 0.45),
        77vw 49vh rgba(255, 255, 255, 0.35), 85vw 35vh rgba(255, 255, 255, 0.4), 91vw 51vh rgba(255, 255, 255, 0.3),
        96vw 33vh rgba(255, 255, 255, 0.25), 3vw 67vh rgba(255, 255, 255, 0.45), 13vw 61vh rgba(255, 255, 255, 0.35),
        21vw 79vh rgba(255, 255, 255, 0.4), 26vw 64vh rgba(255, 255, 255, 0.3), 33vw 77vh rgba(255, 255, 255, 0.25),
        40vw 66vh rgba(255, 255, 255, 0.45), 46vw 80vh rgba(255, 255, 255, 0.35), 54vw 63vh rgba(255, 255, 255, 0.4),
        62vw 74vh rgba(255, 255, 255, 0.3), 69vw 67vh rgba(255, 255, 255, 0.25), 76vw 81vh rgba(255, 255, 255, 0.45),
        83vw 64vh rgba(255, 255, 255, 0.35), 89vw 78vh rgba(255, 255, 255, 0.4), 95vw 61vh rgba(255, 255, 255, 0.3),
        6vw 94vh rgba(255, 255, 255, 0.25), 15vw 86vh rgba(255, 255, 255, 0.45), 24vw 97vh rgba(255, 255, 255, 0.35),
        35vw 91vh rgba(255, 255, 255, 0.4), 43vw 98vh rgba(255, 255, 255, 0.3), 53vw 91vh rgba(255, 255, 255, 0.25),
        58vw 97vh rgba(255, 255, 255, 0.45), 67vw 90vh rgba(255, 255, 255, 0.35), 74vw 97vh rgba(255, 255, 255, 0.4),
        80vw 88vh rgba(255, 255, 255, 0.3), 86vw 95vh rgba(255, 255, 255, 0.25), 95vw 93vh rgba(255, 255, 255, 0.45);
    animation: none;
}

/* ==========================================================================
   NOWE WARSTWY (Dodatkowe zagęszczenie nieba)
   ========================================================================== */

/* Warstwa 4: NOWA - Bardzo DUŻE gwiazdy (3.5px) - Kilka jasnych punktów (Statyczne) */
.stars-layer-4 {
    width: 3.5px;
    height: 3.5px;
    border-radius: 50%;
    box-shadow: 
        20vw 15vh rgba(255, 255, 255, 0.95),
        80vw 25vh rgba(255, 255, 255, 0.9),
        65vw 55vh rgba(255, 255, 255, 0.85),
        15vw 70vh rgba(255, 255, 255, 0.9),
        50vw 80vh rgba(255, 255, 255, 0.95),
        87vw 68vh rgba(166, 208, 207, 0.9); /* Delikatnie błękitna */
    animation: none;
}

/* Warstwa 5: NOWA - ŚREDNIA warstwa (1.5px) - Dużo rozsianych punktów (Statyczne) */
.stars-layer-5 {
    width: 2.5px;
    height: 2.5px;
    box-shadow: 
        3vw 7vh rgba(255,255,255,0.5), 11vw 25vh rgba(255,255,255,0.4), 26vw 4vh rgba(255,255,255,0.6),
        39vw 19vh rgba(255,255,255,0.45), 49vw 26vh rgba(255,255,255,0.5), 57vw 8vh rgba(255,255,255,0.4),
        68vw 15vh rgba(255,255,255,0.55), 76vw 29vh rgba(255,255,255,0.4), 84vw 3vh rgba(255,255,255,0.6),
        92vw 22vh rgba(255,255,255,0.5), 8vw 43vh rgba(255,255,255,0.45), 22vw 35vh rgba(255,255,255,0.55),
        32vw 54vh rgba(255,255,255,0.4), 46vw 38vh rgba(255,255,255,0.5), 63vw 49vh rgba(255,255,255,0.45),
        78vw 45vh rgba(255,255,255,0.6), 89vw 52vh rgba(255,255,255,0.4), 14vw 63vh rgba(255,255,255,0.5),
        29vw 76vh rgba(255,255,255,0.4), 43vw 62vh rgba(255,255,255,0.55), 58vw 74vh rgba(255,255,255,0.4),
        71vw 66vh rgba(255,255,255,0.5), 82vw 79vh rgba(255,255,255,0.45), 96vw 64vh rgba(255,255,255,0.6),
        5vw 87vh rgba(255,255,255,0.4), 18vw 94vh rgba(255,255,255,0.5), 37vw 82vh rgba(255,255,255,0.45),
        52vw 92vh rgba(255,255,255,0.5), 66vw 88vh rgba(255,255,255,0.4), 80vw 96vh rgba(255,255,255,0.55),
        93vw 85vh rgba(255,255,255,0.4);
    animation: none;
}

/* Warstwa 6: NOWA - Gęsty, drobniutki MAŁY pył (0.75px) - Mnóstwo mikroskopijnych punktów (Statyczne) */
.stars-layer-6 {
    width: 1.5px;
    height: 1.5px;
    box-shadow: 
        1vw 2vh rgba(255,255,255,0.2), 6vw 11vh rgba(255,255,255,0.3), 10vw 5vh rgba(255,255,255,0.25),
        15vw 16vh rgba(255,255,255,0.35), 18vw 9vh rgba(255,255,255,0.2), 23vw 22vh rgba(255,255,255,0.3),
        29vw 13vh rgba(255,255,255,0.25), 34vw 2vh rgba(255,255,255,0.35), 40vw 10vh rgba(255,255,255,0.2),
        44vw 25vh rgba(255,255,255,0.3), 51vw 6vh rgba(255,255,255,0.25), 55vw 17vh rgba(255,255,255,0.35),
        60vw 12vh rgba(255,255,255,0.2), 66vw 3vh rgba(255,255,255,0.3), 70vw 24vh rgba(255,255,255,0.25),
        75vw 8vh rgba(255,255,255,0.35), 81vw 19vh rgba(255,255,255,0.2), 85vw 14vh rgba(255,255,255,0.3),
        90vw 5vh rgba(255,255,255,0.25), 95vw 27vh rgba(255,255,255,0.35), 2vw 33vh rgba(255,255,255,0.2),
        7vw 46vh rgba(255,255,255,0.3), 12vw 39vh rgba(255,255,255,0.25), 16vw 52vh rgba(255,255,255,0.35),
        21vw 36vh rgba(255,255,255,0.2), 25vw 48vh rgba(255,255,255,0.3), 30vw 42vh rgba(255,255,255,0.25),
        36vw 31vh rgba(255,255,255,0.35), 42vw 56vh rgba(255,255,255,0.2), 48vw 45vh rgba(255,255,255,0.3),
        53vw 50vh rgba(255,255,255,0.25), 59vw 33vh rgba(255,255,255,0.35), 64vw 41vh rgba(255,255,255,0.2),
        69vw 54vh rgba(255,255,255,0.3), 73vw 37vh rgba(255,255,255,0.25), 79vw 47vh rgba(255,255,255,0.35),
        83vw 43vh rgba(255,255,255,0.2), 88vw 58vh rgba(255,255,255,0.3), 94vw 39vh rgba(255,255,255,0.25),
        98vw 51vh rgba(255,255,255,0.35), 4vw 69vh rgba(255,255,255,0.2), 9vw 81vh rgba(255,255,255,0.3),
        13vw 73vh rgba(255,255,255,0.25), 19vw 62vh rgba(255,255,255,0.35), 24vw 78vh rgba(255,255,255,0.2),
        31vw 65vh rgba(255,255,255,0.3), 35vw 83vh rgba(255,255,255,0.25), 39vw 70vh rgba(255,255,255,0.35),
        45vw 76vh rgba(255,255,255,0.2), 50vw 61vh rgba(255,255,255,0.3), 56vw 84vh rgba(255,255,255,0.25),
        61vw 68vh rgba(255,255,255,0.35), 65vw 79vh rgba(255,255,255,0.2), 72vw 63vh rgba(255,255,255,0.3),
        77vw 86vh rgba(255,255,255,0.25), 82vw 72vh rgba(255,255,255,0.35), 86vw 66vh rgba(255,255,255,0.2),
        91vw 79vh rgba(255,255,255,0.3), 97vw 74vh rgba(255,255,255,0.25), 3vw 93vh rgba(255,255,255,0.35),
        7vw 88vh rgba(255,255,255,0.2), 12vw 97vh rgba(255,255,255,0.3), 16vw 91vh rgba(255,255,255,0.25),
        23vw 86vh rgba(255,255,255,0.35), 28vw 98vh rgba(255,255,255,0.2), 33vw 92vh rgba(255,255,255,0.3),
        41vw 89vh rgba(255,255,255,0.25), 47vw 95vh rgba(255,255,255,0.35), 54vw 90vh rgba(255,255,255,0.2),
        60vw 96vh rgba(255,255,255,0.3), 67vw 92vh rgba(255,255,255,0.25), 73vw 99vh rgba(255,255,255,0.35),
        78vw 91vh rgba(255,255,255,0.2), 84vw 94vh rgba(255,255,255,0.3), 89vw 87vh rgba(255,255,255,0.25),
        94vw 97vh rgba(255,255,255,0.35);
    animation: none;
}

/* ==========================================================================
   ANIMACJE
   ========================================================================== */

/* Płynne mruganie dla warstwy 2 */
@keyframes blink-stars {
    0% { opacity: 1; }
    52% { opacity: 1; } /* Błysk w środku pierwszej połowy sekundy */
    54% { opacity: 0.2; }  /* Zgaśnięcie po 0.5s */
    56% { opacity: 1; }
    100% { opacity: 1; } /* Reszta czasu to pauza */
}

/* Błysk (0.5s) i długa pauza (5s) dla warstwy 1 */
@keyframes blink-with-pause {
    0% { opacity: 1; }
    92% { opacity: 1; } /* Błysk w środku pierwszej połowy sekundy */
    96% { opacity: 0.2; }  /* Zgaśnięcie po 0.5s */
    100% { opacity: 1; } /* Reszta czasu to pauza */
}

/* ==========================================================================
   SPADAJĄCE GWIAZDY (Wspólne style bazowe)
   ========================================================================== */

.shooting-star {
    position: absolute;
    width: 140px; 
    height: 2px;
    /* Jasny początek po lewej, zanikanie do zera po prawej */
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 1));
    opacity: 0;
    pointer-events: none;
    
    /* Każda gwiazda wykonuje pełny cykl w 6 sekund */
    animation: shooting-down-left-exact 6s infinite linear;
}

/* Jasna główka gwiazdy na przedzie (po lewej stronie linii) */
.shooting-star::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0; 
    width: 3px;
    height: 3px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px 3px #fff;
    transform: translate(-50%, -50%);
}

/* ==========================================================================
   INDYWIDUALNA KONFIGURACJA (Pozycja i przesunięcie w czasie)
   ========================================================================== */

/* Gwiazda 1: Oryginalna */
.shooting-star-1 {
    top: -10%;
    left: 80%;
    animation-delay: 0s;
}

/* Gwiazda 2: Przesunięta bardziej w prawo i wyżej, startuje po 2 sekundach */
.shooting-star-2 {
    top: -15%;
    left: 95%;
    animation-delay: 2s;
}

/* Gwiazda 3: Przesunięta bardziej w lewo i niżej, startuje po 4 sekundach */
.shooting-star-3 {
    top: -5%;
    left: 40%;
    animation-delay: 4s;
}

/* ==========================================================================
   ANIMACJA (Zachowana idealna trajektoria 310deg)
   ========================================================================== */

@keyframes shooting-down-left-exact {
    0% {
        opacity: 0;
        transform: translate(0, 0) rotate(310deg) scale(0.6);
    }
    /* Gwiazda pojawia się na początku drogi */
    1% {
        opacity: 1;
        transform: translate(0, 0) rotate(310deg) scale(1);
    }
    /* Koniec widocznego przelotu (25% z 6s to około 1.5s dynamicznego lotu) */
    25% {
        opacity: .5;
        transform: translate(-50vw, 120vh) rotate(310deg) scale(0.7);
    }
    /* Ukrycie i pauza przez resztę cyklu animacji */
    100% {
        opacity: 0;
        transform: translate(-50vw, 120vh) rotate(310deg) scale(0.7);
    }
}




/* ===================================================
    ZORZA
    =================================================== */


#cta .bg {
  top: 0;
}

body .bg .aur_cont {
  margin: auto;
  display: table;
  height: auto;
}
body .bg .aur_cont .aur {
  transform: skew(-0.06turn, 18deg);
  display: block;
  width: 0;
  min-height: 300px;
  float: left;
  margin-left: 90px;
  border-radius: 5% 52% 30px 20px;
  opacity: 0.6;
}
body .bg .aur_cont .aur.aur_1 {
  box-shadow: #4bffff 0px 0px 100px 20px;
  margin-top: 92px;
  animation: topup 3163ms infinite linear;
}
body .bg .aur_cont .aur.aur_2 {
  box-shadow: #4b8eff 0px 0px 100px 20px;
  margin-top: 20px;
  animation: topup 9605ms infinite linear;
}
body .bg .aur_cont .aur.aur_3 {
  box-shadow: #4bfcff 0px 0px 100px 20px;
  margin-top: 15px;
  animation: topup 8306ms infinite linear;
}
body .bg .aur_cont .aur.aur_4 {
  box-shadow: #4bff7f 0px 0px 100px 20px;
  margin-top: 94px;
  animation: topup 3297ms infinite linear;
}
body .bg .aur_cont .aur.aur_5 {
  box-shadow: #4bffff 0px 0px 100px 20px;
  margin-top: 28px;
  animation: topup 4361ms infinite linear;
}
body .bg .aur_cont .aur.aur_6 {
  box-shadow: #4b957d 0px 0px 100px 20px;
  margin-top: -27px;
  animation: topup 4782ms infinite linear;
}
body .bg .aur_cont .aur.aur_7 {
  box-shadow: #4bff95 0px 0px 100px 20px;
  margin-top: 36px;
  animation: topup 6593ms infinite linear;
}
body .bg .aur_cont .aur.aur_8 {
  box-shadow: #4bc9ff 0px 0px 100px 20px;
  margin-top: -28px;
  animation: topup 9991ms infinite linear;
}
body .bg .aur_cont .aur.aur_9 {
  box-shadow: #4bc2ff 0px 0px 100px 20px;
  margin-top: 50px;
  animation: topup 8038ms infinite linear;
}
body .bg .aur_cont .aur.aur_10 {
  box-shadow: #4bebcd 0px 0px 100px 20px;
  margin-top: 19px;
  animation: topup 7646ms infinite linear;
}
body .bg .aur_cont .aur.aur_11 {
  box-shadow: #4bdcfc 0px 0px 100px 20px;
  margin-top: 31px;
  animation: topup 11732ms infinite linear;
}
body .bg .aur_cont .aur.aur_12 {
  box-shadow: #4bffc4 0px 0px 100px 20px;
  margin-top: -4px;
  animation: topup 3694ms infinite linear;
}
body .bg .aur_cont .aur.aur_13 {
  box-shadow: #4bff66 0px 0px 100px 20px;
  margin-top: 87px;
  animation: topup 12766ms infinite linear;
}
body .bg .aur_cont .aur.aur_14 {
  box-shadow: #4bff84 0px 0px 100px 20px;
  margin-top: 15px;
  animation: topup 6984ms infinite linear;
}
body .bg .aur_cont .aur.aur_15 {
  box-shadow: #4be4cf 0px 0px 100px 20px;
  margin-top: -39px;
  animation: topup 8028ms infinite linear;
}
body .bg .aur_cont .aur.aur_16 {
  box-shadow: #4bff84 0px 0px 100px 20px;
  margin-top: 67px;
  animation: topup 3371ms infinite linear;
}
body .bg .aur_cont .aur.aur_17 {
  box-shadow: #4b6bff 0px 0px 100px 20px;
  margin-top: 90px;
  animation: topup 6361ms infinite linear;
}
body .bg .aur_cont .aur.aur_18 {
  box-shadow: #4b67ea 0px 0px 100px 20px;
  margin-top: 50px;
  animation: topup 12979ms infinite linear;
}
body .bg .aur_cont .aur.aur_19 {
  box-shadow: #4b6b8b 0px 0px 100px 20px;
  margin-top: -32px;
  animation: topup 10205ms infinite linear;
}
body .bg .aur_cont .aur.aur_20 {
  box-shadow: #4bffec 0px 0px 100px 20px;
  margin-top: -19px;
  animation: topup 7277ms infinite linear;
}
body .bg .aur_cont .aur.aur_21 {
  box-shadow: #4bffde 0px 0px 100px 20px;
  margin-top: 39px;
  animation: topup 10702ms infinite linear;
}
body .bg .aur_cont .aur.aur_22 {
  box-shadow: #4bffa4 0px 0px 100px 20px;
  margin-top: 64px;
  animation: topup 6213ms infinite linear;
}
body .bg .aur_cont .aur.aur_23 {
  box-shadow: #4bdf6e 0px 0px 100px 20px;
  margin-top: 46px;
  animation: topup 12438ms infinite linear;
}
body .bg .aur_cont .aur.aur_24 {
  box-shadow: #4b7394 0px 0px 100px 20px;
  margin-top: 15px;
  animation: topup 12973ms infinite linear;
}

@keyframes drift {
  from {
    transform: rotate(0deg);
  }
  from {
    transform: rotate(360deg);
  }
}
@keyframes topup {
  0%, 100% {
    transform: translatey(30px);
  }
  50% {
    transform: translatey(100px);
  }
}
@keyframes northern {
  0% {
    transform: translate(5%, -2%);
  }
  25% {
    transform: translate(10%, 7%);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: translate(7%, -2%);
  }
  85% {
    transform: translate(6%, 3%) rotate(12deg);
  }
  100% {
    transform: none;
  }
}



/* ===================================================
   KAFLE STRON WWW
   =================================================== */

.card-link {
  transition: opacity 1.3s ease-in-out;
}

.image-container {
  z-index: 1;
}

.card-image {
  transform: scale(1);
  transition: transform 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.gradient-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 30%);
  opacity: 0;
  z-index: 2;
  transition: opacity 0.5s ease-in-out;
  transition-delay: 0.1s;
  top: 0;
}

.card-title {
  margin: 0;
  font-weight: 400;
  font-size: 1.125rem;
  color: #ffffff;
  bottom: 15px;
  left: 15px;
}

.card-link:hover .card-image {
  transform: scale(1.05);
}

.card-link:hover .gradient-overlay {
  opacity: 1;
}

.card-icon svg {
    fill: #fff;
}

/* button */

 .semibutton a {
    position: relative;
    display: inline-block;
    padding: 15px 30px;
    border: 2px solid var(--text-color);
    color: var(--text-color);
}

.semibutton a::before {
  content: '';
  position: absolute;
  top: 6px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% - 12px);
  transition: 0.3s ease-in-out;
  transform: scaleY(1);
}

.white-bg .semibutton a::before, .white-bg .semibutton a::after, .white-bg .semibutton {
  background-color: var(--white-color);
}

.grey-color .semibutton a::before, .grey-color .semibutton a::after, .grey-color .semibutton {
  background-color: var(--grey-color);
}

.semibutton a:hover::before {
  transform: scaleY(0);
}

.semibutton a::after {
  content: '';
  position: absolute;
  left: 6px;
  top: -2px;
  height: calc(100% + 4px);
  width: calc(100% - 12px);
  transition: 0.3s ease-in-out;
  transform: scaleX(1);
  transition-delay: 0.5s;
}

.semibutton a:hover::after {
  transform: scaleX(0);
}

.semibutton a span {
  position: relative;
  z-index: 3;
}

.semibutton {
  text-decoration: none;
  border: none;
}

.fslightbox-source {
    border-radius: 12px;
}


/* ==========================================
    FOOTER
    ========================================== */

footer {
    background: linear-gradient(0deg, #025eaa 0%, #7c5496 100%);
    color: var(--white-color);
}

footer svg {
    fill: var(--white-color);
}
    

@media only screen and (max-width: 767px) {

    .sm\:grid-cols-1 {
        grid-template-columns: 1fr;
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .max-w {
        width: 94%;
    }

    .r-gap-4 {
        row-gap: 20px;
    }

    .py-8 {
        padding: 40px 0;
    }

    .text-2xl {
        font-size: 1rem;
    }

    .text-3xl {
        font-size: 1.2rem;
    }

    .text-4xl {
        font-size: 1.5rem;
    }

    .text-5xl {
        font-size: 2rem;
    }

    .py-2 {
        padding: 10px 0;
    }

    .logo svg {
        height: 35px;
    }

    .semibutton a {
        padding: 10px 20px;
    }

    #partners img {
        width: 60%;
        height: auto;
    }

    @keyframes shooting-down-left-exact {
        0% {
            opacity: 0;
            transform: translate(0, 0) rotate(280deg) scale(0.6);
        }
        /* Gwiazda pojawia się na początku drogi */
        1% {
            opacity: 1;
            transform: translate(0, 0) rotate(280deg) scale(1);
        }
        /* Koniec widocznego przelotu (25% z 6s to około 1.5s dynamicznego lotu) */
        25% {
            opacity: .5;
            transform: translate(-50vw, 120vh) rotate(280deg) scale(0.7);
        }
        /* Ukrycie i pauza przez resztę cyklu animacji */
        100% {
            opacity: 0;
            transform: translate(-50vw, 120vh) rotate(280deg) scale(0.7);
        }
    }
    #cta .bg .aur_cont .aur {
        margin-left: 35px;
    }
}