@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;700&display=swap";

html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth
}

body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    word-break: break-word;
    overflow-wrap: break-word
}

:focus-visible {
    outline: 2px solid #A0BC34;
    outline-offset: 3px
}

:focus:not(:focus-visible) {
    outline: none
}

.hd-shell {
    background-color: #18191f;
    padding: 24px 24px 0
}

.hd-plate {
    max-width: 1280px;
    margin: 0 auto;
    background: linear-gradient(160deg, #1e2029 0%, #151619 60%, #1a1c24 100%);
    border-radius: 36px;
    box-shadow: 0 10px 36px 0 #a0bc3424;
    border: 1px solid #a0bc341f;
    overflow: hidden;
    position: relative
}

.hd-plate::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #A0BC34 40%, #DABBC6 70%, transparent 100%);
    border-radius: 36px 36px 0 0
}

.hd-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 40px 24px;
    gap: 24px
}

.hd-brand {
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    flex-shrink: 0
}

.hd-logo-cell {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border: 1px solid #a0bc3440;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 #a0bc3412 0 0 0 1px #c9ccdb14;
    background-color: #ffffff0a
}

.hd-logo-cell img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: block
}

.hd-brand-label {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.hd-brand-name {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .02em;
    color: #e8eaf0
}

.hd-brand-sub {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #A0BC34
}

.hd-contact-pod {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px
}

.hd-contact-label {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #C9CCDB;
    opacity: .6;
    text-transform: uppercase;
    font-size: 16px
}

.hd-contact-link {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #C9CCDB;
    text-decoration: none;
    transition: color .5s ease-in-out
}

.hd-contact-link:hover {
    color: #A0BC34
}

.hd-rule {
    height: 1px;
    margin: 0 40px;
    background: linear-gradient(90deg, transparent 0%, #a0bc344d 30%, #dabbc633 70%, transparent 100%);
    border: none
}

.hd-nav-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 40px 40px;
    gap: 16px;
    flex-wrap: wrap
}

.hd-nav-deck {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.hd-nav-item {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #C9CCDB;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: color .55s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color .55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    white-space: nowrap
}

.hd-nav-item:hover {
    color: #A0BC34;
    border-color: #a0bc3433
}

.hd-nav-item.active {
    color: #A0BC34;
    font-weight: 700
}

.hd-nav-sep {
    width: 1px;
    height: 16px;
    background-color: #c9ccdb33;
    flex-shrink: 0
}

.hd-tag {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #DABBC6;
    opacity: .7;
    white-space: nowrap
}

@media (max-width: 768px) {
    .hd-shell {
        padding: 16px 16px 0
    }

    .hd-top {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 24px 16px;
        gap: 16px
    }

    .hd-contact-pod {
        align-items: flex-start
    }

    .hd-rule {
        margin: 0 24px
    }

    .hd-nav-row {
        padding: 16px 24px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px
    }

    .hd-nav-deck {
        gap: 8px
    }

    .hd-nav-sep {
        display: none
    }

    .hd-tag {
        display: none
    }
}

@media (min-width: 769px) and (max-width: 1280px) {
    .hd-top {
        padding: 32px 32px 24px
    }

    .hd-rule {
        margin: 0 32px
    }

    .hd-nav-row {
        padding: 16px 32px 32px
    }
}

.ft-shell {
    background-color: #18191f;
    padding: 0 24px 24px;
    margin-top: 80px
}

.ft-plate {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 36px;
    border: 1px solid #c9ccdb1a
}

.ft-plate::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #DABBC6 30%, #A0BC34 70%, transparent 100%);
    border-radius: 0 0 36px 36px
}

.ft-geo-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.ft-geo-left {
    position: absolute;
    top: -40px;
    left: -40px;
    width: 320px;
    height: 320px;
    border: 1px solid #a0bc3414;
    border-radius: 36px;
    transform: rotate(15deg)
}

.ft-geo-right {
    position: absolute;
    bottom: -24px;
    right: -24px;
    width: 200px;
    height: 200px;
    border: 1px solid #dabbc61a;
    border-radius: 4px;
    transform: rotate(-8deg)
}

.ft-geo-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    border: 1px solid #c9ccdb0a;
    border-radius: 50%
}

.ft-body {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 280px
}

.ft-left {
    background: linear-gradient(135deg, #1e2029 0%, #181a20 100%);
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    border-right: 1px solid #a0bc341a
}

.ft-logo-cell {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border: 1px solid #c9ccdb26;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 #a0bc3412;
    background-color: #ffffff08
}

.ft-logo-cell img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: block
}

