*,
::before,
::after {
    content: none;
    box-sizing: border-box
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Oxygen', sans-serif
}

.site_header {
    background: linear-gradient(135deg, #0E0D1D 0%, #1a0f2e 60%, #2a0d1f 100%);
    position: relative;
    overflow: hidden
}

.site_header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #fd6ec214 0%, transparent 50%, #fde9ef0a 100%);
    pointer-events: none
}

.header_top_bar {
    border-bottom: 1px solid #fd6ec233;
    padding: 8px 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 1500px;
    margin: 0 auto
}

.header_contact_strip {
    display: flex;
    align-items: center;
    gap: 32px
}

.contact_item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fde9efb3;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
    transition: color .45s cubic-bezier(0.16, 1, 0.3, 1)
}

.contact_item:hover,
.contact_item:focus {
    color: #FD6EC2;
    background: transparent;
    outline: none
}

.contact_item:focus {
    background: #fd6ec214;
    border-radius: 8px;
    padding: 4px 8px
}

.contact_icon {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #FD6EC2;
    stroke-width: 1.5;
    flex-shrink: 0
}

.header_main_area {
    max-width: 1500px;
    margin: 0 auto;
    padding: 32px 32px 0;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 32px
}

.nav_left {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-start
}

.nav_right {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end
}

.logo_center_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

.logo_frame {
    border-top: 2px solid #fd6ec280;
    border-bottom: 2px solid #fd6ec280;
    padding: 8px;
    border-radius: 8px;
    background: #fde9ef0f;
    box-shadow: 0 5px 25px 0 #0e0d1d1c inset 0 1px 0 #fd6ec21a;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px
}

.logo_frame img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    display: block
}

.brand_label {
    font-size: 14px;
    line-height: 1.4;
    color: #fde9ef80;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 400
}

.nav_link {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 1.4;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    color: #fde9efcc;
    text-decoration: none;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    transition: color .4s ease-in-out;
    white-space: nowrap
}

.nav_link::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #fd6ec21f;
    transform: translateX(-100%);
    transition: transform .45s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 8px
}

.nav_link:hover::before,
.nav_link:focus::before {
    transform: translateX(0)
}

.nav_link:hover,
.nav_link:focus {
    color: #FD6EC2;
    outline: none
}

.nav_link:focus {
    background: #fd6ec214
}

.nav_link[aria-current="page"] {
    color: #FD6EC2
}

.header_brand_strip {
    max-width: 1500px;
    margin: 0 auto;
    padding: 32px 32px 64px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px
}

.brand_name_display {
    font-size: 56px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -.03em;
    background: linear-gradient(120deg, #FDE9EF 0%, #FD6EC2 50%, #FDE9EF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.brand_descriptor {
    max-width: 320px;
    text-align: right
}

.brand_descriptor_text {
    font-size: 18px;
    line-height: 1.6;
    color: #fde9efa6;
    margin: 0 0 8px
}

.brand_year_badge {
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    color: #FD6EC2;
    border: 1px solid #fd6ec259;
    border-radius: 28px;
    padding: 4px 16px
}

@media (max-width: 992px) {
    .header_main_area {
        grid-template-columns: 1fr;
        justify-items: center;
        padding: 16px 16px 0;
        gap: 16px
    }

    .nav_left,
    .nav_right {
        justify-content: center;
        flex-wrap: wrap
    }

    .header_brand_strip {
        flex-direction: column;
        align-items: center;
        padding: 16px 16px 32px;
        gap: 16px
    }

    .brand_name_display {
        font-size: 30px;
        text-align: center
    }

    .brand_descriptor {
        text-align: center;
        max-width: 100%
    }

    .header_contact_strip {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px
    }

    .header_top_bar {
        padding: 8px 16px;
        justify-content: center
    }
}

@media (max-width: 576px) {
    .brand_name_display {
        font-size: 22px
    }

    .nav_link {
        font-size: 14px;
        padding: 8px
    }

    .header_main_area {
        gap: 8px
    }
}

.site_footer {
    background: #0e0d1deb;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-top: 1px solid #fd6ec22e;
    position: relative
}

.site_footer::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #fd6ec20a 0%, transparent 40%);
    pointer-events: none
}

.footer_inner_box {
    max-width: 1500px;
    margin: 0 auto;
    padding: 64px 32px 32px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
    align-items: start;
    position: relative;
    z-index: 1
}

