.mission-section[data-v-c40837c5] {
    min-height: 80vh
}

.container[data-v-c40837c5] {
    max-width: 1200px;
    margin: 0 auto
}

.section-title[data-v-c40837c5] {
    text-align: left;
    font-size: 3.5rem;
    color: #fff;
    margin-bottom: 4rem;
    position: relative;
    font-weight: 300
}

.mission-grid[data-v-c40837c5] {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    gap: 40px;
    height: 500px;
    margin-top: 2rem
}

.content-box[data-v-c40837c5] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    transition: all .3s ease;
    background: #0000004d
}

.top-left[data-v-c40837c5] {
    color: #fff;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 24px 16px
}

.bottom-right[data-v-c40837c5] {
    color: #fff;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 24px 16px
}

.empty-space[data-v-c40837c5] {
    background: transparent
}

.content-box p[data-v-c40837c5] {
    font-size: 1.1rem;
    line-height: 1.7;
    margin: 0
}

.top-left[data-v-c40837c5]:hover, .bottom-right[data-v-c40837c5]:hover {
    transform: translateY(-5px)
}

@media (max-width: 768px) {
    .mission-grid[data-v-c40837c5] {
        grid-template-columns:1fr;
        grid-template-rows:auto auto;
        height: auto;
        gap: 30px
    }

    .content-box[data-v-c40837c5] {
        padding: 30px 20px;
        min-height: 200px;
        text-align: center
    }

    .bottom-right[data-v-c40837c5] {
        align-items: flex-start;
        justify-content: flex-start;
        border-right: none
    }

    .section-title[data-v-c40837c5] {
        text-align: center;
        font-size: 2rem
    }

    .empty-space[data-v-c40837c5] {
        display: none
    }
}

@media (max-width: 480px) {
    .mission-section[data-v-c40837c5] {
        padding: 60px 15px
    }

    .content-box[data-v-c40837c5] {
        padding: 25px 15px;
        min-height: 150px
    }

    .content-box p[data-v-c40837c5] {
        font-size: 1rem
    }
}

.container[data-v-e99b980c] {
    max-width: 1200px;
    margin: 0 auto
}

.title-block[data-v-e99b980c] {
    border-radius: 15px;
    background: #0000004d;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 24px 16px
}

.main-title[data-v-e99b980c] {
    text-align: center;
    font-size: 3.5rem;
    color: #fff;
    margin-bottom: 2rem;
    position: relative;
    font-weight: 300
}

.subtitle[data-v-e99b980c] {
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.8;
    margin-bottom: 4rem;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400
}

.blocks-container[data-v-e99b980c] {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 40px;
    margin-top: 2rem;
    padding: 24px 0
}

.content-block[data-v-e99b980c] {
    transition: all .3s ease;
    display: flex;
    align-items: center;
    min-height: 200px;
    border-radius: 15px;
    background: #0000004d;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 24px 16px
}

.content-block p[data-v-e99b980c] {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #fff;
    margin: 0
}

.content-block[data-v-e99b980c]:hover {
    transform: translateY(-5px)
}

@media (max-width: 768px) {
    .blocks-container[data-v-e99b980c] {
        grid-template-columns:1fr;
        gap: 30px
    }

    .content-block[data-v-e99b980c] {
        padding: 30px 20px;
        min-height: 150px
    }

    .right-block[data-v-e99b980c] {
        border-right: none
    }

    .main-title[data-v-e99b980c] {
        font-size: 2rem
    }

    .subtitle[data-v-e99b980c] {
        font-size: 1.1rem;
        margin-bottom: 3rem
    }
}

@media (max-width: 480px) {
    .content-section[data-v-e99b980c] {
        padding: 60px 15px
    }

    .content-block[data-v-e99b980c] {
        padding: 25px 15px;
        min-height: 120px
    }

    .content-block p[data-v-e99b980c] {
        font-size: 1rem
    }

    .main-title[data-v-e99b980c] {
        font-size: 1.8rem
    }

    .subtitle[data-v-e99b980c] {
        font-size: 1rem
    }
}