.ft-logo-rule {
    height: 1px;
    width: 80px;
    background: linear-gradient(90deg, #A0BC34 0%, transparent 100%);
    border: none;
    margin: 16px 0 0
}

.ft-desc {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #C9CCDB;
    opacity: .75;
    max-width: 320px
}

.ft-copy {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #C9CCDB;
    opacity: .4
}

.ft-right {
    background: linear-gradient(135deg, #151619 0%, #1a1c24 100%);
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px
}

.ft-right-top {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.ft-section-label {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .02em;
    color: #A0BC34;
    text-transform: uppercase
}

.ft-nav-deck {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.ft-nav-link {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #C9CCDB;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    transition: color .5s ease-in-out
}

.ft-nav-link:hover {
    color: #A0BC34
}

.ft-nav-link svg {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    opacity: .5;
    transition: opacity .5s ease-in-out
}

.ft-nav-link:hover svg {
    opacity: 1
}

.ft-contact-deck {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.ft-contact-item {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #C9CCDB;
    text-decoration: none;
    transition: color .5s ease-in-out
}

.ft-contact-item:hover {
    color: #DABBC6
}

.ft-legal-deck {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media (max-width: 768px) {
    .ft-shell {
        padding: 0 16px 16px;
        margin-top: 40px
    }

    .ft-body {
        grid-template-columns: 1fr
    }

    .ft-left {
        padding: 24px;
        border-right: none;
        border-bottom: 1px solid #a0bc341a
    }

    .ft-right {
        padding: 24px
    }

    .ft-geo-circle {
        width: 300px;
        height: 300px
    }
}

@media (min-width: 769px) and (max-width: 1280px) {
    .ft-left {
        padding: 32px
    }

    .ft-right {
        padding: 32px
    }
}

.ck-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background: #1e2029;
    border-top: 1px solid #a0bc3433;
    box-shadow: 0 -7px 20px 0 #a0bc341c;
    padding: 24px 40px;
    display: none
}

.ck-bar-inner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap
}

.ck-text {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #C9CCDB;
    flex: 1;
    min-width: 200px
}

.ck-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    flex-wrap: wrap
}

.ck-btn-accept {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #A0BC34;
    background: transparent;
    border: 1px solid #A0BC34;
    border-radius: 4px;
    padding: 8px 24px;
    cursor: pointer;
    transition: color .5s ease-in-out, border-color .5s ease-in-out, background-color .5s ease-in-out;
    min-height: 44px
}

.ck-btn-accept:hover {
    color: #18191f;
    background-color: #A0BC34
}

.ck-btn-decline {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #C9CCDB;
    background: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
    padding: 8px;
    transition: color .55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    min-height: 44px
}

.ck-btn-decline:hover {
    color: #DABBC6
}

@media (max-width: 768px) {
    .ck-bar {
        padding: 24px 16px
    }

    .ck-bar-inner {
        flex-direction: column;
        align-items: flex-start
    }

    .ck-actions {
        width: 100%
    }
}

.terms-content {
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 40px;
    color: #d4d8e8;
    line-height: 1.85
}

.terms-content p {
    font-size: 16px;
    line-height: 1.85;
    letter-spacing: .01em;
    margin-bottom: 24px;
    color: #c2c6d8
}

.terms-content strong,
.terms-content b {
    font-weight: 700;
    color: #e2e5f0;
    letter-spacing: .01em
}

.terms-content em,
.terms-content i {
    font-style: italic;
    color: #C9CCDB
}

.terms-content a {
    color: #A0BC34;
    text-decoration: underline;
    text-decoration-color: #a0bc3459;
    text-underline-offset: 3px;
    transition: color .5s ease-in-out, text-decoration-color .45s ease-in-out
}

.terms-content a:hover {
    color: #b8d43c;
    text-decoration-color: #b8d43cb3
}

.terms-content hr {
    border: none;
    border-top: 1px solid #a0bc3438;
    margin: 40px 0;
    box-shadow: 0 3px 5px 0 #a0bc3412
}

.terms-content table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    margin-bottom: 40px;
    box-shadow: 0 7px 20px 0 #a0bc341c;
    border-radius: 4px;
    overflow: hidden
}

.terms-content thead {
    background: #a0bc341f
}

.terms-content tbody tr {
    border-bottom: 1px solid #c9ccdb1a;
    transition: background .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.terms-content tbody tr:last-child {
    border-bottom: none
}

.terms-content tbody tr:hover {
    background: #c9ccdb0d
}

.terms-content th {
    padding: 16px 24px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .02em;
    color: #C9CCDB;
    line-height: 1.4
}

.terms-content td {
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #b8bdd2;
    vertical-align: top
}

.terms-content div {
    margin-bottom: 24px
}

@media (max-width: 768px) {
    .terms-content {
        padding: 40px 16px
    }

    .terms-content table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .terms-content th,
    .terms-content td {
        padding: 16px
    }
}

@media (min-width: 769px) and (max-width: 1280px) {
    .terms-content {
        padding: 80px 40px
    }
}

.bld {
    background: #1b1d1e;
    color: #C9CCDB;
    min-height: 100vh;
    overflow-x: clip
}

.bld .pg-wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px
}

.bld .art-head {
    padding: 80px 0 40px;
    position: relative
}

.bld .art-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(157deg, #2a2d2e 50%, #1b1d1e 50%);
    z-index: 0
}

.bld .art-head .pg-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px
}

.bld .art-head-left {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.bld .art-head-right {
    flex: 0 0 340px;
    max-width: 340px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.bld .art-label {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .02em;
    color: #A0BC34;
    border: 1px solid #a0bc3459;
    border-radius: 4px;
    padding: 8px 16px;
    width: fit-content;
    transition: color .5s ease-in-out, border-color .5s ease-in-out
}

.bld .art-label:hover {
    color: #C9CCDB;
    border-color: #c9ccdb66
}

.bld .art-h1 {
    font-size: 60px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #e8eaf0;
    margin: 0
}

.bld .art-h1 .fw {
    font-size: 70px;
    color: #A0BC34;
    display: block;
    line-height: 1.15
}

.bld .art-meta-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    padding-top: 8px
}

.bld .art-meta-item {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #c9ccdb99
}

.bld .art-meta-sep {
    width: 40px;
    height: 1px;
    background: linear-gradient(90deg, #A0BC34 50%, transparent 50%);
    flex-shrink: 0
}

.bld .art-img-wrap {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 36px 0 #a0bc3424
}

.bld .art-img-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background: #1b1d1e73;
    transition: opacity .55s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.bld .art-img-wrap:hover::after {
    opacity: 0
}

.bld .art-img-wrap img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover
}

.bld .art-side-accent {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background: #a0bc340f;
    border-radius: 4px;
    border-top: 2px solid #A0BC34;
    box-shadow: 0 3px 5px 0 #a0bc3412
}

.bld .art-side-accent .lbl {
    font-size: 16px;
    line-height: 1.4;
    color: #c9ccdb8c;
    letter-spacing: .02em
}

.bld .art-side-accent .val {
    font-size: 24px;
    line-height: 1.4;
    color: #e8eaf0;
    letter-spacing: .01em
}

.bld .deco-lines {
    position: absolute;
    bottom: 16px;
    right: 40px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 0;
    pointer-events: none
}

.bld .deco-lines span {
    display: block;
    height: 1px;
    background: #a0bc3440
}

.bld .deco-lines span:nth-child(1) {
    width: 80px
}

.bld .deco-lines span:nth-child(2) {
    width: 56px
}

.bld .deco-lines span:nth-child(3) {
    width: 32px
}

.bld .deco-lines span:nth-child(4) {
    width: 16px
}

.bld .art-body-sec {
    padding: 80px 0;
    position: relative
}

.bld .art-body-sec .pg-wrap {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start
}

.bld .art-body-main {
    flex: 3 1 0;
    min-width: 0
}

.bld .art-body-aside {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 8px
}

.bld .art-body-main p {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #C9CCDB;
    margin: 0 0 16px
}

.bld .art-body-main h2 {
    font-size: 32px;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #e8eaf0;
    margin: 40px 0 16px
}

.bld .art-body-main h2 .fw {
    font-size: 44px;
    color: #A0BC34
}

.bld .art-body-main ins {
    text-decoration: none;
    background: #a0bc341f;
    color: #A0BC34;
    padding: 0 4px;
    border-radius: 4px
}

.bld .art-body-main em {
    color: #DABBC6;
    font-style: italic
}

.bld .art-body-main ol {
    padding-left: 24px;
    margin: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.bld .art-body-main li {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #C9CCDB
}

.bld .art-body-main table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 16px;
    line-height: 1.4;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 7px 20px 0 #a0bc341c
}

.bld .art-body-main caption {
    font-size: 16px;
    line-height: 1.4;
    color: #c9ccdb8c;
    text-align: left;
    padding: 0 0 8px;
    letter-spacing: .01em
}

.bld .art-body-main th {
    background: #a0bc3426;
    color: #A0BC34;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .02em;
    padding: 16px;
    text-align: left;
    border-bottom: 1px solid #a0bc344d
}

.bld .art-body-main td {
    padding: 16px;
    color: #C9CCDB;
    border-bottom: 1px solid #c9ccdb14;
    vertical-align: top
}

.bld .art-body-main tr:last-child td {
    border-bottom: none
}

.bld .art-body-main tr:nth-child(even) td {
    background: #c9ccdb08
}

.bld .art-body-main figure {
    margin: 24px 0;
    border-radius: 4px;
    overflow: hidden
}

.bld .art-body-main figure img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 4px
}

.bld .art-body-main figcaption {
    font-size: 16px;
    line-height: 1.4;
    color: #c9ccdb80;
    padding: 8px 0 0;
    letter-spacing: .01em
}

.bld .aside-stat {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    background: #dabbc60f;
    border-radius: 4px;
    border-top: 2px solid #DABBC6;
    box-shadow: 0 3px 5px 0 #a0bc3412
}

.bld .aside-stat .st-lbl {
    font-size: 16px;
    line-height: 1.4;
    color: #c9ccdb8c;
    letter-spacing: .02em
}

.bld .aside-stat .st-val {
    font-size: 44px;
    line-height: 1.15;
    color: #DABBC6;
    letter-spacing: .01em
}

.bld .aside-stat .st-desc {
    font-size: 16px;
    line-height: 1.4;
    color: #c9ccdbb3
}

.bld .aside-nav {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.bld .aside-nav a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1.4;
    color: #c9ccdbb3;
    text-decoration: none;
    padding: 8px 0;
    border-bottom: 1px solid #c9ccdb14;
    letter-spacing: .01em;
    transition: color .5s ease-in-out
}

.bld .aside-nav a:hover {
    color: #A0BC34
}

.bld .aside-nav a .arr {
    display: inline-block;
    width: 16px;
    height: 1px;
    background: currentColor;
    flex-shrink: 0;
    position: relative;
    transition: width .45s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.bld .aside-nav a .arr::after {
    content: '';
    position: absolute;
    right: 0;
    top: -3px;
    width: 6px;
    height: 6px;
    border-right: 1px solid currentColor;
    border-top: 1px solid currentColor;
    transform: rotate(45deg)
}

.bld .aside-nav a:hover .arr {
    width: 24px
}

.bld .aside-lbl {
    font-size: 16px;
    line-height: 1.4;
    color: #A0BC34;
    letter-spacing: .02em;
    margin-bottom: 8px
}

.bld .pat-sec {
    position: relative
}

.bld .pat-sec .pat-bg {
    position: absolute;
    inset: 0;
    opacity: .03;
    pointer-events: none
}

.bld .art-divider {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
    margin: 0
}

.bld .art-divider .d-long {
    flex: 3 1 0;
    height: 1px;
    background: linear-gradient(90deg, #A0BC34 50%, #a0bc3433 50%)
}

.bld .art-divider .d-short {
    flex: 1 1 0;
    height: 1px;
    background: #c9ccdb1a
}

.bld .blur-spot {
    position: absolute;
    border-radius: 36px;
    pointer-events: none;
    filter: blur(60px);
    z-index: 0
}

.bld .blur-spot.bs1 {
    width: 300px;
    height: 200px;
    background: #a0bc3412;
    top: 40px;
    right: 80px
}

.bld .blur-spot.bs2 {
    width: 200px;
    height: 150px;
    background: #dabbc60d;
    bottom: 80px;
    left: 40px
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-32px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.bld .art-label {
    animation: slideInLeft .55s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation-delay: .05s
}

.bld .art-h1 {
    animation: slideInLeft .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation-delay: .15s
}

.bld .art-meta-row {
    animation: slideInLeft .55s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation-delay: .25s
}

.bld .art-img-wrap {
    animation: slideInLeft .65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation-delay: .1s
}

.bld .art-side-accent {
    animation: slideInLeft .55s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation-delay: .3s
}

.bld .art-body-main {
    animation: slideInLeft .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation-delay: .35s
}

.bld .art-body-aside {
    animation: slideInLeft .55s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation-delay: .45s
}

.bld :focus-visible {
    outline: 2px solid #A0BC34 !important;
    outline-offset: 3px !important;
    border-radius: 4px !important
}

@media (max-width: 1280px) {
    .bld .art-head .pg-wrap {
        flex-direction: column;
        gap: 40px
    }

    .bld .art-head-right {
        flex: none;
        max-width: 100%;
        flex-direction: row;
        flex-wrap: wrap
    }

    .bld .art-img-wrap {
        flex: 1 1 280px
    }

    .bld .art-side-accent {
        flex: 1 1 200px
    }
}

@media (max-width: 768px) {
    .bld .pg-wrap {
        padding: 0 16px
    }

    .bld .art-head {
        padding: 40px 0 24px
    }

    .bld .art-h1 {
        font-size: 44px
    }

    .bld .art-h1 .fw {
        font-size: 60px
    }

    .bld .art-head .pg-wrap {
        gap: 24px
    }

    .bld .art-head-right {
        flex-direction: column;
        max-width: 100%
    }

    .bld .art-img-wrap img {
        height: 180px
    }

    .bld .art-body-sec {
        padding: 40px 0
    }

    .bld .art-body-sec .pg-wrap {
        flex-direction: column;
        gap: 40px
    }

    .bld .art-body-aside {
        flex-direction: row;
        flex-wrap: wrap
    }

    .bld .aside-stat {
        flex: 1 1 200px
    }

    .bld .aside-nav {
        flex: 1 1 200px
    }

    .bld .art-meta-row {
        flex-wrap: wrap;
        gap: 16px
    }

    .bld .art-body-main h2 .fw {
        font-size: 32px
    }
}

.infog {
    background: #18191e;
    min-height: 100vh;
    overflow-x: clip;
    position: relative
}

.infog .strip-band {
    height: 4px;
    background: #A0BC34;
    width: 100%
}

.infog .tb {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px
}

.infog .tb-img-strip {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0
}

.infog .tb-img-strip img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
    display: block;
    filter: saturate(0.7) brightness(0.72);
    transition: filter .55s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.infog .tb-img-strip:hover img {
    filter: saturate(1) brightness(0.88)
}

.infog .tb-img-dot-border {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #A0BC34 1px, transparent 1px), radial-gradient(circle, #A0BC34 2px, transparent 2px), radial-gradient(circle, #A0BC34 1.5px, transparent 1.5px);
    background-size: 18px 18px, 36px 36px, 54px 54px;
    background-position: 0 0, 9px 9px, 27px 27px;
    opacity: .18
}

.infog .tb-text {
    background: #1e2027;
    border-radius: 0 0 4px 4px;
    padding: 40px;
    border-top: 3px solid #A0BC34
}

.infog .tb-text h1 {
    font-size: 60px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #eef0f5;
    margin: 0 0 16px
}

.infog .tb-text h1 .big-word {
    font-size: 70px;
    color: #A0BC34;
    display: inline-block;
    line-height: 1.15
}

.infog .tb-text .slogan {
    font-size: 24px;
    line-height: 1.4;
    color: #C9CCDB;
    margin: 0;
    letter-spacing: .015em;
    font-style: italic;
    max-width: 720px
}

@keyframes aurora-shift {
    0% {
        background-position: 0 50%
    }

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

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

.infog .metrics-bg {
    background: linear-gradient(127deg, #1a2010 0%, #1a2010 48%, #1e1a24 48%, #1e1a24 100%);
    background-size: 300% 300%;
    animation: aurora-shift 9s ease-in-out infinite;
    padding: 80px 0;
    position: relative
}

.infog .metrics-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at 20% 80%, #a0bc3412 0%, transparent 55%), radial-gradient(circle at 80% 20%, #dabbc60f 0%, transparent 55%);
    pointer-events: none
}

.infog .metrics-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px
}

.infog .metrics-head {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 40px
}

.infog .metrics-head h2 {
    font-size: 44px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #eef0f5;
    margin: 0;
    max-width: 560px
}

.infog .metrics-head h2 .big-word {
    font-size: 60px;
    color: #A0BC34;
    display: inline-block;
    line-height: 1.15
}

.infog .metrics-head .sub-note {
    font-size: 16px;
    line-height: 1.65;
    color: #C9CCDB;
    max-width: 320px;
    letter-spacing: .01em;
    margin: 0
}

.infog .cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.infog .card {
    background: #232530;
    border-radius: 4px;
    padding: 40px 24px 24px;
    box-shadow: 0 7px 20px 0 #a0bc341c;
    position: relative;
    transition: box-shadow .55s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: default
}

.infog .cards-grid:hover .card {
    filter: blur(1.5px);
    opacity: .7;
    transition: filter .55s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.infog .cards-grid .card:hover {
    filter: blur(0) !important;
    opacity: 1 !important;
    box-shadow: 0 10px 36px 0 #a0bc3424;
    transform: translateY(-4px)
}

.infog .card .badge {
    position: absolute;
    top: -12px;
    right: 16px;
    background: #A0BC34;
    color: #18191e;
    font-size: 16px;
    font-weight: 700;
    border-radius: 36px;
    padding: 4px 16px;
    letter-spacing: .01em;
    box-shadow: 0 3px 5px 0 #a0bc3412
}

.infog .card .card-num {
    font-size: 60px;
    line-height: 1.15;
    color: #A0BC34;
    font-weight: 700;
    letter-spacing: .01em;
    margin: 0 0 8px;
    display: block
}

.infog .card .card-label {
    font-size: 24px;
    line-height: 1.4;
    color: #eef0f5;
    letter-spacing: .01em;
    margin: 0 0 16px
}

.infog .card .card-desc {
    font-size: 16px;
    line-height: 1.65;
    color: #C9CCDB;
    margin: 0;
    letter-spacing: .01em
}

.infog .card .card-accent {
    color: #A0BC34
}

.infog .div-band {
    height: 3px;
    background: linear-gradient(90deg, #DABBC6 0%, #DABBC6 50%, #A0BC34 50%, #A0BC34 100%);
    width: 100%
}

.infog .inf-sec {
    padding: 80px 0;
    background: #18191e;
    position: relative
}

.infog .inf-sec::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 340px;
    height: 340px;
    background-image: radial-gradient(circle, #C9CCDB 1.5px, transparent 1.5px), radial-gradient(circle, #DABBC6 2.5px, transparent 2.5px);
    background-size: 22px 22px, 44px 44px;
    opacity: .09;
    pointer-events: none;
    border-radius: 4px;
    overflow: hidden
}

.infog .inf-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px
}

.infog .inf-top {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
    align-items: start
}

.infog .inf-top h3 {
    font-size: 44px;
    line-height: 1.15;
    color: #eef0f5;
    letter-spacing: .01em;
    margin: 0 0 16px
}

.infog .inf-top h3 .big-word {
    font-size: 60px;
    color: #DABBC6;
    display: inline-block;
    line-height: 1.15
}

.infog .inf-top .main-p {
    font-size: 16px;
    line-height: 1.65;
    color: #C9CCDB;
    margin: 0;
    letter-spacing: .01em
}

.infog .inf-top .side-p {
    font-size: 16px;
    line-height: 1.85;
    color: #C9CCDB;
    margin: 0;
    letter-spacing: .01em;
    padding-top: 8px;
    border-top: 1px solid #c9ccdb2e
}

.infog .inf-top .side-p .card-accent {
    color: #A0BC34
}

.infog .steps-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 40px
}

.infog .step {
    background: #1e2027;
    border-radius: 4px;
    padding: 24px 16px;
    box-shadow: 0 3px 5px 0 #a0bc3412;
    position: relative;
    transition: box-shadow .6s ease-in-out, background .5s ease-in-out
}

.infog .steps-row:hover .step {
    filter: blur(1px);
    opacity: .65;
    transition: filter .55s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.infog .steps-row .step:hover {
    filter: blur(0) !important;
    opacity: 1 !important;
    background: #252833;
    box-shadow: 0 7px 20px 0 #a0bc341c
}

.infog .step .step-num {
    font-size: 44px;
    font-weight: 700;
    color: #a0bc342e;
    line-height: 1.15;
    letter-spacing: .01em;
    display: block;
    margin-bottom: 8px
}

.infog .step h5 {
    font-size: 16px;
    line-height: 1.4;
    color: #eef0f5;
    margin: 0 0 8px;
    letter-spacing: .015em
}

.infog .step p {
    font-size: 16px;
    line-height: 1.65;
    color: #C9CCDB;
    margin: 0;
    letter-spacing: .01em
}

.infog .ratio-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px
}

.infog .ratio-card {
    background: #1e2027;
    border-radius: 4px;
    padding: 24px;
    box-shadow: 0 7px 20px 0 #c9ccdb1c;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: box-shadow .55s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.infog .ratio-card:hover {
    box-shadow: 0 10px 36px 0 #c9ccdb24
}

.infog .ratio-card .rc-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.infog .ratio-card .rc-head h6 {
    font-size: 24px;
    line-height: 1.4;
    color: #eef0f5;
    margin: 0;
    letter-spacing: .01em
}

.infog .ratio-card .rc-badge {
    background: #dabbc621;
    color: #DABBC6;
    font-size: 16px;
    border-radius: 36px;
    padding: 4px 16px;
    white-space: nowrap;
    letter-spacing: .01em
}

.infog .ratio-card .rc-bar-wrap {
    background: #2a2d38;
    border-radius: 4px;
    height: 8px;
    width: 100%;
    overflow: hidden
}

.infog .ratio-card .rc-bar {
    height: 100%;
    border-radius: 4px;
    background: #A0BC34;
    transition: width .65s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.infog .ratio-card .rc-desc {
    font-size: 16px;
    line-height: 1.65;
    color: #C9CCDB;
    margin: 0;
    letter-spacing: .01em
}

.infog .ratio-card .rc-formula {
    display: inline-block;
    background: #2a2d38;
    color: #A0BC34;
    font-size: 16px;
    border-radius: 4px;
    padding: 4px 16px;
    letter-spacing: .02em;
    box-shadow: inset 0 1px 2px #a0bc3412
}

@media (max-width: 1280px) {
    .infog .cards-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .infog .steps-row {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 768px) {
    .infog .tb {
        padding: 0 16px
    }

    .infog .tb-img-strip {
        height: 120px
    }

    .infog .tb-text {
        padding: 24px 16px
    }

    .infog .tb-text h1 {
        font-size: 32px
    }

    .infog .tb-text h1 .big-word {
        font-size: 44px
    }

    .infog .tb-text .slogan {
        font-size: 16px
    }

    .infog .metrics-bg {
        padding: 40px 0
    }

    .infog .metrics-inner {
        padding: 0 16px
    }

    .infog .metrics-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px
    }

    .infog .metrics-head h2 {
        font-size: 32px
    }

    .infog .metrics-head h2 .big-word {
        font-size: 44px
    }

    .infog .cards-grid {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .infog .inf-sec {
        padding: 40px 0
    }

    .infog .inf-inner {
        padding: 0 16px
    }

    .infog .inf-top {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 24px
    }

    .infog .inf-top h3 {
        font-size: 32px
    }

    .infog .inf-top h3 .big-word {
        font-size: 44px
    }

    .infog .steps-row {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 24px
    }

    .infog .ratio-grid {
        grid-template-columns: 1fr;
        gap: 16px
    }
}

.blg {
    background-color: #18191f;
    color: #C9CCDB;
    overflow-x: hidden;
    position: relative
}

.blg .pg-wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px
}

.blg .pg-top {
    padding: 80px 24px 40px;
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: end
}

.blg .pg-top-label {
    font-size: 16px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #A0BC34;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px
}

.blg .pg-top-label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 2px;
    background: #A0BC34
}

.blg .pg-h1 {
    font-size: 60px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #e8eaf0;
    margin: 0
}

.blg .pg-h1 span {
    color: #A0BC34
}

.blg .pg-desc {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #9a9db5;
    max-width: 380px;
    align-self: end
}

.blg .pg-desc strong {
    color: #C9CCDB
}

.blg .divider-zz {
    width: 100%;
    display: block;
    line-height: 0;
    margin: 16px 0
}

.blg .post-count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #A0BC34;
    color: #18191f;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .02em;
    border-radius: 36px;
    padding: 4px 16px;
    margin-bottom: 24px;
    box-shadow: 0 3px 5px 0 #a0bc3412
}

.blg .posts-grid-area {
    padding: 0 24px 80px;
    max-width: 1280px;
    margin: 0 auto
}

.blg .posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.blg .post-card {
    background: #22242d;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 7px 20px 0 #a0bc341c;
    transition: box-shadow .55s ease-in-out, transform .55s ease-in-out;
    position: relative
}

.blg .post-card:hover {
    box-shadow: 0 10px 36px 0 #a0bc3424;
    transform: translateY(-4px)
}

.blg .post-card.featured {
    grid-column: span 2;
    grid-row: span 2
}

.blg .post-img-wrap {
    position: relative;
    overflow: hidden
}

.blg .post-card.featured .post-img-wrap {
    height: 320px
}

.blg .post-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: saturate(0.55) brightness(0.85);
    transition: filter .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform .65s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.blg .post-card:hover .post-img-wrap img {
    filter: saturate(1) brightness(1);
    transform: scale(1.04)
}

.blg .post-img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, #22242d 100%);
    pointer-events: none
}

.blg .post-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1
}

.blg .post-tag {
    display: inline-block;
    font-size: 16px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #A0BC34;
    font-weight: 600
}

.blg .post-h {
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #e8eaf0;
    margin: 0;
    transition: color .5s ease-in-out
}

.blg .post-card.featured .post-h {
    font-size: 32px;
    line-height: 1.15
}

.blg .post-card:hover .post-h {
    color: #A0BC34
}

.blg .post-p {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #8a8da6;
    margin: 0;
    flex: 1
}

.blg .post-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    letter-spacing: .02em;
    color: #C9CCDB;
    text-decoration: none;
    transition: color .5s ease-in-out;
    align-self: flex-start
}