.footer_brand_col {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.footer_logo_frame {
    border-top: 2px solid #fd6ec266;
    border-bottom: 2px solid #fd6ec266;
    padding: 8px;
    border-radius: 8px;
    background: #fde9ef0d;
    box-shadow: 0 3px 5px 0 #0e0d1d0d inset 0 1px 0 #fd6ec214;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px
}

.footer_logo_frame img {
    width: 44px;
    height: 44px;
    object-fit: contain;
    display: block
}

.footer_tagline {
    font-size: 15px;
    line-height: 1.6;
    color: #fde9ef99;
    margin: 0;
    max-width: 240px
}

.footer_brand_name {
    font-size: 22px;
    line-height: 1.1;
    font-weight: 700;
    color: #FDE9EF;
    margin: 0;
    letter-spacing: -.01em
}

.footer_links_col {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.footer_col_label {
    font-size: 14px;
    line-height: 1.4;
    color: #FD6EC2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 0 0 8px
}

.footer_link {
    font-size: 15px;
    line-height: 1.6;
    color: #fde9efa6;
    text-decoration: none;
    display: inline-block;
    transition: color .5s ease-in-out;
    border-radius: 8px;
    padding: 4px 0
}

.footer_link:hover,
.footer_link:focus {
    color: #FD6EC2;
    outline: none
}

.footer_link:focus {
    background: #fd6ec214;
    padding: 4px 8px
}

.footer_contact_col {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.footer_contact_entry {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #fde9efa6;
    font-size: 15px;
    line-height: 1.6;
    text-decoration: none;
    transition: color .45s ease-in-out;
    border-radius: 8px;
    padding: 4px 0
}

.footer_contact_entry:hover,
.footer_contact_entry:focus {
    color: #FD6EC2;
    outline: none
}

.footer_contact_entry:focus {
    background: #fd6ec214;
    padding: 4px 8px
}

.footer_contact_icon {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #FD6EC2;
    stroke-width: 1.5;
    flex-shrink: 0;
    margin-top: 4px
}

.footer_bottom_bar {
    max-width: 1500px;
    margin: 0 auto;
    padding: 16px 32px 32px;
    border-top: 1px solid #fd6ec21a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    position: relative;
    z-index: 1
}

.footer_copy {
    font-size: 14px;
    line-height: 1.4;
    color: #fde9ef66;
    margin: 0
}

.footer_legal_links {
    display: flex;
    align-items: center;
    gap: 16px
}

.footer_legal_link {
    font-size: 14px;
    line-height: 1.4;
    color: #fde9ef66;
    text-decoration: none;
    transition: color .4s ease-in-out;
    border-radius: 8px;
    padding: 4px 8px
}

.footer_legal_link:hover,
.footer_legal_link:focus {
    color: #FD6EC2;
    background: #fd6ec214;
    outline: none
}

@media (max-width: 992px) {
    .footer_inner_box {
        grid-template-columns: 1fr 1fr;
        padding: 32px 16px 16px
    }

    .footer_brand_col {
        grid-column: 1 / -1
    }

    .footer_bottom_bar {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px 16px 32px;
        gap: 8px
    }
}

@media (max-width: 576px) {
    .footer_inner_box {
        grid-template-columns: 1fr
    }

    .footer_legal_links {
        flex-wrap: wrap;
        gap: 8px
    }
}

.consent_bar_holder {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4000;
    display: none
}

.consent_bar {
    background: #0e0d1df7;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid #fd6ec240;
    border-radius: 0 0 8px 8px;
    padding: 16px 32px;
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
    transform: translateY(-100%);
    transition: transform .38s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 10px 40px 0 #0e0d1d1c
}

.consent_bar.visible {
    transform: translateY(0)
}

.consent_text_box {
    flex: 1;
    min-width: 200px
}

.consent_desc {
    font-size: 14px;
    line-height: 1.6;
    color: #fde9efbf;
    margin: 0 0 4px;
    font-family: 'Oxygen', sans-serif
}

.consent_uses {
    font-size: 14px;
    line-height: 1.6;
    color: #fde9ef80;
    margin: 0;
    font-family: 'Oxygen', sans-serif
}

.consent_headline {
    font-size: 15px;
    line-height: 1.4;
    color: #FD6EC2;
    font-weight: 700;
    margin: 8px 0 0;
    font-family: 'Oxygen', sans-serif
}

.consent_actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap
}

.consent_btn_accept {
    font-family: 'Oxygen', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #0E0D1D;
    background: #FD6EC2;
    border: 1px solid #FD6EC2;
    border-radius: 8px;
    padding: 8px 16px;
    cursor: pointer;
    transition: background .45s cubic-bezier(0.16, 1, 0.3, 1), color .45s cubic-bezier(0.16, 1, 0.3, 1);
    min-height: 44px;
    position: relative;
    overflow: hidden
}

.consent_btn_accept:hover,
.consent_btn_accept:focus {
    background: #FDE9EF;
    color: #0E0D1D;
    outline: none
}

.consent_btn_accept:focus {
    box-shadow: 0 0 0 2px #fd6ec266
}

.consent_btn_decline {
    font-family: 'Oxygen', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #fde9efb3;
    background: transparent;
    border: 1px solid #fd6ec259;
    border-radius: 8px;
    padding: 8px 16px;
    cursor: pointer;
    transition: color .5s ease-in-out, border-color .5s ease-in-out;
    min-height: 44px
}

.consent_btn_decline:hover,
.consent_btn_decline:focus {
    color: #FD6EC2;
    border-color: #FD6EC2;
    background: #fd6ec20f;
    outline: none
}

.consent_btn_decline:focus {
    box-shadow: 0 0 0 2px #fd6ec233
}

.consent_optout_link {
    font-family: 'Oxygen', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #fde9ef73;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    padding: 4px;
    transition: color .4s ease-in-out;
    min-height: 44px;
    display: inline-flex;
    align-items: center
}

.consent_optout_link:hover,
.consent_optout_link:focus {
    color: #FD6EC2;
    outline: none
}

@media (max-width: 576px) {
    .consent_bar {
        padding: 16px;
        gap: 16px
    }

    .consent_actions {
        width: 100%
    }
}

.legal-content {
    max-width: 1500px;
    margin: 0 auto;
    padding: 64px 32px
}

.legal-content h1 {
    font-size: 56px;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: #0E0D1D;
    margin-bottom: 32px;
    margin-top: 0
}

.legal-content h2 {
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -.01em;
    color: #0E0D1D;
    margin-top: 64px;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #FDE9EF
}

.legal-content h3 {
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -.01em;
    color: #0E0D1D;
    margin-top: 32px;
    margin-bottom: 16px
}

.legal-content h4 {
    font-size: 18px;
    line-height: 1.4;
    color: #0E0D1D;
    margin-top: 32px;
    margin-bottom: 8px
}

.legal-content h5 {
    font-size: 15px;
    line-height: 1.4;
    color: #0E0D1D;
    margin-top: 16px;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: .06em
}

.legal-content h6 {
    font-size: 14px;
    line-height: 1.4;
    color: #0E0D1D;
    margin-top: 16px;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .75
}

.legal-content p {
    font-size: 18px;
    line-height: 1.6;
    color: #0E0D1D;
    margin-top: 0;
    margin-bottom: 16px;
    max-width: 72ch
}

.legal-content strong,
.legal-content b {
    font-weight: 700;
    color: #0E0D1D
}

.legal-content em,
.legal-content i {
    font-style: italic;
    color: #0E0D1D
}

.legal-content hr {
    border: none;
    border-top: 1px solid #FDE9EF;
    margin-top: 64px;
    margin-bottom: 64px
}

.legal-content div {
    box-sizing: border-box
}

.legal-content div+div {
    margin-top: 16px
}

@media (max-width: 992px) {
    .legal-content {
        padding: 32px 16px
    }

    .legal-content h1 {
        font-size: 30px
    }

    .legal-content h2 {
        font-size: 22px;
        margin-top: 32px
    }

    .legal-content h3 {
        font-size: 18px
    }

    .legal-content p {
        font-size: 15px
    }

    .legal-content hr {
        margin-top: 32px;
        margin-bottom: 32px
    }
}

@media (max-width: 576px) {
    .legal-content {
        padding: 32px 16px
    }

    .legal-content h1 {
        font-size: 22px
    }

    .legal-content h2 {
        font-size: 18px;
        margin-top: 32px
    }

    .legal-content h3 {
        font-size: 15px
    }

    .legal-content p {
        font-size: 14px;
        max-width: 100%
    }
}

.pod_det {
    background: #fff;
    max-width: 1500px;
    margin: 0 auto;
    overflow-x: clip
}

.pod_det .hero_strip {
    position: relative;
    padding: 64px 64px 96px;
    background: linear-gradient(83deg, #0E0D1D 0%, #3a1040 55%, #FD6EC2 100%);
    background-size: 300% 300%;
    animation: bg_osc 8s ease-in-out infinite
}

@keyframes bg_osc {

    0%,
    100% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

.pod_det .hero_strip .shape_a {
    position: absolute;
    top: -40px;
    right: 80px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: #fd6ec21f;
    pointer-events: none
}

.pod_det .hero_strip .shape_b {
    position: absolute;
    bottom: 20px;
    right: 200px;
    width: 120px;
    height: 120px;
    border-radius: 28px;
    background: #fde9ef14;
    transform: rotate(30deg);
    pointer-events: none
}

.pod_det .hero_strip .shape_c {
    position: absolute;
    top: 30px;
    left: 40%;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background: #fd6ec21a;
    transform: rotate(15deg);
    pointer-events: none
}

.pod_det .hero_meta {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px
}

.pod_det .cat_tag {
    display: inline-block;
    background: #fd6ec240;
    color: #FDE9EF;
    font-size: 14px;
    line-height: 1.4;
    padding: 4px 16px;
    border-radius: 28px;
    letter-spacing: .04em
}

.pod_det .read_time {
    color: #fde9efb3;
    font-size: 14px;
    line-height: 1.4
}

.pod_det .hero_h1 {
    font-size: 56px;
    line-height: 1.1;
    color: #FDE9EF;
    letter-spacing: -.03em;
    font-weight: 900;
    max-width: 860px;
    margin: 0 0 16px
}

.pod_det .hero_sub {
    font-size: 22px;
    line-height: 1.4;
    color: #fde9efcc;
    max-width: 640px;
    margin: 0 0 32px
}

.pod_det .author_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px
}

.pod_det .author_avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(83deg, #FD6EC2, #FDE9EF);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.pod_det .author_avatar svg {
    width: 22px;
    height: 22px
}

.pod_det .author_name_lbl {
    font-size: 15px;
    line-height: 1.4;
    color: #FDE9EF;
    font-weight: 700
}

.pod_det .like_pill {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    background: #fde9ef1a;
    border-radius: 28px;
    padding: 4px 16px;
    color: #FDE9EF;
    font-size: 15px;
    line-height: 1.4
}

.pod_det .like_pill svg {
    width: 18px;
    height: 18px
}

.pod_det .article_grid {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 64px;
    padding: 64px;
    align-items: start
}

.pod_det .article_img_wrap {
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 32px;
    box-shadow: 0 10px 40px 0 #0e0d1d1c;
    position: relative
}

.pod_det .article_img_wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(83deg, #0e0d1d14, #fd6ec20a);
    pointer-events: none
}

.pod_det .article_img_wrap img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
    border-radius: 8px;
    transition: transform .55s cubic-bezier(0.16, 1, 0.3, 1)
}

.pod_det .article_img_wrap:hover img {
    transform: scale(1.03)
}

.pod_det .article_body {
    color: #0E0D1D
}

.pod_det .article_body .body_text {
    font-size: 18px;
    line-height: 1.6;
    color: #2a2840;
    text-align: justify
}

.pod_det .article_body .body_text p {
    margin: 0 0 16px
}

.pod_det .article_body .body_text h2 {
    font-size: 30px;
    line-height: 1.1;
    color: #0E0D1D;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: 32px 0 16px
}

.pod_det .article_body .body_text ul,
.pod_det .article_body .body_text ol {
    padding-left: 32px;
    margin: 0 0 16px
}

.pod_det .article_body .body_text li {
    margin-bottom: 8px;
    line-height: 1.6
}

.pod_det .article_body .body_text del {
    color: #9b8fa8
}

.pod_det .article_body .body_text table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0 32px;
    font-size: 15px
}

.pod_det .article_body .body_text caption {
    font-size: 14px;
    color: #7a6e8a;
    margin-bottom: 8px;
    text-align: left
}

.pod_det .article_body .body_text thead {
    background: #FDE9EF
}

.pod_det .article_body .body_text th,
.pod_det .article_body .body_text td {
    padding: 8px 16px;
    text-align: left;
    border-bottom: 1px solid #0e0d1d14
}

.pod_det .sidebar {
    position: sticky;
    top: 32px;
    display: flex;
    flex-direction: column;
    gap: 32px
}

.pod_det .sidebar_card {
    background: #FDE9EF;
    border-radius: 8px;
    padding: 32px;
    box-shadow: 0 5px 25px 0 #fd6ec21c;
    position: relative;
    overflow: hidden
}

.pod_det .sidebar_card::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    background: #FD6EC2;
    border-radius: 0 8px 0 28px;
    pointer-events: none
}

.pod_det .sidebar_card .card_heading {
    font-size: 18px;
    line-height: 1.1;
    font-weight: 900;
    color: #0E0D1D;
    margin: 0 0 16px;
    letter-spacing: -.01em
}

.pod_det .sidebar_card .card_body {
    font-size: 15px;
    line-height: 1.6;
    color: #2a2840
}

.pod_det .sidebar_card .card_body p {
    margin: 0 0 8px
}

.pod_det .sidebar_cta_btn {
    display: inline-block;
    margin-top: 16px;
    padding: 8px 32px;
    background: #0E0D1D;
    color: #FDE9EF;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 0;
    text-decoration: none;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    transition: color .45s cubic-bezier(0.16, 1, 0.3, 1)
}

.pod_det .sidebar_cta_btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #FD6EC2;
    transform: translateX(-100%);
    transition: transform .45s cubic-bezier(0.16, 1, 0.3, 1)
}

.pod_det .sidebar_cta_btn:hover::before {
    transform: translateX(0)
}

.pod_det .sidebar_cta_btn:hover {
    color: #0E0D1D
}

.pod_det .sidebar_cta_btn span {
    position: relative;
    z-index: 1
}

.pod_det .nav_links_card {
    background: #fff;
    border-radius: 8px;
    padding: 32px;
    box-shadow: 0 3px 5px 0 #0e0d1d0d;
    border-top: 4px solid #FD6EC2
}

.pod_det .nav_links_card .card_heading {
    font-size: 18px;
    font-weight: 900;
    color: #0E0D1D;
    margin: 0 0 16px;
    line-height: 1.1
}

.pod_det .nav_links_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.pod_det .nav_links_list li a {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    color: #0E0D1D;
    text-decoration: none;
    padding: 8px 0;
    border-bottom: 1px solid #0e0d1d14;
    transition: color .4s ease-in-out, transform .4s ease-in-out;
    transform-origin: left center
}

.pod_det .nav_links_list li a:hover {
    color: #FD6EC2;
    transform: rotate(-1.5deg)
}

.pod_det .zigzag_divider {
    width: 100%;
    line-height: 0;
    overflow: hidden
}

.pod_det .zigzag_divider svg {
    display: block;
    width: 100%
}

.pod_det .metrics_strip {
    background: #0E0D1D;
    padding: 64px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px
}

.pod_det .metric_item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start
}

.pod_det .metric_item .metric_num {
    font-size: 56px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.04em;
    background: linear-gradient(83deg, #FD6EC2, #FDE9EF);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.pod_det .metric_item .metric_lbl {
    font-size: 15px;
    line-height: 1.4;
    color: #fde9efbf
}

.pod_det .metric_item .metric_desc {
    font-size: 14px;
    line-height: 1.6;
    color: #fde9ef80
}

.pod_det .metric_icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #fd6ec226;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    animation: slow_spin 12s linear infinite
}

@keyframes slow_spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.pod_det .metric_icon svg {
    width: 20px;
    height: 20px
}

@media (max-width: 992px) {
    .pod_det .hero_strip {
        padding: 32px 32px 64px
    }

    .pod_det .hero_h1 {
        font-size: 30px
    }

    .pod_det .hero_sub {
        font-size: 18px
    }

    .pod_det .article_grid {
        grid-template-columns: 1fr;
        padding: 32px;
        gap: 32px
    }

    .pod_det .sidebar {
        position: static
    }

    .pod_det .metrics_strip {
        grid-template-columns: 1fr;
        padding: 32px;
        gap: 16px
    }
}

@media (max-width: 576px) {
    .pod_det .hero_strip {
        padding: 32px 16px 64px
    }

    .pod_det .hero_h1 {
        font-size: 22px
    }

    .pod_det .hero_meta {
        flex-wrap: wrap
    }

    .pod_det .article_grid {
        padding: 32px 16px;
        gap: 32px
    }

    .pod_det .metrics_strip {
        padding: 32px 16px
    }

    .pod_det .article_img_wrap img {
        height: 220px
    }

    .pod_det .like_pill {
        margin-left: 0
    }
}