.blg .post-link svg {
    transition: transform .5s ease-in-out
}

.blg .post-link:hover {
    color: #A0BC34
}

.blg .post-link:hover svg {
    transform: translateX(5px)
}

.blg .post-link:focus-visible {
    outline: 2px solid #A0BC34;
    outline-offset: 3px;
    border-radius: 4px
}

.blg .post-card-sm .post-img-wrap {
    height: 160px
}

.blg .divider-zz2 {
    width: 100%;
    display: block;
    line-height: 0;
    margin: 0
}

.blg .about-strip {
    position: relative;
    padding: 80px 24px;
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 40px;
    align-items: center
}

.blg .about-strip::before {
    content: '';
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #A0BC34 50%, transparent)
}

.blg .about-h2 {
    font-size: 44px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #e8eaf0;
    margin: 0 0 16px
}

.blg .about-h2 em {
    font-style: normal;
    color: #A0BC34
}

.blg .about-text {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #8a8da6;
    margin: 0
}

.blg .about-text span {
    color: #C9CCDB
}

.blg .about-stat-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-end
}

.blg .stat-item {
    text-align: right
}

.blg .stat-num {
    font-size: 44px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #A0BC34;
    display: block
}

.blg .stat-lbl {
    font-size: 16px;
    letter-spacing: .02em;
    color: #6b6f88;
    display: block
}