.lp-prog {
    background: #fff;
    overflow-x: clip
}

.lp-prog .reveal {
    animation: lp-appear .55s cubic-bezier(0.16, 1, 0.3, 1) both
}

@keyframes lp-appear {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.lp-prog .prog-title-block {
    background: linear-gradient(83deg, #0E0D1D 0%, #FD6EC2 100%);
    padding: 64px 32px 0;
    position: relative
}

.lp-prog .prog-title-block .title-grid {
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 64px
}

.lp-prog .prog-title-block .title-text {
    flex: 1 1 0;
    padding-bottom: 64px
}

.lp-prog .prog-title-block .badge-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FDE9EF;
    color: #0E0D1D;
    font-size: 14px;
    font-weight: 700;
    border-radius: 28px;
    padding: 4px 16px;
    margin-bottom: 16px;
    letter-spacing: .04em;
    box-shadow: 0 3px 5px 0 #fd6ec20d
}

.lp-prog .prog-title-block .main-heading {
    font-size: 56px;
    line-height: 1.1;
    letter-spacing: -.03em;
    color: #fff;
    font-weight: 900;
    margin: 0 0 16px
}

.lp-prog .prog-title-block .sub-desc {
    font-size: 18px;
    line-height: 1.6;
    color: #ffffffd1;
    max-width: 480px;
    margin: 0 0 32px;
    text-align: justify
}

.lp-prog .prog-title-block .title-cta {
    display: inline-block;
    background: #FD6EC2;
    color: #0E0D1D;
    font-size: 15px;
    font-weight: 700;
    padding: 16px 32px;
    border-radius: 8px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: color .45s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 5px 25px 0 #fd6ec21c
}

.lp-prog .prog-title-block .title-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #0E0D1D;
    transform: translateX(-100%);
    transition: transform .45s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 0
}

.lp-prog .prog-title-block .title-cta:hover::before {
    transform: translateX(0)
}

.lp-prog .prog-title-block .title-cta:hover {
    color: #fff
}

.lp-prog .prog-title-block .title-cta span {
    position: relative;
    z-index: 1
}

.lp-prog .prog-title-block .title-img-col {
    flex: 0 0 380px;
    display: flex;
    align-items: flex-end
}

.lp-prog .prog-title-block .title-img-wrap {
    width: 100%;
    border-radius: 28px 28px 0 0;
    overflow: hidden;
    box-shadow: 0 10px 40px 0 #0e0d1d1c
}

.lp-prog .prog-title-block .title-img-wrap img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: saturate(1.15) brightness(0.88);
    transition: filter .5s ease-in-out
}

.lp-prog .prog-title-block .title-img-wrap img:hover {
    filter: saturate(1.1) brightness(1.05)
}

.lp-prog .wave-divider {
    display: block;
    width: 100%;
    line-height: 0
}

.lp-prog .wave-divider svg {
    display: block;
    width: 100%
}

.lp-prog .modules-block {
    background: #fff;
    padding: 64px 32px
}

.lp-prog .modules-block .modules-inner {
    max-width: 1500px;
    margin: 0 auto
}

.lp-prog .modules-block .modules-header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 64px;
    margin-bottom: 64px
}

.lp-prog .modules-block .modules-label {
    font-size: 14px;
    font-weight: 700;
    color: #FD6EC2;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 16px
}

.lp-prog .modules-block .modules-heading {
    font-size: 30px;
    line-height: 1.1;
    color: #0E0D1D;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: 0 0 8px;
    flex: 1 1 0
}

.lp-prog .modules-block .modules-aside {
    flex: 0 0 320px
}

.lp-prog .modules-block .modules-aside p {
    font-size: 15px;
    line-height: 1.6;
    color: #3a3848;
    text-align: justify;
    margin: 0
}

.lp-prog .modules-block .modules-aside .aside-note {
    font-size: 14px;
    color: #FD6EC2;
    margin-top: 16px;
    font-weight: 600
}

.lp-prog .modules-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px
}

.lp-prog .modules-list .mod-item {
    background: #fff;
    border-radius: 8px;
    padding: 32px;
    box-shadow: inset 0 3px 5px 0 #0e0d1d0d 0 5px 25px 0 #0e0d1d1c;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: box-shadow .45s cubic-bezier(0.16, 1, 0.3, 1)
}

.lp-prog .modules-list .mod-item:hover {
    box-shadow: inset 0 3px 5px 0 #0e0d1d0d 0 10px 40px 0 #fd6ec21c
}

.lp-prog .modules-list .mod-num {
    font-size: 14px;
    font-weight: 700;
    color: #FD6EC2;
    letter-spacing: .06em
}

.lp-prog .modules-list .mod-name {
    font-size: 18px;
    line-height: 1.4;
    color: #0E0D1D;
    font-weight: 800;
    letter-spacing: -.01em;
    margin: 0
}

.lp-prog .modules-list .mod-desc {
    font-size: 15px;
    line-height: 1.6;
    color: #3a3848;
    text-align: justify;
    margin: 0
}

.lp-prog .modules-list .mod-badge {
    display: inline-flex;
    align-items: center;
    background: #FDE9EF;
    color: #0E0D1D;
    font-size: 14px;
    font-weight: 600;
    border-radius: 28px;
    padding: 4px 16px;
    align-self: flex-start
}

.lp-prog .experts-block {
    background: #FDE9EF;
    padding: 64px 32px;
    position: relative
}

.lp-prog .experts-block .experts-inner {
    max-width: 1500px;
    margin: 0 auto
}

.lp-prog .experts-block .experts-heading {
    font-size: 30px;
    line-height: 1.1;
    color: #0E0D1D;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: 0 0 8px;
    text-align: left
}

.lp-prog .experts-block .experts-sub {
    font-size: 15px;
    line-height: 1.6;
    color: #3a3848;
    margin: 0 0 64px;
    max-width: 560px
}

.lp-prog .experts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px
}

.lp-prog .expert-card {
    background: #fff;
    border-radius: 28px;
    padding: 32px;
    box-shadow: 0 5px 25px 0 #0e0d1d1c;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
    transition: box-shadow .5s ease-in-out
}

.lp-prog .expert-card:hover {
    box-shadow: 0 10px 40px 0 #fd6ec21c
}

.lp-prog .expert-card .portrait-wrap {
    width: 140px;
    height: 196px;
    border-radius: 28px;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 5px 25px 0 #0e0d1d1c
}

.lp-prog .expert-card .portrait-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: brightness(0.92);
    transition: filter .45s cubic-bezier(0.16, 1, 0.3, 1)
}

.lp-prog .expert-card .portrait-wrap img:hover {
    filter: brightness(1.06)
}

.lp-prog .expert-card .exp-name {
    font-size: 18px;
    line-height: 1.4;
    color: #0E0D1D;
    font-weight: 800;
    margin: 0
}

.lp-prog .expert-card .exp-role {
    font-size: 14px;
    color: #FD6EC2;
    font-weight: 600;
    margin: 0
}

.lp-prog .expert-card .exp-bio {
    font-size: 15px;
    line-height: 1.6;
    color: #3a3848;
    text-align: justify;
    margin: 0
}

.lp-prog .expert-card .exp-topic-badge {
    display: inline-flex;
    align-items: center;
    background: #FDE9EF;
    color: #0E0D1D;
    font-size: 14px;
    font-weight: 600;
    border-radius: 28px;
    padding: 4px 16px
}

.lp-prog .diag-divider {
    width: 100%;
    height: 48px;
    background: #FDE9EF;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
    display: block
}

.lp-prog .diag-divider.to-white {
    background: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0)
}

.lp-prog .process-block {
    background: #0E0D1D;
    padding: 64px 32px;
    position: relative
}

.lp-prog .process-block .process-inner {
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    gap: 64px;
    align-items: flex-start
}

.lp-prog .process-block .proc-left {
    flex: 0 0 420px
}

.lp-prog .process-block .proc-heading {
    font-size: 30px;
    line-height: 1.1;
    color: #fff;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: 0 0 16px
}

.lp-prog .process-block .proc-desc {
    font-size: 15px;
    line-height: 1.6;
    color: #ffffffb8;
    text-align: justify;
    margin: 0 0 32px
}

.lp-prog .process-block .proc-img-wrap {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 40px 0 #fd6ec21c
}

.lp-prog .process-block .proc-img-wrap img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: brightness(0.85) saturate(1.1);
    transition: filter .5s ease-in-out
}

.lp-prog .process-block .proc-img-wrap img:hover {
    filter: brightness(1.02) saturate(1.1)
}

.lp-prog .process-block .proc-right {
    flex: 1 1 0
}

.lp-prog .proc-steps {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.lp-prog .proc-step {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    padding: 32px;
    border-radius: 8px;
    background: #ffffff0d;
    box-shadow: inset 0 3px 5px 0 #fd6ec20d;
    transition: background .45s cubic-bezier(0.16, 1, 0.3, 1)
}

.lp-prog .proc-step:hover {
    background: #fd6ec214
}

.lp-prog .proc-step .step-num {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #FD6EC2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    color: #0E0D1D
}

.lp-prog .proc-step .step-text {
    flex: 1 1 0
}

.lp-prog .proc-step .step-title {
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    font-weight: 800;
    margin: 0 0 8px
}

.lp-prog .proc-step .step-body {
    font-size: 15px;
    line-height: 1.6;
    color: #ffffffb3;
    text-align: justify;
    margin: 0
}

.lp-prog .proc-step .step-pulse {
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    border-radius: 28px;
    background: #FD6EC2;
    margin-top: 11px;
    animation: lp-pulse 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite
}

@keyframes lp-pulse {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: .28
    }
}

.lp-prog .proc-step:not(:first-child) .step-pulse {
    animation-delay: .6s
}

.lp-prog .proc-step:last-child .step-pulse {
    animation-delay: 1.2s
}

.lp-prog .proc-link {
    display: inline-block;
    color: #FD6EC2;
    font-size: 15px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: transform .4s cubic-bezier(0.16, 1, 0.3, 1), color .4s ease-in-out;
    margin-top: 32px
}

.lp-prog .proc-link:hover {
    transform: rotate(-2deg);
    color: #fff
}

.lp-prog .dec-curl {
    position: absolute;
    bottom: 32px;
    right: 32px;
    width: 80px;
    height: 80px;
    opacity: .07;
    pointer-events: none
}