.blg .topics-seg {
    background: #1c1e26;
    padding: 80px 24px;
    position: relative;
    overflow: hidden
}

.blg .topics-seg-inner {
    max-width: 1280px;
    margin: 0 auto
}

.blg .topics-seg-bg {
    position: absolute;
    inset: 0;
    pointer-events: none
}

.blg .topics-seg-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(127deg, #1c1e26 50%, #22242d 50%);
    pointer-events: none
}

.blg .topics-h2 {
    font-size: 44px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #e8eaf0;
    margin: 0 0 40px;
    position: relative;
    z-index: 1
}

.blg .topics-h2 strong {
    color: #A0BC34
}

.blg .topics-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    position: relative;
    z-index: 1
}

.blg .topic-item {
    background: #22242d;
    border-radius: 4px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-shadow: 0 3px 5px 0 #c9ccdb12;
    transition: box-shadow .5s ease-in-out;
    position: relative
}

.blg .topic-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #A0BC34;
    border-radius: 4px 4px 0 0;
    opacity: 0;
    transition: opacity .5s ease-in-out
}

.blg .topic-item:hover::after {
    opacity: 1
}

.blg .topic-item:hover {
    box-shadow: 0 7px 20px 0 #c9ccdb1c
}

.blg .topic-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 8px
}

.blg .topic-name {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .02em;
    color: #e8eaf0
}

.blg .topic-desc {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #6b6f88;
    margin: 0
}

.blg .newsletter-seg {
    padding: 80px 24px;
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center
}

.blg .nl-img-wrap {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    height: 320px;
    box-shadow: 0 10px 36px 0 #a0bc3424
}

.blg .nl-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: sepia(0.4) contrast(1.1) brightness(0.8);
    transition: filter .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform .65s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.blg .nl-img-wrap:hover img {
    filter: saturate(0) brightness(0.7)
}

.blg .nl-img-corner {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 48px 48px;
    border-color: transparent transparent #A0BC34;
    pointer-events: none
}

.blg .nl-img-corner-tl {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 48px 48px 0 0;
    border-color: #A0BC34 transparent transparent;
    pointer-events: none
}

.blg .nl-form-col {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.blg .nl-h2 {
    font-size: 44px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #e8eaf0;
    margin: 0
}

.blg .nl-h2 span {
    color: #A0BC34
}

.blg .nl-sub {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #8a8da6;
    margin: 0
}

.blg .nl-form {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.blg .nl-field {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.blg .nl-label {
    font-size: 16px;
    letter-spacing: .02em;
    color: #C9CCDB
}

.blg .nl-input {
    background: #22242d;
    border: 1px solid #2e3040;
    border-radius: 4px;
    padding: 16px;
    font-size: 16px;
    color: #e8eaf0;
    letter-spacing: .01em;
    outline: none;
    transition: border-color .5s ease-in-out, box-shadow .5s ease-in-out;
    box-shadow: inset 0 1px 2px 0 #a0bc3412
}

.blg .nl-input::placeholder {
    color: #4a4d62
}

.blg .nl-input:focus {
    border-color: #A0BC34;
    box-shadow: inset 0 1px 2px 0 #a0bc3412 0 0 0 2px #a0bc342e
}

.blg .nl-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: 1px solid #A0BC34;
    border-radius: 4px;
    padding: 16px 24px;
    font-size: 16px;
    letter-spacing: .05em;
    color: #A0BC34;
    cursor: pointer;
    align-self: flex-start;
    transition: background .5s ease-in-out, color .5s ease-in-out;
    position: relative
}

.blg .nl-btn:hover {
    background: #A0BC34;
    color: #18191f
}

.blg .nl-btn:focus-visible {
    outline: 2px solid #A0BC34;
    outline-offset: 3px
}

.blg .nl-btn .btn-arrow {
    transition: transform .5s ease-in-out
}

.blg .nl-btn:hover .btn-arrow {
    transform: translateX(4px)
}

.blg .nl-spinner {
    display: none;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 36px;
    animation: spin .7s linear infinite
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

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

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

.blg .pg-top {
    animation: reveal-rotate .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
}

.blg .posts-grid {
    animation: reveal-rotate .65s cubic-bezier(0.25, 0.46, 0.45, 0.94) .1s both
}

.blg .topics-grid {
    animation: reveal-rotate .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) .05s both
}

@media (max-width: 1280px) {
    .blg .posts-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .blg .post-card.featured {
        grid-column: span 2;
        grid-row: span 1
    }

    .blg .post-card.featured .post-img-wrap {
        height: 240px
    }

    .blg .topics-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 768px) {
    .blg .pg-top {
        grid-template-columns: 1fr;
        padding: 40px 16px 24px;
        gap: 16px
    }

    .blg .pg-h1 {
        font-size: 44px
    }

    .blg .posts-grid-area {
        padding: 0 16px 40px
    }

    .blg .posts-grid {
        grid-template-columns: 1fr
    }

    .blg .post-card.featured {
        grid-column: span 1
    }

    .blg .about-strip {
        grid-template-columns: 1fr;
        padding: 40px 16px
    }

    .blg .about-stat-col {
        flex-direction: row;
        align-items: flex-start
    }

    .blg .stat-item {
        text-align: left
    }

    .blg .topics-seg {
        padding: 40px 16px
    }

    .blg .topics-grid {
        grid-template-columns: 1fr
    }

    .blg .newsletter-seg {
        grid-template-columns: 1fr;
        padding: 40px 16px
    }

    .blg .nl-img-wrap {
        height: 200px
    }

    .blg .nl-h2 {
        font-size: 32px
    }

    .blg .about-h2 {
        font-size: 32px
    }

    .blg .topics-h2 {
        font-size: 32px
    }
}

.abt-auth {
    background: #181a1b;
    color: #C9CCDB;
    overflow-x: clip
}

.abt-auth .pg-entry {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 92vh;
    position: relative
}

.abt-auth .pg-entry .img-side {
    position: relative;
    overflow: hidden
}

.abt-auth .pg-entry .img-side img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    animation: imgReveal 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
}

@keyframes imgReveal {
    from {
        transform: scale(1.08) translateX(24px);
        opacity: 0
    }

    to {
        transform: scale(1) translateX(0);
        opacity: 1
    }
}

.abt-auth .pg-entry .img-side::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(157deg, #a0bc3461 0%, #dabbc62e 100%);
    mix-blend-mode: multiply;
    transition: opacity .55s ease-in-out;
    pointer-events: none
}

.abt-auth .pg-entry .img-side:hover::after {
    opacity: 0
}

.abt-auth .pg-entry .circ-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden
}

.abt-auth .pg-entry .circ-bg span {
    position: absolute;
    border-radius: 50%;
    border: 1px solid #a0bc3417
}

.abt-auth .pg-entry .circ-bg span:nth-child(1) {
    width: 320px;
    height: 320px;
    top: -80px;
    right: -60px
}

.abt-auth .pg-entry .circ-bg span:nth-child(2) {
    width: 200px;
    height: 200px;
    top: 40px;
    right: -20px
}

.abt-auth .pg-entry .circ-bg span:nth-child(3) {
    width: 480px;
    height: 480px;
    bottom: -160px;
    right: -140px;
    border-color: #dabbc60f
}

.abt-auth .pg-entry .txt-side {
    padding: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background: #1e2022;
    animation: slideRight .65s cubic-bezier(0.25, 0.46, 0.45, 0.94) .15s both
}

@keyframes slideRight {
    from {
        transform: translateX(48px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

.abt-auth .pg-entry .eyebrow {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #A0BC34;
    margin-bottom: 24px;
    display: block
}

.abt-auth .pg-entry .name-h {
    font-size: 60px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #C9CCDB;
    margin: 0 0 8px
}

.abt-auth .pg-entry .name-h em {
    font-style: normal;
    font-size: 70px;
    color: #A0BC34;
    display: block;
    line-height: 1.15
}

.abt-auth .pg-entry .role-tag {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .02em;
    color: #DABBC6;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px dotted #c9ccdb33
}

.abt-auth .pg-entry .role-tag::after {
    content: "";
    display: block;
    margin-top: 8px;
    width: 40px;
    height: 1px;
    background: #A0BC34
}

.abt-auth .pg-entry .entry-desc {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #C9CCDB;
    margin: 0 0 40px;
    max-width: 480px
}

.abt-auth .pg-entry .entry-desc .acc {
    color: #A0BC34
}

.abt-auth .pg-entry .metrics-row {
    display: flex;
    flex-direction: row;
    gap: 40px;
    animation: slideRight .65s cubic-bezier(0.25, 0.46, 0.45, 0.94) .35s both
}

.abt-auth .pg-entry .met-item {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.abt-auth .pg-entry .met-num {
    font-size: 44px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #A0BC34
}

.abt-auth .pg-entry .met-lbl {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .02em;
    color: #c9ccdba6
}

.abt-auth .pg-entry .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .02em;
    color: #A0BC34;
    text-decoration: none;
    margin-top: 40px;
    transition: color .55s ease-in-out;
    align-self: flex-start
}

.abt-auth .pg-entry .nav-link svg {
    transition: transform .45s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.abt-auth .pg-entry .nav-link:hover {
    color: #C9CCDB
}

.abt-auth .pg-entry .nav-link:hover svg {
    transform: translateX(6px)
}

.abt-auth .depth-blk {
    position: relative;
    background: #232527;
    padding: 80px 0;
    overflow: hidden
}

.abt-auth .depth-blk::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: repeating-linear-gradient(90deg, #A0BC34 0px, #A0BC34 4px, transparent 4px, transparent 12px)
}

.abt-auth .depth-blk::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: repeating-linear-gradient(90deg, #DABBC6 0px, #DABBC6 4px, transparent 4px, transparent 12px)
}

.abt-auth .depth-blk .db-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px
}

.abt-auth .depth-blk .db-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 80px;
    align-items: start
}

.abt-auth .depth-blk .sec-label {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #DABBC6;
    display: block;
    margin-bottom: 24px
}

.abt-auth .depth-blk .db-h2 {
    font-size: 44px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #C9CCDB;
    margin: 0 0 24px
}

.abt-auth .depth-blk .db-h2 strong {
    font-size: 60px;
    color: #A0BC34;
    display: block;
    line-height: 1.15
}

.abt-auth .depth-blk .db-cols {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
    margin-top: 24px
}

.abt-auth .depth-blk .db-p {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #C9CCDB;
    margin: 0 0 16px
}

.abt-auth .depth-blk .db-p .acc {
    color: #A0BC34
}

.abt-auth .depth-blk .aside-note {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #c9ccdbb3;
    margin: 0
}

.abt-auth .depth-blk .portrait-stack {
    display: flex;
    flex-direction: column;
    gap: 24px;
    animation: slideRight .65s cubic-bezier(0.25, 0.46, 0.45, 0.94) .25s both
}

.abt-auth .depth-blk .prof-item {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    padding: 24px;
    background: #2a2d30;
    border-radius: 4px;
    box-shadow: 0 7px 20px 0 #a0bc341c;
    transition: box-shadow .55s ease-in-out
}

.abt-auth .depth-blk .prof-item:hover {
    box-shadow: 0 10px 36px 0 #a0bc3424
}

.abt-auth .depth-blk .prof-img {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    overflow: hidden
}

.abt-auth .depth-blk .prof-img img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    object-position: center;
    display: block
}

.abt-auth .depth-blk .prof-name {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #C9CCDB;
    margin: 0 0 8px;
    font-weight: 600
}

.abt-auth .depth-blk .prof-role {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .02em;
    color: #DABBC6;
    margin: 0 0 8px;
    font-size: 16px
}

.abt-auth .depth-blk .prof-quote {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #c9ccdbb3;
    margin: 0
}

.abt-auth .depth-blk .img-mosaic {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 16px;
    margin-top: 40px
}

.abt-auth .depth-blk .mos-item {
    overflow: hidden;
    border-radius: 4px;
    position: relative
}

.abt-auth .depth-blk .mos-item.wide {
    grid-column: 1 / -1
}

.abt-auth .depth-blk .mos-item img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform .65s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.abt-auth .depth-blk .mos-item.wide img {
    height: 220px
}

.abt-auth .depth-blk .mos-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(157deg, #a0bc346b 0%, #dabbc638 100%);
    mix-blend-mode: multiply;
    transition: opacity .55s ease-in-out;
    pointer-events: none
}

.abt-auth .depth-blk .mos-item:hover img {
    transform: scale(1.05)
}

.abt-auth .depth-blk .mos-item:hover::after {
    opacity: 0
}

.abt-auth .depth-blk .skills-strip {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 40px
}

.abt-auth .depth-blk .skill-tag {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .02em;
    color: #C9CCDB;
    padding: 8px 16px;
    border: 1px solid #a0bc344d;
    border-radius: 4px;
    transition: color .45s ease-in-out, border-color .45s ease-in-out;
    cursor: default
}

.abt-auth .depth-blk .skill-tag:hover {
    color: #A0BC34;
    border-color: #A0BC34
}

.abt-auth .depth-blk .dashed-frame {
    margin-top: 40px;
    padding: 24px;
    border: 2px dashed #a0bc3459;
    border-radius: 4px;
    position: relative
}

.abt-auth .depth-blk .dashed-frame .frame-entry {
    position: absolute;
    top: -1px;
    left: 24px;
    background: #232527;
    padding: 0 8px;
    font-size: 16px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #A0BC34
}

.abt-auth .depth-blk .dashed-frame .frame-exit {
    position: absolute;
    bottom: -1px;
    right: 24px;
    background: #232527;
    padding: 0 8px;
    font-size: 16px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #DABBC6
}

.abt-auth .depth-blk .frame-body {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #C9CCDB;
    margin: 0
}

.abt-auth .depth-blk .frame-body .acc {
    color: #A0BC34
}

.abt-auth .depth-blk .infog-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .02em;
    color: #DABBC6;
    text-decoration: none;
    margin-top: 24px;
    transition: color .55s ease-in-out
}