@media (max-width: 1200px) {
    .lp-prog .modules-list {
        grid-template-columns: repeat(2, 1fr)
    }

    .lp-prog .prog-title-block .title-img-col {
        flex: 0 0 280px
    }

    .lp-prog .process-block .proc-left {
        flex: 0 0 320px
    }
}

@media (max-width: 992px) {
    .lp-prog .prog-title-block .title-grid {
        flex-direction: column;
        gap: 32px
    }

    .lp-prog .prog-title-block .title-img-col {
        flex: 0 0 auto;
        width: 100%
    }

    .lp-prog .prog-title-block .title-img-wrap img {
        height: 320px
    }

    .lp-prog .modules-block .modules-header {
        flex-direction: column;
        gap: 16px
    }

    .lp-prog .modules-block .modules-aside {
        flex: 0 0 auto
    }

    .lp-prog .experts-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .lp-prog .process-block .process-inner {
        flex-direction: column;
        gap: 32px
    }

    .lp-prog .process-block .proc-left {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (max-width: 576px) {
    .lp-prog .main-heading {
        font-size: 30px !important
    }

    .lp-prog .modules-list {
        grid-template-columns: 1fr
    }

    .lp-prog .experts-grid {
        grid-template-columns: 1fr
    }

    .lp-prog .prog-title-block,
    .lp-prog .modules-block,
    .lp-prog .experts-block,
    .lp-prog .process-block {
        padding: 32px 16px
    }

    .lp-prog .modules-block .modules-header {
        margin-bottom: 32px
    }
}

.exp_op {
    max-width: 100%;
    overflow-x: hidden;
    background: #fff
}

.exp_op .pg_cap {
    position: relative;
    padding: 64px 0;
    background: linear-gradient(83deg, #0E0D1D 0%, #2a1a3e 55%, #FD6EC2 100%);
    display: flex;
    flex-direction: column;
    align-items: center
}

.exp_op .pg_cap .atm_spot {
    position: absolute;
    border-radius: 28px;
    pointer-events: none;
    overflow: hidden
}

.exp_op .pg_cap .atm_spot.a1 {
    width: 320px;
    height: 320px;
    background: #fd6ec22e;
    filter: blur(80px);
    top: -40px;
    left: 8%;
    border-radius: 28px
}

.exp_op .pg_cap .atm_spot.a2 {
    width: 240px;
    height: 240px;
    background: #fde9ef1f;
    filter: blur(60px);
    bottom: 0;
    right: 10%;
    border-radius: 28px
}

.exp_op .pg_cap .cap_img_wrap {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 32px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 32px
}

.exp_op .pg_cap .cover_img {
    width: 380px;
    height: 260px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
    filter: saturate(0.7) brightness(0.85) contrast(1.1);
    box-shadow: 0 10px 40px 0 #0e0d1d1c
}

.exp_op .pg_cap .cap_text {
    flex: 1;
    padding-bottom: 16px
}

.exp_op .pg_cap .cap_text h1 {
    font-size: 56px;
    line-height: 1.1;
    letter-spacing: -.03em;
    font-weight: 900;
    color: #fff;
    margin: 0;
    max-width: 680px
}

.exp_op .pg_cap .cap_text h1 mark {
    background: #fd6ec259;
    color: #fff;
    padding: 0 8px;
    border-radius: 0;
    font-style: normal
}

.exp_op .opinions_grid {
    max-width: 1500px;
    margin: 0 auto;
    padding: 64px 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start
}

.exp_op .grid_label {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 2px solid #FDE9EF
}

.exp_op .grid_label h2 {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.02em;
    color: #0E0D1D;
    margin: 0
}

.exp_op .grid_label .lbl_sub {
    font-size: 14px;
    color: #555370;
    line-height: 1.4
}

.exp_op .op_card {
    background: #fff;
    border-radius: 8px;
    padding: 32px;
    box-shadow: 0 5px 25px 0 #0e0d1d1c;
    box-shadow: inset 0 2px 8px 0 #fd6ec20f 0 5px 25px 0 #0e0d1d1c;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: box-shadow .45s cubic-bezier(0.16, 1, 0.3, 1), transform .45s cubic-bezier(0.16, 1, 0.3, 1)
}

.exp_op .op_card:hover {
    box-shadow: inset 0 2px 8px 0 #fd6ec214 0 10px 40px 0 #0e0d1d1c;
    transform: translateY(-4px)
}

.exp_op .op_card.wide {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    background: linear-gradient(83deg, #0E0D1D 0%, #1e1535 100%);
    color: #fff
}

.exp_op .op_card.wide .card_body {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.exp_op .op_card.wide .card_meta {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-end
}

.exp_op .op_card.wide .expert_name {
    color: #FDE9EF
}

.exp_op .op_card.wide .expert_role {
    color: #fde9efa6
}

.exp_op .op_card.wide .op_quote {
    color: #fff
}

.exp_op .op_card.wide .op_body {
    color: #fffc
}

.exp_op .op_card.wide .tag_list .tag {
    background: #fd6ec233;
    color: #FD6EC2
}

.exp_op .op_card.wide .metric_row {
    display: flex;
    flex-direction: row;
    gap: 32px;
    margin-top: 16px
}

.exp_op .op_card.wide .metric_item {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.exp_op .op_card.wide .metric_val {
    font-size: 30px;
    font-weight: 900;
    line-height: 1.1;
    color: #FD6EC2;
    letter-spacing: -.02em
}

.exp_op .op_card.wide .metric_desc {
    font-size: 14px;
    color: #fde9efb3;
    line-height: 1.4
}

.exp_op .expert_name {
    font-size: 18px;
    font-weight: 700;
    color: #0E0D1D;
    line-height: 1.1;
    letter-spacing: -.01em
}

.exp_op .expert_role {
    font-size: 14px;
    color: #6b6880;
    line-height: 1.4;
    margin-top: 4px
}

.exp_op .op_quote {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    color: #0E0D1D;
    letter-spacing: -.01em
}

.exp_op .op_body {
    font-size: 15px;
    line-height: 1.6;
    color: #2c2a3e;
    text-align: justify
}

.exp_op .op_body aside {
    float: right;
    width: 140px;
    margin-left: 16px;
    font-size: 14px;
    line-height: 1.4;
    color: #7a7890;
    border-top: 2px solid #FDE9EF;
    padding-top: 8px
}

.exp_op .tag_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px
}

.exp_op .tag_list .tag {
    font-size: 14px;
    background: #FDE9EF;
    color: #0E0D1D;
    border-radius: 28px;
    padding: 4px 16px;
    font-weight: 600;
    line-height: 1.4;
    transition: background .38s ease-in-out, color .38s ease-in-out
}

.exp_op .tag_list .tag:hover {
    background: #FD6EC2;
    color: #fff
}

.exp_op .accent_bar {
    width: 48px;
    height: 4px;
    background: linear-gradient(83deg, #0E0D1D, #FD6EC2);
    border-radius: 0;
    flex-shrink: 0
}

.exp_op .card_header {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.exp_op .card_top {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px
}

.exp_op .expert_avatar {
    width: 48px;
    height: 48px;
    border-radius: 28px;
    background: linear-gradient(83deg, #0E0D1D, #FD6EC2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden
}

.exp_op .expert_avatar svg {
    width: 28px;
    height: 28px
}

.exp_op .op_card.tinted {
    background: #FDE9EF
}

.exp_op .op_card.tinted .op_quote {
    color: #0E0D1D
}

.exp_op .op_card.tinted .tag_list .tag {
    background: #fd6ec240;
    color: #0E0D1D
}

.exp_op .op_card.tinted .tag_list .tag:hover {
    background: #FD6EC2;
    color: #fff
}

@media (max-width: 992px) {
    .exp_op .pg_cap .cap_img_wrap {
        flex-direction: column;
        align-items: flex-start
    }

    .exp_op .pg_cap .cover_img {
        width: 100%;
        height: 200px
    }

    .exp_op .pg_cap .cap_text h1 {
        font-size: 30px
    }

    .exp_op .opinions_grid {
        grid-template-columns: 1fr;
        padding: 32px 16px
    }

    .exp_op .op_card.wide {
        grid-template-columns: 1fr
    }

    .exp_op .op_card.wide .card_meta {
        justify-content: flex-start
    }
}

@media (max-width: 576px) {
    .exp_op .pg_cap {
        padding: 32px 0
    }

    .exp_op .pg_cap .cap_img_wrap {
        padding: 0 16px;
        gap: 16px
    }

    .exp_op .pg_cap .cap_text h1 {
        font-size: 22px
    }

    .exp_op .op_card {
        padding: 16px
    }

    .exp_op .op_card.wide .metric_row {
        flex-direction: column;
        gap: 16px
    }

    .exp_op .op_body aside {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 8px
    }
}

.abt {
    background: #fff;
    overflow-x: clip
}

.abt .strip_img {
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative
}

.abt .strip_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
    display: block;
    filter: brightness(0.92)
}

.abt .strip_img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(83deg, #0e0d1d2e 0%, #fd6ec221 100%);
    pointer-events: none
}

.abt .strip_pattern {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 32px;
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 0 32px;
    pointer-events: none
}

.abt .strip_pattern span {
    display: block;
    width: 4px;
    height: 16px;
    background: #fd6ec273;
    border-radius: 0
}

.abt .strip_pattern span:nth-child(2n) {
    height: 10px
}

.abt .strip_pattern span:nth-child(3n) {
    height: 22px
}

.abt .intro_zone {
    max-width: 1500px;
    margin: 0 auto;
    padding: 64px 64px 48px;
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 64px;
    align-items: start
}

.abt .intro_text h1 {
    font-size: 56px;
    line-height: 1.1;
    letter-spacing: -.03em;
    color: #0E0D1D;
    font-weight: 900;
    margin: 0 0 32px;
    max-width: 700px
}

.abt .live_counter {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    background: linear-gradient(83deg, #0E0D1D 0%, #FD6EC2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.abt .counter_num {
    font-size: 56px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -.03em
}

.abt .counter_label {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4
}

.abt .intro_body {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: flex-start
}

.abt .intro_body_main {
    flex: 1
}

.abt .intro_body_main p {
    font-size: 18px;
    line-height: 1.6;
    color: #0E0D1D;
    text-align: justify;
    margin: 0 0 16px
}

.abt .side_note {
    width: 180px;
    flex-shrink: 0
}

.abt .side_note p {
    font-size: 14px;
    line-height: 1.6;
    color: #0E0D1D;
    opacity: .62;
    text-align: left;
    margin: 0;
    border-top: 2px solid #FD6EC2;
    padding-top: 8px
}

.abt .intro_aside {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.abt .abbr_anchor {
    font-size: 56px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -.04em;
    color: #fd6ec221;
    text-transform: uppercase;
    user-select: none;
    pointer-events: none;
    text-align: right
}

.abt .stat_card {
    background: #FDE9EF;
    border-radius: 8px;
    padding: 16px;
    box-shadow: inset 0 3px 5px 0 #0e0d1d0d;
    position: relative;
    overflow: hidden
}

.abt .stat_card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 8px;
    border: 1px solid #fd6ec233;
    pointer-events: none
}

.abt .stat_card::after {
    content: '';
    position: absolute;
    inset: 3px;
    border-radius: 8px;
    border: 2px solid #fd6ec259;
    pointer-events: none
}

.abt .stat_num {
    font-size: 30px;
    font-weight: 900;
    color: #0E0D1D;
    line-height: 1.1;
    letter-spacing: -.02em
}

.abt .stat_desc {
    font-size: 14px;
    color: #0E0D1D;
    line-height: 1.4;
    margin-top: 4px;
    opacity: .75
}

.abt .sweep_heading {
    position: relative;
    display: inline-block
}

.abt .sweep_heading::after {
    content: '';
    position: absolute;
    top: 0;
    left: -8px;
    width: 0;
    height: 100%;
    background: linear-gradient(83deg, #fd6ec22e 0%, #fde9ef00 100%);
    border-radius: 0;
    animation: sweep_pass .55s cubic-bezier(0.16, 1, 0.3, 1) .4s forwards;
    pointer-events: none
}

@keyframes sweep_pass {
    from {
        width: 0;
        opacity: 1
    }

    to {
        width: calc(100% + 16px);
        opacity: 0
    }
}

.abt .team_section {
    background: #0E0D1D;
    padding: 64px 0;
    position: relative;
    overflow: hidden
}

.abt .team_bg_img {
    position: absolute;
    inset: 0;
    z-index: 0
}

.abt .team_bg_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: .18;
    display: block
}

.abt .team_inner {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 64px;
    position: relative;
    z-index: 1
}

.abt .team_grid {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 64px;
    align-items: start
}

.abt .team_portrait_wrap {
    position: relative
}

.abt .portrait_frame {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 40px 0 #fd6ec21c;
    aspect-ratio: 4/5;
    width: 100%;
    position: relative
}

.abt .portrait_frame::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 8px;
    border: 1px solid #fd6ec240;
    z-index: 2;
    pointer-events: none
}

.abt .portrait_frame::after {
    content: '';
    position: absolute;
    inset: 5px;
    border-radius: 8px;
    border: 2px solid #fd6ec266;
    z-index: 2;
    pointer-events: none
}

.abt .portrait_frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 8px
}

.abt .glow_effect {
    position: absolute;
    top: -32px;
    left: -32px;
    width: calc(100% + 64px);
    height: calc(100% + 64px);
    background: radial-gradient(ellipse at 60% 30%, #fd6ec238 0%, transparent 65%);
    pointer-events: none;
    z-index: 0;
    border-radius: 28px
}

.abt .team_info {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 16px
}

.abt .team_info h2 {
    font-size: 30px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: #FDE9EF;
    margin: 0
}

.abt .team_info h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    color: #FD6EC2;
    margin: 0 0 8px
}

.abt .expert_name {
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    line-height: 1.1;
    letter-spacing: -.02em;
    margin: 0 0 4px
}

.abt .expert_role {
    font-size: 15px;
    color: #fde9efa6;
    line-height: 1.4;
    margin: 0 0 16px
}

.abt .team_info p {
    font-size: 15px;
    line-height: 1.6;
    color: #fde9efd1;
    text-align: justify;
    margin: 0 0 16px
}

.abt .team_info p:last-child {
    margin: 0
}

.abt .values_row {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap
}

.abt .value_pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fd6ec21f;
    border-radius: 28px;
    padding: 8px 16px;
    font-size: 14px;
    color: #FDE9EF;
    line-height: 1.4;
    border: 1px solid #fd6ec247;
    transition: background .45s cubic-bezier(0.16, 1, 0.3, 1), border-color .45s ease-in-out
}

.abt .value_pill:hover {
    background: #fd6ec238;
    border-color: #fd6ec28c
}

.abt .value_dot {
    width: 6px;
    height: 6px;
    border-radius: 0;
    background: #FD6EC2;
    flex-shrink: 0;
    transform: rotate(45deg)
}

.abt .metrics_bar {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 8px
}

.abt .metric_row {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.abt .metric_label {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.abt .metric_label span:first-child {
    font-size: 14px;
    color: #fde9efbf;
    line-height: 1.4
}

.abt .metric_label span:last-child {
    font-size: 14px;
    color: #FD6EC2;
    font-weight: 700;
    line-height: 1.4
}

.abt .metric_track {
    height: 4px;
    background: #fde9ef1a;
    border-radius: 0;
    overflow: hidden
}

.abt .metric_fill {
    height: 100%;
    background: linear-gradient(83deg, #0E0D1D 0%, #FD6EC2 100%);
    border-radius: 0;
    transform-origin: left;
    animation: bar_grow .55s cubic-bezier(0.16, 1, 0.3, 1) forwards
}

@keyframes bar_grow {
    from {
        width: 0
    }
}

.abt .abbr_bg {
    position: absolute;
    right: 64px;
    bottom: 32px;
    font-size: 56px;
    font-weight: 900;
    letter-spacing: -.04em;
    color: #fd6ec20f;
    text-transform: uppercase;
    user-select: none;
    pointer-events: none;
    line-height: 1.1;
    z-index: 0
}

.abt .imgs_row {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-top: 32px
}

.abt .img_thumb {
    flex: 1;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 25px 0 #0e0d1d1c;
    aspect-ratio: 3/2
}

.abt .img_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform .5s cubic-bezier(0.16, 1, 0.3, 1)
}

.abt .img_thumb:hover img {
    transform: scale(1.04)
}

.abt a.inline_lnk {
    color: #0E0D1D;
    text-decoration: underline;
    text-decoration-color: #FD6EC2;
    text-underline-offset: 3px;
    display: inline-block;
    transition: transform .38s cubic-bezier(0.16, 1, 0.3, 1), color .38s ease-in-out
}

.abt a.inline_lnk:hover {
    transform: rotate(-2deg);
    color: #FD6EC2
}

.abt .btn_primary {
    display: inline-block;
    padding: 16px 32px;
    background: #0E0D1D;
    color: #FDE9EF;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    border-radius: 8px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 25px 0 #0e0d1d1c;
    transition: color .45s ease-in-out, box-shadow .45s cubic-bezier(0.16, 1, 0.3, 1)
}

.abt .btn_primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #FD6EC2;
    transition: left .45s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 0
}

.abt .btn_primary:hover::before {
    left: 0
}

.abt .btn_primary:hover {
    color: #0E0D1D;
    box-shadow: 0 10px 40px 0 #fd6ec21c
}

.abt .btn_primary span {
    position: relative;
    z-index: 1
}

@media (max-width: 1200px) {
    .abt .intro_zone {
        grid-template-columns: 1fr 280px;
        gap: 32px;
        padding: 64px 32px 48px
    }

    .abt .team_inner {
        padding: 0 32px
    }

    .abt .team_grid {
        grid-template-columns: 320px 1fr;
        gap: 32px
    }

    .abt .abbr_bg {
        right: 32px
    }
}

@media (max-width: 992px) {
    .abt .intro_zone {
        grid-template-columns: 1fr;
        padding: 48px 32px 32px
    }

    .abt .intro_aside {
        flex-direction: row;
        flex-wrap: wrap
    }

    .abt .abbr_anchor {
        display: none
    }

    .abt .stat_card {
        flex: 1;
        min-width: 140px
    }

    .abt .team_grid {
        grid-template-columns: 1fr
    }

    .abt .portrait_frame {
        max-width: 340px;
        aspect-ratio: 4/5
    }

    .abt .team_portrait_wrap {
        display: flex;
        justify-content: center
    }

    .abt .abbr_bg {
        display: none
    }

    .abt .imgs_row {
        flex-wrap: wrap
    }

    .abt .img_thumb {
        min-width: 200px
    }
}

@media (max-width: 576px) {
    .abt .intro_zone {
        padding: 32px 16px;
        gap: 32px
    }

    .abt .intro_text h1 {
        font-size: 30px
    }

    .abt .counter_num {
        font-size: 30px
    }

    .abt .counter_label {
        font-size: 18px
    }

    .abt .intro_body {
        flex-direction: column;
        gap: 16px
    }

    .abt .side_note {
        width: 100%
    }

    .abt .team_inner {
        padding: 0 16px
    }

    .abt .team_section {
        padding: 48px 0
    }

    .abt .portrait_frame {
        max-width: 100%
    }

    .abt .strip_img {
        height: 100px
    }

    .abt .imgs_row {
        flex-direction: column
    }
}

.pdcast {
    background: #fff;
    max-width: 1500px;
    margin: 0 auto;
    overflow: hidden
}

.pdcast .pg_intro {
    background: #0E0D1D;
    padding: 64px 64px 48px;
    position: relative
}

.pdcast .pg_intro::before {
    content: '';
    position: absolute;
    top: 24px;
    right: 64px;
    width: 48px;
    height: 32px;
    background: repeating-linear-gradient(to bottom, #FD6EC2 0px, #FD6EC2 2px, transparent 2px, transparent 8px);
    opacity: .6
}

.pdcast .pg_intro_label {
    display: inline-block;
    font-size: 14px;
    color: #FD6EC2;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 16px;
    border-bottom: 1px solid #FD6EC2;
    padding-bottom: 4px
}

.pdcast .pg_intro_h {
    font-size: 56px;
    line-height: 1.1;
    color: #fff;
    font-weight: 900;
    letter-spacing: -.03em;
    margin: 0 0 16px;
    max-width: 700px
}

.pdcast .pg_intro_sub {
    font-size: 18px;
    line-height: 1.6;
    color: #FDE9EF;
    max-width: 520px;
    margin: 0;
    opacity: .85
}

.pdcast .pg_intro_scallop {
    display: block;
    width: 100%;
    height: 32px;
    background: #fff;
    mask-image: radial-gradient(circle at 20px 0, transparent 20px, #000 20px);
    mask-size: 40px 32px;
    mask-repeat: repeat-x;
    -webkit-mask-image: radial-gradient(circle at 20px 0, transparent 20px, #000 20px);
    -webkit-mask-size: 40px 32px;
    -webkit-mask-repeat: repeat-x
}

.pdcast .posts_grid_wrap {
    padding: 48px 64px 64px;
    background: #fff
}

.pdcast .posts_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px
}

.pdcast .post_card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 25px 0 #0e0d1d1c;
    display: flex;
    flex-direction: column;
    transition: box-shadow .45s cubic-bezier(0.16, 1, 0.3, 1), transform .45s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden
}

.pdcast .post_card:hover {
    box-shadow: 0 10px 40px 0 #0e0d1d1c;
    transform: translateY(-4px)
}

.pdcast .post_card_img_wrap {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    position: relative
}

.pdcast .post_card_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .55s cubic-bezier(0.16, 1, 0.3, 1)
}

.pdcast .post_card:hover .post_card_img_wrap img {
    transform: scale(1.04)
}

.pdcast .post_card_body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
    box-shadow: inset 0 3px 5px 0 #0e0d1d0d
}

.pdcast .post_tag {
    display: inline-block;
    font-size: 14px;
    color: #FD6EC2;
    background: #FDE9EF;
    border-radius: 28px;
    padding: 4px 16px;
    margin-bottom: 16px;
    font-weight: 600;
    letter-spacing: .04em
}

.pdcast .post_title {
    font-size: 18px;
    line-height: 1.4;
    color: #0E0D1D;
    font-weight: 800;
    letter-spacing: -.02em;
    margin: 0 0 8px
}

.pdcast .post_subtitle {
    font-size: 15px;
    line-height: 1.6;
    color: #3a3850;
    margin: 0 0 16px
}

.pdcast .post_desc {
    font-size: 14px;
    line-height: 1.6;
    color: #5a5870;
    text-align: justify;
    margin: 0 0 16px;
    flex: 1
}

.pdcast .post_meta {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    border-top: 1px solid #FDE9EF;
    padding-top: 16px;
    margin-top: auto
}

.pdcast .post_author {
    font-size: 14px;
    color: #0E0D1D;
    font-weight: 600
}

.pdcast .post_readtime {
    font-size: 14px;
    color: #888;
    margin-left: auto
}

.pdcast .post_likes {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    color: #FD6EC2;
    font-weight: 600
}

.pdcast .post_likes_icon {
    width: 16px;
    height: 16px;
    display: inline-block
}

.pdcast .post_link {
    display: inline-block;
    margin-top: 16px;
    font-size: 14px;
    font-weight: 700;
    color: #0E0D1D;
    text-decoration: none;
    position: relative;
    padding-bottom: 2px;
    transition: color .4s ease-in-out
}

.pdcast .post_link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(83deg, #0E0D1D, #FD6EC2);
    transition: width .45s cubic-bezier(0.16, 1, 0.3, 1)
}

.pdcast .post_link:hover {
    color: #FD6EC2
}

.pdcast .post_link:hover::after {
    width: 100%
}

.pdcast .post_link:hover {
    transform: rotate(-1.5deg);
    display: inline-block
}

.pdcast .divider_scallop_pink {
    display: block;
    width: 100%;
    height: 32px;
    background: #FDE9EF;
    mask-image: radial-gradient(circle at 20px 32px, transparent 20px, #000 20px);
    mask-size: 40px 32px;
    mask-repeat: repeat-x;
    -webkit-mask-image: radial-gradient(circle at 20px 32px, transparent 20px, #000 20px);
    -webkit-mask-size: 40px 32px;
    -webkit-mask-repeat: repeat-x
}

.pdcast .about_strip {
    background: #FDE9EF;
    padding: 64px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
    position: relative
}

.pdcast .about_strip_img_col {
    position: relative
}

.pdcast .about_strip_img_frame {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 40px 0 #fd6ec21c;
    position: relative
}

.pdcast .about_strip_img_frame::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 30% 40%, transparent 50%, #0e0d1d2e 100%);
    pointer-events: none
}

.pdcast .about_strip_img_frame img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    display: block
}

.pdcast .about_strip_deco {
    position: absolute;
    bottom: -16px;
    right: -16px;
    width: 64px;
    height: 64px;
    border: 3px solid #FD6EC2;
    border-radius: 0;
    pointer-events: none
}

.pdcast .about_strip_text {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.pdcast .about_strip_eyebrow {
    font-size: 14px;
    color: #FD6EC2;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase
}

.pdcast .about_strip_h {
    font-size: 30px;
    line-height: 1.1;
    color: #0E0D1D;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: 0
}

.pdcast .about_strip_p {
    font-size: 15px;
    line-height: 1.6;
    color: #2a2840;
    text-align: justify;
    margin: 0
}

.pdcast .about_strip_aside {
    font-size: 14px;
    line-height: 1.6;
    color: #FD6EC2;
    border-top: 2px solid #FD6EC2;
    padding-top: 8px;
    margin-top: 8px
}

.pdcast .divider_scallop_white {
    display: block;
    width: 100%;
    height: 32px;
    background: #fff;
    mask-image: radial-gradient(circle at 20px 32px, transparent 20px, #000 20px);
    mask-size: 40px 32px;
    mask-repeat: repeat-x;
    -webkit-mask-image: radial-gradient(circle at 20px 32px, transparent 20px, #000 20px);
    -webkit-mask-size: 40px 32px;
    -webkit-mask-repeat: repeat-x
}

.pdcast .connect_strip {
    background: #0E0D1D;
    padding: 64px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    position: relative
}

.pdcast .connect_strip::before {
    content: '';
    position: absolute;
    bottom: 24px;
    left: 64px;
    width: 48px;
    height: 32px;
    background: repeating-linear-gradient(to bottom, #FD6EC2 0px, #FD6EC2 2px, transparent 2px, transparent 8px);
    opacity: .4;
    pointer-events: none
}

.pdcast .connect_text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 560px
}

.pdcast .connect_h {
    font-size: 30px;
    line-height: 1.1;
    color: #fff;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: 0
}

.pdcast .connect_p {
    font-size: 15px;
    line-height: 1.6;
    color: #FDE9EF;
    margin: 0;
    opacity: .8
}

.pdcast .connect_btn_wrap {
    flex-shrink: 0
}

.pdcast .connect_btn {
    display: inline-block;
    padding: 16px 32px;
    background: #FD6EC2;
    color: #0E0D1D;
    font-size: 15px;
    font-weight: 800;
    border-radius: 8px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: color .4s ease-in-out;
    letter-spacing: .02em
}

.pdcast .connect_btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #fff;
    transform: translateX(-100%);
    transition: transform .45s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 0
}

.pdcast .connect_btn:hover::before {
    transform: translateX(0)
}

.pdcast .connect_btn span {
    position: relative;
    z-index: 1
}

.pdcast .connect_btn:hover {
    color: #0E0D1D
}

@media (max-width: 992px) {
    .pdcast .pg_intro {
        padding: 48px 32px 32px
    }

    .pdcast .pg_intro_h {
        font-size: 30px
    }

    .pdcast .posts_grid_wrap {
        padding: 32px 32px 48px
    }

    .pdcast .posts_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px
    }

    .pdcast .about_strip {
        grid-template-columns: 1fr;
        padding: 48px 32px;
        gap: 32px
    }

    .pdcast .connect_strip {
        flex-direction: column;
        padding: 48px 32px;
        align-items: flex-start
    }
}

@media (max-width: 576px) {
    .pdcast .pg_intro {
        padding: 32px 16px 24px
    }

    .pdcast .pg_intro_h {
        font-size: 22px
    }

    .pdcast .posts_grid_wrap {
        padding: 16px 16px 32px
    }

    .pdcast .posts_grid {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .pdcast .about_strip {
        padding: 32px 16px
    }

    .pdcast .connect_strip {
        padding: 32px 16px
    }
}

.frnt {
    max-width: 100%;
    overflow-x: hidden
}

.frnt .pg_wrap {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 32px
}

.frnt .title_blk {
    background: linear-gradient(83deg, #0E0D1D 0%, #FD6EC2 100%);
    padding: 64px 0 48px;
    position: relative
}

.frnt .title_blk::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#fd6ec214 1px, transparent 1px), linear-gradient(90deg, #fd6ec214 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none
}

.frnt .title_blk::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to bottom, transparent, #fff);
    pointer-events: none
}

.frnt .title_inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 64px;
    position: relative;
    z-index: 1
}

.frnt .title_text {
    flex: 1
}

.frnt .title_label {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .12em;
    color: #FDE9EF;
    text-transform: uppercase;
    margin-bottom: 16px;
    padding: 4px 16px;
    border: 1px solid #fde9ef4d;
    border-radius: 28px
}

.frnt .title_h1 {
    font-size: 56px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.03em;
    color: #fff;
    margin: 0 0 16px
}

.frnt .title_sub {
    font-size: 18px;
    line-height: 1.6;
    color: #fde9efd9;
    margin: 0 0 32px;
    max-width: 480px
}

.frnt .title_cta {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #0E0D1D;
    background: #FDE9EF;
    padding: 16px 32px;
    border-radius: 8px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: color .45s cubic-bezier(0.16, 1, 0.3, 1)
}

.frnt .title_cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #FD6EC2;
    transform: translateX(-100%);
    transition: transform .45s cubic-bezier(0.16, 1, 0.3, 1)
}

.frnt .title_cta:hover::before {
    transform: translateX(0)
}

.frnt .title_cta span {
    position: relative;
    z-index: 1
}

.frnt .title_img_wrap {
    flex: 0 0 420px;
    height: 320px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 40px 0 #0e0d1d1c;
    opacity: 0;
    animation: img_fade .55s cubic-bezier(0.16, 1, 0.3, 1) .2s forwards
}

@keyframes img_fade {
    to {
        opacity: 1
    }
}

.frnt .title_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

.frnt .offer_blk {
    padding: 64px 0;
    background: #fff
}

.frnt .offer_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
    margin-top: 48px
}

.frnt .offer_card {
    background: #FDE9EF;
    border-radius: 28px;
    padding: 32px;
    box-shadow: inset 0 3px 5px 0 #fd6ec20d;
    transition: box-shadow .4s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative
}

.frnt .offer_card:hover {
    box-shadow: inset 0 3px 5px 0 #fd6ec20d 0 5px 25px 0 #fd6ec21c
}

.frnt .offer_card.featured {
    background: #0E0D1D;
    grid-row: span 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.frnt .offer_icon {
    width: 40px;
    height: 40px;
    margin-bottom: 16px
}

.frnt .offer_icon svg {
    width: 40px;
    height: 40px
}

.frnt .offer_card_h {
    font-size: 22px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #0E0D1D;
    margin: 0 0 8px
}

.frnt .offer_card.featured .offer_card_h {
    color: #FDE9EF
}

.frnt .offer_card_p {
    font-size: 15px;
    line-height: 1.6;
    color: #3a3848;
    margin: 0;
    text-align: justify
}

.frnt .offer_card.featured .offer_card_p {
    color: #fde9efbf
}

.frnt .offer_card_link {
    display: inline-block;
    margin-top: 16px;
    font-size: 14px;
    font-weight: 700;
    color: #FD6EC2;
    text-decoration: none;
    transition: transform .35s cubic-bezier(0.16, 1, 0.3, 1)
}

.frnt .offer_card_link:hover {
    transform: rotate(-2deg)
}

.frnt .offer_diamond {
    position: absolute;
    top: -12px;
    right: 24px;
    width: 24px;
    height: 24px;
    background: #FD6EC2;
    transform: rotate(45deg);
    border-radius: 0
}

.frnt .sec_label {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #FD6EC2;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px
}

.frnt .sec_dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FD6EC2;
    display: inline-block;
    flex-shrink: 0
}

.frnt .sec_h2 {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -.02em;
    color: #0E0D1D;
    margin: 0
}

.frnt .longterm_blk {
    padding: 64px 0;
    background: linear-gradient(to bottom, #FDE9EF 0%, #fff 100%)
}

.frnt .longterm_inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center
}

.frnt .longterm_img_wrap {
    height: 400px;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 10px 40px 0 #0e0d1d1c
}

.frnt .longterm_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

.frnt .longterm_text {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.frnt .longterm_body {
    font-size: 15px;
    line-height: 1.6;
    color: #3a3848;
    margin: 0;
    text-align: justify
}

.frnt .longterm_metrics {
    display: flex;
    flex-direction: row;
    gap: 32px;
    margin-top: 16px
}

.frnt .metric_item {
    flex: 1;
    padding: 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 5px 0 #0e0d1d0d;
    border-top: 3px solid #FD6EC2
}

.frnt .metric_val {
    font-size: 30px;
    font-weight: 900;
    color: #0E0D1D;
    line-height: 1.1;
    letter-spacing: -.03em
}

.frnt .metric_desc {
    font-size: 14px;
    color: #6a6880;
    line-height: 1.4;
    margin-top: 4px
}

.frnt .longterm_aside {
    font-size: 14px;
    line-height: 1.6;
    color: #6a6880;
    border-top: 1px solid #fd6ec24d;
    padding-top: 16px;
    margin-top: 8px
}

.frnt .cond_blk {
    padding: 64px 0;
    background: #0E0D1D
}

.frnt .cond_blk .sec_h2 {
    color: #FDE9EF
}

.frnt .cond_blk .sec_label {
    color: #fd6ec2cc
}

.frnt .cond_layout {
    display: flex;
    flex-direction: row;
    gap: 64px;
    margin-top: 48px;
    align-items: flex-start
}

.frnt .cond_list {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0
}

.frnt .cond_item {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    padding: 16px;
    border-radius: 8px;
    background: #fde9ef0d;
    transition: background .4s ease-in-out
}

.frnt .cond_item:hover {
    background: #fd6ec21a
}

.frnt .cond_num {
    font-size: 30px;
    font-weight: 900;
    color: #FD6EC2;
    line-height: 1.1;
    flex-shrink: 0;
    width: 40px
}

.frnt .cond_text_wrap {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.frnt .cond_item_h {
    font-size: 18px;
    font-weight: 800;
    color: #FDE9EF;
    line-height: 1.1;
    margin: 0
}

.frnt .cond_item_p {
    font-size: 15px;
    line-height: 1.6;
    color: #fde9efa6;
    margin: 0;
    text-align: justify
}

.frnt .cond_img_col {
    flex: 0 0 380px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.frnt .cond_img_frame {
    height: 280px;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 5px 25px 0 #fd6ec21c
}

.frnt .cond_img_frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

.frnt .cond_note {
    font-size: 14px;
    line-height: 1.6;
    color: #fde9ef80;
    padding: 16px;
    background: #fde9ef0a;
    border-radius: 8px
}

.frnt .team_blk {
    padding: 64px 0;
    background: #fff
}

.frnt .team_layout {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 64px;
    margin-top: 48px;
    align-items: start
}

.frnt .team_portrait_col {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.frnt .portrait_frame {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 5px 25px 0 #fd6ec21c;
    animation: glow_border 3s ease-in-out infinite;
    border: 3px solid #FD6EC2
}

@keyframes glow_border {

    0%,
    100% {
        box-shadow: 0 5px 25px 0 #fd6ec21c
    }

    50% {
        box-shadow: 0 5px 25px 0 #fd6ec259
    }
}

.frnt .portrait_frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

.frnt .portrait_name {
    font-size: 22px;
    font-weight: 900;
    color: #0E0D1D;
    line-height: 1.1;
    letter-spacing: -.02em;
    margin: 8px 0 0
}

.frnt .portrait_role {
    font-size: 14px;
    color: #FD6EC2;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin: 4px 0 0
}

.frnt .portrait_bio {
    font-size: 15px;
    line-height: 1.6;
    color: #3a3848;
    margin: 8px 0 0;
    text-align: justify
}

.frnt .team_other {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.frnt .team_other_h {
    font-size: 18px;
    font-weight: 800;
    color: #0E0D1D;
    margin: 0 0 16px;
    line-height: 1.1
}

.frnt .contrib_list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0
}

.frnt .contrib_item {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    padding: 16px;
    border-radius: 8px;
    background: #FDE9EF;
    box-shadow: inset 0 3px 5px 0 #fd6ec20d
}

.frnt .contrib_avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(83deg, #0E0D1D, #FD6EC2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px;
    font-weight: 900;
    color: #FDE9EF
}

.frnt .contrib_info_name {
    font-size: 15px;
    font-weight: 800;
    color: #0E0D1D;
    margin: 0 0 4px
}

.frnt .contrib_info_role {
    font-size: 14px;
    color: #6a6880;
    margin: 0 0 4px
}

.frnt .contrib_info_note {
    font-size: 14px;
    color: #3a3848;
    margin: 0;
    line-height: 1.4
}

.frnt .current_blk {
    padding: 64px 0;
    background: linear-gradient(to bottom, #FDE9EF 0%, #fff 100%)
}

.frnt .current_layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    margin-top: 48px;
    align-items: start
}

.frnt .current_left {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.frnt .current_body {
    font-size: 15px;
    line-height: 1.6;
    color: #3a3848;
    margin: 0;
    text-align: justify
}

.frnt .current_aside {
    font-size: 14px;
    line-height: 1.6;
    color: #6a6880;
    padding: 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 5px 0 #0e0d1d0d
}

.frnt .current_right {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.frnt .signal_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.frnt .signal_item {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    padding: 16px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 3px 5px 0 #0e0d1d0d;
    transition: box-shadow .45s cubic-bezier(0.16, 1, 0.3, 1)
}

.frnt .signal_item:hover {
    box-shadow: 0 5px 25px 0 #fd6ec21c
}

.frnt .signal_dot_wrap {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #FDE9EF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.frnt .signal_dot_inner {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FD6EC2
}

.frnt .signal_text {
    font-size: 15px;
    line-height: 1.6;
    color: #3a3848;
    margin: 0
}

.frnt .signal_text strong {
    color: #0E0D1D;
    font-weight: 800
}

.frnt .current_img_wrap {
    border-radius: 28px;
    overflow: hidden;
    height: 220px;
    box-shadow: 0 5px 25px 0 #0e0d1d1c
}

.frnt .current_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

@media (max-width: 992px) {
    .frnt .title_inner {
        flex-direction: column;
        gap: 32px
    }

    .frnt .title_img_wrap {
        flex: 0 0 auto;
        width: 100%;
        height: 240px
    }

    .frnt .title_h1 {
        font-size: 30px
    }

    .frnt .offer_grid {
        grid-template-columns: 1fr 1fr
    }

    .frnt .offer_card.featured {
        grid-row: auto;
        grid-column: span 2
    }

    .frnt .longterm_inner {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .frnt .cond_layout {
        flex-direction: column;
        gap: 32px
    }

    .frnt .cond_img_col {
        flex: 0 0 auto;
        width: 100%
    }

    .frnt .team_layout {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .frnt .current_layout {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .frnt .longterm_metrics {
        flex-direction: column;
        gap: 16px
    }
}

@media (max-width: 576px) {
    .frnt .pg_wrap {
        padding: 0 16px
    }

    .frnt .offer_grid {
        grid-template-columns: 1fr
    }

    .frnt .offer_card.featured {
        grid-column: auto
    }

    .frnt .title_h1 {
        font-size: 30px
    }

    .frnt .sec_h2 {
        font-size: 22px
    }

    .frnt .title_blk {
        padding: 32px 0 48px
    }

    .frnt .offer_blk,
    .frnt .longterm_blk,
    .frnt .cond_blk,
    .frnt .team_blk,
    .frnt .current_blk {
        padding: 32px 0
    }
}

.cont_us {
    background: #fff;
    max-width: 100%;
    overflow-x: hidden
}

.cont_us .pg_wrap {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 32px
}

.cont_us .opener {
    padding: 64px 0 32px;
    position: relative
}

.cont_us .opener_inner {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 64px;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 32px
}

.cont_us .strip_left {
    width: 8px;
    flex-shrink: 0;
    background: linear-gradient(83deg, #0E0D1D, #FD6EC2);
    border-radius: 8px
}

.cont_us .opener_text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative
}

.cont_us .big_quote {
    position: absolute;
    top: -16px;
    right: 0;
    font-size: 200px;
    line-height: 1.1;
    color: #FDE9EF;
    pointer-events: none;
    user-select: none;
    z-index: 0;
    font-weight: 900;
    letter-spacing: -8px
}

.cont_us .opener_label {
    font-size: 14px;
    line-height: 1.4;
    color: #FD6EC2;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    position: relative;
    z-index: 1
}

.cont_us .opener_h1 {
    font-size: 56px;
    line-height: 1.1;
    color: #0E0D1D;
    font-weight: 900;
    letter-spacing: -.03em;
    margin: 0;
    position: relative;
    z-index: 1;
    max-width: 700px
}

.cont_us .opener_desc {
    font-size: 18px;
    line-height: 1.6;
    color: #3a3850;
    max-width: 560px;
    text-align: justify;
    position: relative;
    z-index: 1
}

.cont_us .opener_aside {
    width: 260px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 8px
}

.cont_us .info_card {
    background: #FDE9EF;
    border-radius: 28px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: inset 0 3px 5px 0 #0e0d1d0d;
    animation: col_appear .55s cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay: .45s
}

.cont_us .info_card_label {
    font-size: 14px;
    line-height: 1.4;
    color: #FD6EC2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em
}

.cont_us .info_item {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.cont_us .info_item_key {
    font-size: 14px;
    line-height: 1.4;
    color: #0E0D1D;
    font-weight: 700;
    opacity: .6
}

.cont_us .info_item_val {
    font-size: 15px;
    line-height: 1.4;
    color: #0E0D1D;
    font-weight: 500;
    word-break: break-word
}

.cont_us .info_item_val a {
    color: #0E0D1D;
    text-decoration: underline;
    text-decoration-color: #FD6EC2;
    text-underline-offset: 3px;
    transition: transform .45s cubic-bezier(0.16, 1, 0.3, 1), color .45s ease-in-out;
    display: inline-block
}

.cont_us .info_item_val a:hover {
    color: #FD6EC2;
    transform: rotate(-2deg)
}

.cont_us .zigzag_divider {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    margin: 32px 0 0
}

.cont_us .zigzag_divider svg {
    display: block;
    width: 100%
}

.cont_us .form_band {
    background: #0E0D1D;
    padding: 64px 0;
    position: relative
}

.cont_us .form_band_inner {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 32px;
    display: flex;
    flex-direction: row;
    gap: 64px;
    align-items: flex-start
}

.cont_us .form_left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px
}

.cont_us .form_heading {
    font-size: 30px;
    line-height: 1.1;
    color: #fff;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: 0
}

.cont_us .form_sub {
    font-size: 15px;
    line-height: 1.6;
    color: #b0aec8;
    text-align: justify
}

.cont_us .category_row {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.cont_us .category_label_txt {
    font-size: 14px;
    line-height: 1.4;
    color: #FD6EC2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em
}

.cont_us .cat_options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px
}

.cont_us .cat_opt {
    position: relative
}

.cont_us .cat_opt input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.cont_us .cat_opt label {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 8px;
    border: 2px solid #3a3850;
    color: #b0aec8;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
    transition: background .45s cubic-bezier(0.16, 1, 0.3, 1), border-color .45s cubic-bezier(0.16, 1, 0.3, 1), color .45s ease-in-out;
    user-select: none
}

.cont_us .cat_opt input[type="radio"]:checked+label {
    background: #FD6EC2;
    border-color: #FD6EC2;
    color: #fff;
    font-weight: 700
}

.cont_us .cat_opt label:hover {
    border-color: #FD6EC2;
    color: #FD6EC2
}

.cont_us .form_right {
    flex: 1.4;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.cont_us .field_row {
    display: flex;
    flex-direction: row;
    gap: 16px
}

.cont_us .field_group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1
}

.cont_us .field_lbl {
    font-size: 14px;
    line-height: 1.4;
    color: #b0aec8;
    font-weight: 600;
    letter-spacing: .04em
}

.cont_us .field_inp {
    background: #1a1928;
    border: 2px solid #2e2d42;
    border-radius: 8px;
    padding: 16px;
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    outline: none;
    transition: border-color .4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .4s cubic-bezier(0.16, 1, 0.3, 1);
    width: 100%;
    box-sizing: border-box
}

.cont_us .field_inp::placeholder {
    color: #5a5870
}

.cont_us .field_inp:focus {
    border-color: #FD6EC2;
    box-shadow: 0 5px 25px 0 #fd6ec21c
}

.cont_us .privacy_row {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    padding: 16px;
    background: #1a1928;
    border-radius: 8px;
    box-shadow: inset 0 3px 5px 0 #0e0d1d0d
}

.cont_us .privacy_check {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    accent-color: #FD6EC2;
    margin-top: 2px;
    cursor: pointer
}

.cont_us .privacy_txt {
    font-size: 14px;
    line-height: 1.6;
    color: #b0aec8
}

.cont_us .privacy_txt a {
    color: #FD6EC2;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color .4s ease-in-out
}

.cont_us .privacy_txt a:hover {
    color: #fff
}

.cont_us .submit_btn {
    position: relative;
    overflow: hidden;
    background: transparent;
    border: 2px solid #FD6EC2;
    border-radius: 8px;
    padding: 16px 32px;
    color: #FD6EC2;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    letter-spacing: .02em;
    transition: color .45s cubic-bezier(0.16, 1, 0.3, 1);
    align-self: flex-start
}

.cont_us .submit_btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #FD6EC2;
    transform: translateX(-101%);
    transition: transform .45s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 0
}

.cont_us .submit_btn:hover::before {
    transform: translateX(0)
}

.cont_us .submit_btn:hover {
    color: #fff
}

.cont_us .submit_btn_txt {
    position: relative;
    z-index: 1
}

.cont_us .submit_btn:focus-visible {
    outline: 3px solid #FD6EC2;
    outline-offset: 3px
}

.cont_us .zigzag_divider2 {
    width: 100%;
    overflow: hidden;
    line-height: 0
}

.cont_us .zigzag_divider2 svg {
    display: block;
    width: 100%
}

.cont_us .channels_band {
    background: #FDE9EF;
    padding: 64px 0
}

.cont_us .channels_inner {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 32px;
    display: flex;
    flex-direction: column;
    gap: 32px
}

.cont_us .channels_top {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 64px
}

.cont_us .channels_h {
    font-size: 30px;
    line-height: 1.1;
    color: #0E0D1D;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: 0;
    flex: 1
}

.cont_us .channels_note {
    font-size: 15px;
    line-height: 1.6;
    color: #3a3850;
    max-width: 360px;
    text-align: justify
}

.cont_us .channels_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

.cont_us .ch_card {
    background: #fff;
    border-radius: 28px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0 5px 25px 0 #0e0d1d1c;
    transition: box-shadow .5s cubic-bezier(0.16, 1, 0.3, 1), transform .5s cubic-bezier(0.16, 1, 0.3, 1);
    animation: col_appear .55s cubic-bezier(0.16, 1, 0.3, 1) both
}

.cont_us .ch_card:nth-child(1) {
    animation-delay: .1s
}

.cont_us .ch_card:nth-child(2) {
    animation-delay: .25s
}

.cont_us .ch_card:nth-child(3) {
    animation-delay: .4s
}

.cont_us .ch_card:hover {
    box-shadow: 0 10px 40px 0 #fd6ec21c;
    transform: translateY(-4px)
}

.cont_us .ch_icon {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: linear-gradient(83deg, #0E0D1D, #FD6EC2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.cont_us .ch_icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.cont_us .ch_name {
    font-size: 15px;
    line-height: 1.4;
    color: #0E0D1D;
    font-weight: 700
}

.cont_us .ch_val {
    font-size: 18px;
    line-height: 1.4;
    color: #0E0D1D;
    font-weight: 500;
    word-break: break-word
}

.cont_us .ch_val a {
    color: #0E0D1D;
    text-decoration: underline;
    text-decoration-color: #FD6EC2;
    text-underline-offset: 3px;
    transition: color .45s ease-in-out, transform .45s cubic-bezier(0.16, 1, 0.3, 1);
    display: inline-block
}

.cont_us .ch_val a:hover {
    color: #FD6EC2;
    transform: rotate(-1.5deg)
}

.cont_us .ch_desc {
    font-size: 14px;
    line-height: 1.6;
    color: #5a5870
}

.cont_us .addr_strip {
    background: #fff;
    border-radius: 28px;
    padding: 32px;
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: center;
    box-shadow: 0 3px 5px 0 #0e0d1d0d
}

.cont_us .addr_label {
    font-size: 14px;
    line-height: 1.4;
    color: #FD6EC2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    flex-shrink: 0
}

.cont_us .addr_val {
    font-size: 18px;
    line-height: 1.4;
    color: #0E0D1D;
    font-weight: 500
}

.cont_us .addr_dot {
    width: 8px;
    height: 8px;
    border-radius: 0;
    background: #FD6EC2;
    flex-shrink: 0;
    transform: rotate(45deg)
}

@keyframes col_appear {
    from {
        opacity: 0;
        transform: translateY(24px) rotate(-1deg)
    }

    to {
        opacity: 1;
        transform: translateY(0) rotate(0deg)
    }
}

.cont_us .opener_text {
    animation: col_appear .55s cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay: .1s
}

.cont_us .opener_aside {
    animation: col_appear .55s cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay: .3s
}

@media (max-width: 992px) {
    .cont_us .opener_inner {
        flex-direction: column;
        gap: 32px
    }

    .cont_us .opener_aside {
        width: 100%
    }

    .cont_us .opener_h1 {
        font-size: 30px
    }

    .cont_us .form_band_inner {
        flex-direction: column;
        gap: 32px
    }

    .cont_us .channels_grid {
        grid-template-columns: 1fr 1fr
    }

    .cont_us .channels_top {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px
    }

    .cont_us .addr_strip {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px
    }

    .cont_us .big_quote {
        font-size: 120px
    }
}

@media (max-width: 576px) {
    .cont_us .opener_h1 {
        font-size: 22px
    }

    .cont_us .field_row {
        flex-direction: column
    }

    .cont_us .channels_grid {
        grid-template-columns: 1fr
    }

    .cont_us .pg_wrap {
        padding: 0 16px
    }

    .cont_us .opener_inner,
    .cont_us .form_band_inner,
    .cont_us .channels_inner {
        padding: 0 16px
    }

    .cont_us .cat_options {
        flex-direction: column
    }

    .cont_us .big_quote {
        display: none
    }
}

.success_page {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 32px;
    background-color: #fff
}

.success_page .success_card {
    max-width: 600px;
    width: 100%;
    background: #FDE9EF;
    border-radius: 28px;
    padding: 64px 32px;
    text-align: center;
    box-shadow: 0 10px 40px 0 #fd6ec21c
}

.success_page .success_card .icon_wrap {
    width: 72px;
    height: 72px;
    margin: 0 auto 32px;
    border-radius: 28px;
    background: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 25px 0 #fd6ec21c
}

.success_page .success_card .icon_wrap svg {
    display: block
}

.success_page .success_card .success_heading {
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -.03em;
    font-weight: 900;
    color: #0E0D1D;
    margin: 0 0 16px
}

.success_page .success_card .success_body {
    font-size: 18px;
    line-height: 1.6;
    color: #0E0D1D;
    margin: 0 0 32px;
    text-align: center
}

.success_page .success_card .return_link {
    display: inline-block;
    padding: 16px 32px;
    background: #0E0D1D;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: color .45s cubic-bezier(0.16, 1, 0.3, 1)
}

.success_page .success_card .return_link::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #FD6EC2;
    transform: translateX(-100%);
    transition: transform .45s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 0
}

.success_page .success_card .return_link:hover::before {
    transform: translateX(0)
}

.success_page .success_card .return_link:hover {
    color: #0E0D1D
}

.success_page .success_card .return_link span {
    position: relative;
    z-index: 1
}

.success_page .success_card .return_link:focus-visible {
    outline: 3px solid #FD6EC2;
    outline-offset: 4px
}

@media (max-width: 576px) {
    .success_page {
        padding: 32px 16px
    }

    .success_page .success_card {
        padding: 32px 16px
    }

    .success_page .success_card .success_heading {
        font-size: 22px
    }

    .success_page .success_card .success_body {
        font-size: 15px
    }
}