.abt-auth .depth-blk .infog-link svg {
    transition: transform .45s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.abt-auth .depth-blk .infog-link:hover {
    color: #A0BC34
}

.abt-auth .depth-blk .infog-link:hover svg {
    transform: translateX(5px)
}

.abt-auth .depth-blk .anchor-icon {
    display: block;
    margin-bottom: 24px
}

@media (max-width: 1280px) {
    .abt-auth .pg-entry {
        grid-template-columns: 1fr 1fr
    }

    .abt-auth .pg-entry .txt-side {
        padding: 40px
    }

    .abt-auth .depth-blk .db-grid {
        gap: 40px
    }
}

@media (max-width: 768px) {
    .abt-auth .pg-entry {
        grid-template-columns: 1fr
    }

    .abt-auth .pg-entry .img-side {
        height: 320px
    }

    .abt-auth .pg-entry .txt-side {
        padding: 40px 24px
    }

    .abt-auth .pg-entry .name-h {
        font-size: 44px
    }

    .abt-auth .pg-entry .name-h em {
        font-size: 44px
    }

    .abt-auth .pg-entry .metrics-row {
        flex-wrap: wrap;
        gap: 24px
    }

    .abt-auth .depth-blk .db-inner {
        padding: 0 24px
    }

    .abt-auth .depth-blk .db-grid {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .abt-auth .depth-blk .db-cols {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .abt-auth .depth-blk .db-h2 strong {
        font-size: 44px
    }

    .abt-auth .depth-blk .img-mosaic {
        grid-template-columns: 1fr
    }

    .abt-auth .depth-blk .mos-item.wide {
        grid-column: auto
    }
}

.spk {
    background: #18191f;
    color: #C9CCDB;
    overflow-x: clip;
    position: relative
}

.spk .reveal-left {
    opacity: 0;
    transform: translateX(-48px);
    animation: slideLeft .58s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.spk .reveal-left:nth-child(2) {
    animation-delay: .12s
}

.spk .reveal-left:nth-child(3) {
    animation-delay: .24s
}

.spk .reveal-left:nth-child(4) {
    animation-delay: .36s
}

@keyframes slideLeft {
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.spk .pg-top {
    display: grid;
    grid-template-columns: 1fr 320px;
    min-height: 520px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 40px;
    gap: 40px;
    align-items: start;
    position: relative
}

.spk .pg-top-circles {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    border-radius: 4px
}

.spk .pg-top-circles::before {
    content: '';
    position: absolute;
    width: 380px;
    height: 380px;
    border-radius: 36px;
    border: 1px solid #a0bc3414;
    top: -80px;
    left: -100px
}

.spk .pg-top-circles::after {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 36px;
    border: 1px solid #c9ccdb0f;
    bottom: 40px;
    left: 180px
}

.spk .pg-txt {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    z-index: 1
}

.spk .pg-label {
    font-size: 16px;
    letter-spacing: .14em;
    color: #A0BC34;
    text-transform: uppercase;
    line-height: 1.4
}

.spk .pg-h1 {
    font-size: 60px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #C9CCDB;
    margin: 0
}

.spk .pg-h1 em {
    font-style: normal;
    font-size: 70px;
    color: #A0BC34;
    display: block;
    line-height: 1.05
}

.spk .pg-sub {
    font-size: 16px;
    line-height: 1.65;
    color: #C9CCDB;
    max-width: 520px;
    opacity: .85
}

.spk .pg-img-strip {
    position: relative;
    align-self: stretch
}

.spk .pg-img-strip img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 4px;
    filter: saturate(0.35) contrast(1.1);
    transition: filter .55s ease-in-out;
    min-height: 360px
}

.spk .pg-img-strip:hover img {
    filter: saturate(1) contrast(1.05)
}

.spk .pg-img-strip::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, #a0bc342e 0%, #a0bc3400 55%);
    border-radius: 4px;
    z-index: 1;
    pointer-events: none;
    transition: opacity .55s ease-in-out
}

.spk .pg-img-strip:hover::before {
    opacity: 0
}

.spk .pg-bracket {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 28px;
    height: 28px;
    border-top: 2px solid #A0BC34;
    border-left: 2px solid #A0BC34;
    border-radius: 4px 0 0 0;
    z-index: 2;
    pointer-events: none
}

.spk .pg-bracket.br {
    top: auto;
    left: auto;
    bottom: -8px;
    right: -8px;
    border-top: none;
    border-left: none;
    border-bottom: 2px solid #A0BC34;
    border-right: 2px solid #A0BC34;
    border-radius: 0 0 4px 0
}

.spk .divider-tri {
    width: 100%;
    line-height: 0;
    overflow: hidden
}

.spk .divider-tri svg {
    display: block;
    width: 100%
}

.spk .talks-sec {
    background: #13141a;
    padding: 80px 0 0;
    position: relative
}

.spk .talks-sec::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 70% 60% at 80% 40%, #dabbc60a 0%, #dabbc600 60%);
    pointer-events: none
}

.spk .talks-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px 80px
}

.spk .talks-head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
    align-items: end
}

.spk .talks-h2 {
    font-size: 44px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #C9CCDB;
    margin: 0
}

.spk .talks-h2 strong {
    font-size: 60px;
    color: #DABBC6;
    display: block;
    line-height: 1.1
}

.spk .talks-intro {
    font-size: 16px;
    line-height: 1.65;
    color: #C9CCDB;
    opacity: .8
}

.spk .talks-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.spk .talk-card {
    background: #18191f;
    border-radius: 4px;
    padding: 24px;
    position: relative;
    box-shadow: 0 7px 20px 0 #a0bc341c;
    transition: box-shadow .52s ease-in-out;
    overflow: hidden
}

.spk .talk-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #A0BC34;
    border-radius: 4px 4px 0 0
}

.spk .talk-card.alt::before {
    background: #DABBC6
}

.spk .talk-card.sec::before {
    background: #C9CCDB
}

.spk .talk-card:hover {
    box-shadow: 0 10px 36px 0 #a0bc3424
}

.spk .talk-venue {
    font-size: 16px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #A0BC34;
    line-height: 1.4;
    margin-bottom: 8px
}

.spk .talk-card.alt .talk-venue {
    color: #DABBC6
}

.spk .talk-card.sec .talk-venue {
    color: #C9CCDB
}

.spk .talk-h4 {
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #C9CCDB;
    margin: 0 0 16px
}

.spk .talk-desc {
    font-size: 16px;
    line-height: 1.65;
    color: #C9CCDB;
    opacity: .75;
    margin: 0
}

.spk .talk-tag {
    display: inline-block;
    margin-top: 16px;
    font-size: 16px;
    color: #A0BC34;
    border: 1px solid #a0bc344d;
    border-radius: 4px;
    padding: 4px 8px;
    line-height: 1.4;
    letter-spacing: .02em
}

.spk .talk-card.alt .talk-tag {
    color: #DABBC6;
    border-color: #dabbc64d
}

.spk .talk-card.sec .talk-tag {
    color: #C9CCDB;
    border-color: #c9ccdb4d
}

.spk .divider-tri2 {
    width: 100%;
    line-height: 0;
    overflow: hidden
}

.spk .divider-tri2 svg {
    display: block;
    width: 100%
}

.spk .contact-sec {
    background: #18191f;
    padding: 80px 0;
    position: relative
}

.spk .contact-sec .pattern-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    border-radius: 4px
}

.spk .contact-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 5fr 3fr;
    gap: 80px;
    align-items: start;
    position: relative;
    z-index: 1
}

.spk .contact-txt-col {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.spk .contact-h2 {
    font-size: 44px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #C9CCDB;
    margin: 0
}

.spk .contact-h2 span {
    color: #A0BC34
}

.spk .contact-body {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px
}

.spk .contact-p {
    font-size: 16px;
    line-height: 1.65;
    color: #C9CCDB;
    opacity: .82;
    margin: 0
}

.spk .contact-aside {
    font-size: 16px;
    line-height: 1.65;
    color: #DABBC6;
    opacity: .9;
    margin: 0;
    border-top: 1px solid #dabbc633;
    padding-top: 16px
}

.spk .contact-code-col {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.spk .code-block {
    background: #0f1014;
    border-radius: 4px;
    padding: 24px;
    box-shadow: 0 3px 5px 0 #a0bc3412 inset 0 1px 2px 0 #a0bc340d;
    position: relative;
    overflow: hidden
}

.spk .code-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #A0BC34;
    border-radius: 4px 4px 0 0
}

.spk .code-label {
    font-size: 16px;
    color: #A0BC34;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 16px;
    line-height: 1.4
}

.spk .code-row {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.spk .code-line {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .02em;
    color: #C9CCDB;
    opacity: .85
}

.spk .code-line .kw {
    color: #DABBC6
}

.spk .code-line .val {
    color: #A0BC34
}

.spk .output-block {
    background: #13141a;
    border-radius: 4px;
    padding: 24px;
    box-shadow: 0 3px 5px 0 #c9ccdb12;
    border: 1px solid #c9ccdb1a
}

.spk .out-label {
    font-size: 16px;
    color: #C9CCDB;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 16px;
    line-height: 1.4;
    opacity: .6
}

.spk .out-link {
    display: block;
    font-size: 16px;
    color: #A0BC34;
    text-decoration: none;
    line-height: 1.65;
    letter-spacing: .02em;
    transition: color .52s ease-in-out
}

.spk .out-link:hover {
    color: #DABBC6
}

.spk .out-email {
    display: block;
    font-size: 16px;
    color: #C9CCDB;
    text-decoration: none;
    line-height: 1.65;
    letter-spacing: .02em;
    margin-top: 8px;
    opacity: .85;
    transition: color .48s ease-in-out
}

.spk .out-email:hover {
    color: #A0BC34
}

.spk .char-hover span {
    display: inline-block;
    transition: color .45s ease-in-out;
    color: #C9CCDB
}

.spk .char-hover:hover span:nth-child(1) {
    color: #A0BC34;
    transition-delay: 0s
}

.spk .char-hover:hover span:nth-child(2) {
    color: #A0BC34;
    transition-delay: .05s
}

.spk .char-hover:hover span:nth-child(3) {
    color: #A0BC34;
    transition-delay: .1s
}

.spk .char-hover:hover span:nth-child(4) {
    color: #A0BC34;
    transition-delay: .15s
}

.spk .char-hover:hover span:nth-child(5) {
    color: #A0BC34;
    transition-delay: .2s
}

.spk .char-hover:hover span:nth-child(6) {
    color: #A0BC34;
    transition-delay: .25s
}

.spk .char-hover:hover span:nth-child(7) {
    color: #A0BC34;
    transition-delay: .3s
}

.spk .char-hover:hover span:nth-child(8) {
    color: #A0BC34;
    transition-delay: .35s
}

.spk .char-hover:hover span:nth-child(9) {
    color: #A0BC34;
    transition-delay: .4s
}

.spk .char-hover:hover span:nth-child(10) {
    color: #A0BC34;
    transition-delay: .45s
}

.spk .char-hover:hover span:nth-child(11) {
    color: #A0BC34;
    transition-delay: .5s
}

.spk .char-hover:hover span:nth-child(12) {
    color: #A0BC34;
    transition-delay: .55s
}

@media (max-width: 1280px) {
    .spk .pg-top {
        padding: 80px 24px
    }

    .spk .talks-inner {
        padding: 0 24px 80px
    }

    .spk .contact-inner {
        padding: 0 24px;
        gap: 40px
    }
}

@media (max-width: 768px) {
    .spk .pg-top {
        grid-template-columns: 1fr;
        padding: 40px 16px;
        gap: 24px
    }

    .spk .pg-h1 {
        font-size: 44px
    }

    .spk .pg-h1 em {
        font-size: 60px
    }

    .spk .pg-img-strip {
        min-height: 240px
    }

    .spk .pg-img-strip img {
        min-height: 240px
    }

    .spk .talks-inner {
        padding: 0 16px 40px
    }

    .spk .talks-head {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 24px
    }

    .spk .talks-h2 {
        font-size: 32px
    }

    .spk .talks-h2 strong {
        font-size: 44px
    }

    .spk .talks-grid {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .spk .contact-inner {
        grid-template-columns: 1fr;
        padding: 0 16px;
        gap: 24px
    }

    .spk .contact-body {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .spk .contact-h2 {
        font-size: 32px
    }

    .spk .contact-sec {
        padding: 40px 0
    }

    .spk .talks-sec {
        padding: 40px 0 0
    }
}

.rt {
    background-color: #18191f;
    color: #C9CCDB;
    overflow-x: clip;
    position: relative
}

.rt .pg-wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px
}

@keyframes bg-wash {
    0% {
        background-color: #18191f
    }

    50% {
        background-color: #1e2028
    }

    100% {
        background-color: #18191f
    }
}

.rt .blk-a {
    animation: bg-wash 12s ease-in-out infinite;
    padding: 80px 0;
    position: relative
}

.rt .blk-a .pg-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center
}

.rt .frm-img-box {
    position: relative;
    padding: 16px
}

.rt .frm-img-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 60%;
    border-top: 1px solid #A0BC34;
    border-left: 1px solid #A0BC34;
    pointer-events: none
}

.rt .frm-img-box::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 60%;
    border-bottom: 1px solid #DABBC6;
    border-right: 1px solid #DABBC6;
    pointer-events: none
}

.rt .img-holder {
    overflow: hidden;
    border-radius: 4px;
    position: relative
}

.rt .img-holder img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: saturate(0.6) brightness(0.85);
    transition: filter .55s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.rt .img-holder:hover img {
    filter: saturate(1) brightness(1)
}

.rt .img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, #a0bc342e 0%, #a0bc342e 50%, transparent 50%);
    pointer-events: none;
    transition: opacity .55s ease-in-out
}

.rt .img-holder:hover .img-overlay {
    opacity: 0
}

.rt .txt-side {
    position: relative
}

.rt .deco-line {
    width: 48px;
    height: 2px;
    background: #A0BC34;
    margin-bottom: 24px;
    box-shadow: 0 3px 5px 0 #a0bc3412
}

.rt .lbl {
    font-size: 16px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #A0BC34;
    margin-bottom: 16px;
    display: block
}

.rt .h-big {
    font-size: 60px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #fff;
    margin-bottom: 24px
}

.rt .h-big span {
    color: #A0BC34
}

.rt .h-big .word-lg {
    font-size: 70px;
    display: block
}

.rt .body-txt {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
    color: #C9CCDB;
    margin-bottom: 24px
}

.rt .body-txt em {
    color: #A0BC34;
    font-style: normal
}

.rt .deco-bg-txt {
    position: absolute;
    top: -16px;
    left: -8px;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 0
}

.rt .txt-side> :not(.deco-bg-txt) {
    position: relative;
    z-index: 1
}

.rt .deco-stripe {
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #A0BC34 0%, #A0BC34 50%, #DABBC6 50%);
    border-radius: 36px;
    margin: 0 auto;
    max-width: 120px
}

.rt .sep {
    display: flex;
    justify-content: center;
    padding: 8px 0
}

.rt .blk-b {
    padding: 80px 0;
    background-color: #22242d;
    position: relative
}

.rt .blk-b .pg-wrap {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
    align-items: start
}

.rt .blk-b-left {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.rt .h-med {
    font-size: 44px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #fff
}

.rt .h-med .word-lg {
    font-size: 60px;
    display: block;
    color: #A0BC34
}

.rt .reader-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.rt .r-card {
    background: #2a2d38;
    border-radius: 4px;
    padding: 24px;
    box-shadow: 0 7px 20px 0 #a0bc341c;
    transition: box-shadow .5s ease-in-out
}

.rt .r-card:hover {
    box-shadow: 0 10px 36px 0 #a0bc3424
}

.rt .r-card h5 {
    font-size: 16px;
    letter-spacing: .02em;
    color: #A0BC34;
    margin-bottom: 8px;
    line-height: 1.4
}

.rt .r-card p {
    font-size: 16px;
    line-height: 1.65;
    color: #C9CCDB;
    margin: 0
}

.rt .blk-b-right {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.rt .portrait-box {
    border-radius: 36px;
    overflow: hidden;
    box-shadow: 0 10px 36px 0 #a0bc3424
}

.rt .portrait-box img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: saturate(0.7);
    transition: filter .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.rt .portrait-box:hover img {
    filter: saturate(1)
}

.rt .aside-note {
    background: linear-gradient(135deg, #2a2d38 0%, #2a2d38 50%, #1e2028 50%);
    border-radius: 4px;
    padding: 24px;
    font-size: 16px;
    line-height: 1.65;
    color: #DABBC6;
    box-shadow: inset 0 1px 2px 0 #c9ccdb12
}

.rt .sep-b {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px 0
}

.rt .sep-b-line {
    flex: 1;
    height: 1px;
    background: #C9CCDB;
    opacity: .15
}

.rt .sep-b-dot {
    width: 6px;
    height: 6px;
    border-radius: 36px;
    background: #DABBC6
}

.rt .blk-c {
    padding: 80px 0 40px;
    position: relative;
    background-color: #18191f
}

.rt .blk-c .pg-wrap {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.rt .blk-c-top {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 40px;
    align-items: start
}

.rt .h-sm {
    font-size: 32px;
    line-height: 1.4;
    letter-spacing: .01em;
    color: #fff
}

.rt .h-sm .word-lg {
    font-size: 44px;
    display: block;
    color: #C9CCDB
}

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

.rt .img-item {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 7px 20px 0 #a0bc341c
}

.rt .img-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: brightness(0.7) saturate(0.5);
    transition: filter .55s ease-in-out
}

.rt .img-item:hover img {
    filter: brightness(0.9) saturate(1)
}

.rt .img-item-cap {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 16px;
    background: linear-gradient(0deg, #18191fd9 0%, transparent 60%);
    opacity: 0;
    transition: opacity .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.rt .img-item:hover .img-item-cap {
    opacity: 1
}

.rt .img-item-cap span {
    font-size: 16px;
    color: #fff;
    letter-spacing: .02em
}

.rt .rhythm-list {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.rt .rhythm-item {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 16px;
    align-items: start;
    padding: 16px;
    background: #22242d;
    border-radius: 4px;
    transition: background .5s ease-in-out
}

.rt .rhythm-item:hover {
    background: #2a2d38
}

.rt .rhythm-num {
    font-size: 24px;
    line-height: 1.15;
    color: #A0BC34;
    letter-spacing: .02em;
    font-weight: 700
}

.rt .rhythm-txt h6 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 8px;
    line-height: 1.4;
    letter-spacing: .01em
}

.rt .rhythm-txt p {
    font-size: 16px;
    line-height: 1.65;
    color: #C9CCDB;
    margin: 0
}

.rt .sep-c {
    width: 80px;
    height: 1px;
    background: linear-gradient(90deg, #A0BC34 0%, #A0BC34 50%, transparent 50%);
    margin: 0 auto
}

.rt .blk-d {
    padding: 40px 0 80px;
    background-color: #22242d;
    position: relative
}

.rt .blk-d::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #A0BC34, transparent)
}

.rt .blk-d .pg-wrap {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 40px;
    align-items: start
}

.rt .path-steps {
    display: flex;
    flex-direction: column;
    gap: 0
}

.rt .path-step {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 24px;
    align-items: start;
    padding: 24px 0;
    border-bottom: 1px solid #c9ccdb1a;
    transition: border-color .5s ease-in-out
}

.rt .path-step:last-child {
    border-bottom: none
}

.rt .path-step:hover {
    border-color: #a0bc344d
}

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

.rt .step-circle {
    width: 48px;
    height: 48px;
    border-radius: 36px;
    border: 1px solid #A0BC34;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #A0BC34;
    letter-spacing: .02em;
    transition: background .55s ease-in-out, color .55s ease-in-out
}

.rt .path-step:hover .step-circle {
    background: #A0BC34;
    color: #18191f
}

.rt .step-connector {
    width: 1px;
    height: 24px;
    background: #a0bc3440;
    margin: 0 auto
}

.rt .step-body h5 {
    font-size: 24px;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 8px;
    letter-spacing: .01em
}

.rt .step-body p {
    font-size: 16px;
    line-height: 1.65;
    color: #C9CCDB;
    margin: 0
}

.rt .step-body a {
    color: #A0BC34;
    text-decoration: none;
    transition: color .45s ease-in-out
}

.rt .step-body a:hover {
    color: #DABBC6
}

.rt .path-aside {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: sticky;
    top: 40px
}

.rt .aside-img-wrap {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 36px 0 #a0bc3424
}

.rt .aside-img-wrap img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: saturate(0.5) brightness(0.75);
    transition: filter .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.rt .aside-img-wrap:hover img {
    filter: saturate(1) brightness(0.9)
}

.rt .aside-img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, #a0bc3438 0%, #a0bc3438 50%, transparent 50%);
    pointer-events: none;
    transition: opacity .5s ease-in-out
}

.rt .aside-img-wrap:hover .aside-img-overlay {
    opacity: 0
}

.rt .aside-stat {
    background: #2a2d38;
    border-radius: 4px;
    padding: 24px;
    box-shadow: 0 3px 5px 0 #a0bc3412
}

.rt .aside-stat h6 {
    font-size: 16px;
    color: #C9CCDB;
    letter-spacing: .02em;
    margin-bottom: 8px;
    line-height: 1.4
}

.rt .aside-stat .big-num {
    font-size: 44px;
    line-height: 1.15;
    color: #A0BC34;
    letter-spacing: .01em;
    display: block;
    margin-bottom: 8px
}

.rt .aside-stat p {
    font-size: 16px;
    line-height: 1.65;
    color: #C9CCDB;
    margin: 0
}

.rt .contact-band {
    background: #18191f;
    padding: 40px 0;
    border-top: 1px solid #dabbc626
}

.rt .contact-band .pg-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 40px
}

.rt .contact-band-txt {
    font-size: 16px;
    color: #C9CCDB;
    line-height: 1.65
}

.rt .contact-band-txt a {
    color: #A0BC34;
    text-decoration: none;
    transition: color .45s ease-in-out
}

.rt .contact-band-txt a:hover {
    color: #DABBC6
}

.rt .btn-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #A0BC34;
    text-decoration: none;
    letter-spacing: .02em;
    border: 1px solid #a0bc3466;
    border-radius: 4px;
    padding: 16px 24px;
    transition: border-color .5s ease-in-out, color .5s ease-in-out, box-shadow .5s ease-in-out
}

.rt .btn-link:hover {
    border-color: #A0BC34;
    color: #fff;
    box-shadow: 0 7px 20px 0 #a0bc341c
}

.rt .btn-link .arr {
    display: inline-block;
    width: 16px;
    height: 1px;
    background: #A0BC34;
    position: relative;
    transition: width .45s ease-in-out
}

.rt .btn-link .arr::after {
    content: '';
    position: absolute;
    right: 0;
    top: -3px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #A0BC34;
    border-right: 1px solid #A0BC34;
    transform: rotate(45deg)
}

.rt .btn-link:hover .arr {
    width: 24px
}

.rt .pattern-layer {
    position: absolute;
    inset: 0;
    opacity: .03;
    pointer-events: none
}

@media (max-width: 1280px) {
    .rt .blk-a .pg-wrap {
        grid-template-columns: 1fr 1fr;
        gap: 40px
    }

    .rt .h-big {
        font-size: 44px
    }

    .rt .h-big .word-lg {
        font-size: 60px
    }
}

@media (max-width: 768px) {
    .rt .pg-wrap {
        padding: 0 16px
    }

    .rt .blk-a .pg-wrap {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .rt .frm-img-box {
        order: -1
    }

    .rt .h-big {
        font-size: 32px
    }

    .rt .h-big .word-lg {
        font-size: 44px
    }

    .rt .blk-b .pg-wrap {
        grid-template-columns: 1fr
    }

    .rt .reader-grid {
        grid-template-columns: 1fr
    }

    .rt .blk-c-top {
        grid-template-columns: 1fr
    }

    .rt .img-strip {
        grid-template-columns: 1fr 1fr
    }

    .rt .blk-d .pg-wrap {
        grid-template-columns: 1fr
    }

    .rt .path-aside {
        position: static
    }

    .rt .contact-band .pg-wrap {
        flex-direction: column;
        align-items: flex-start
    }

    .rt .h-med {
        font-size: 32px
    }

    .rt .h-med .word-lg {
        font-size: 44px
    }
}

.success-pg {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    background-color: #141416;
    position: relative;
    overflow: hidden
}

.success-pg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: pattern-cross;
    opacity: .04;
    pointer-events: none
}

.success-pg .success-wrap {
    max-width: 560px;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1
}

.success-pg .success-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.success-pg .success-icon svg {
    width: 64px;
    height: 64px;
    display: block
}

.success-pg .success-title {
    font-size: 44px;
    line-height: 1.15;
    letter-spacing: .01em;
    color: #e8eaf0;
    margin: 0 0 16px
}

.success-pg .success-title span {
    color: #A0BC34
}

.success-pg .success-desc {
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: .015em;
    color: #C9CCDB;
    margin: 0 0 40px
}

.success-pg .success-divider {
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, #A0BC34 50%, #DABBC6 50%);
    margin: 0 auto 40px;
    border-radius: 4px
}

.success-pg .success-nav {
    display: flex;
    flex-direction: row;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap
}

.success-pg .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    letter-spacing: .02em;
    line-height: 1.4;
    text-decoration: none;
    padding: 16px 24px;
    border-radius: 4px;
    transition: color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .55s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.success-pg .nav-link.primary {
    color: #141416;
    background-color: #A0BC34;
    border: 1px solid #A0BC34;
    font-size: 16px;
    box-shadow: 0 7px 20px 0 #a0bc341c
}

.success-pg .nav-link.primary:hover {
    box-shadow: 0 10px 36px 0 #a0bc3424;
    color: #0e0e10
}

.success-pg .nav-link.primary:focus-visible {
    outline: 2px solid #A0BC34;
    outline-offset: 3px
}

.success-pg .nav-link.secondary {
    color: #C9CCDB;
    background-color: transparent;
    border: 1px solid #c9ccdb40;
    box-shadow: 0 3px 5px 0 #c9ccdb12
}

.success-pg .nav-link.secondary:hover {
    color: #A0BC34;
    border-color: #a0bc3466
}

.success-pg .nav-link.secondary:focus-visible {
    outline: 2px solid #C9CCDB;
    outline-offset: 3px
}

.success-pg .nav-link .arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

.success-pg .success-note {
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.65;
    color: #c9ccdb80;
    letter-spacing: .01em
}

@media (max-width: 768px) {
    .success-pg {
        padding: 80px 16px
    }

    .success-pg .success-title {
        font-size: 32px
    }

    .success-pg .success-nav {
        flex-direction: column;
        align-items: center
    }

    .success-pg .nav-link {
        width: 100%;
        max-width: 320px;
        justify-content: center
    }
}