@import "https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;1,400;0,700;1,700&display=swap";

html {
    scroll-behavior: auto
}

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    font-family: 'Arimo', sans-serif;
    word-break: break-word;
    overflow-wrap: anywhere
}

.sitehead {
    background: linear-gradient(135deg, #0D6677 0%, #0a4f5e 55%, #333232 100%);
    position: relative;
    overflow: hidden
}

.sitehead::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, #0d66772e 0%, #33323252 100%);
    pointer-events: none
}

.sitehead::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #FFE718;
    pointer-events: none
}

.headplate {
    max-width: 1500px;
    margin: 0 auto;
    padding: 32px 32px 0;
    position: relative;
    z-index: 10
}

.brandzone {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 8px
}

.logocell {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.logocard {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 7px;
    border: 2px solid #FFE718;
    box-shadow: 0 1px 2px -2px #ffe7180f 0 5px 22px -2px #ffe7181a 0 9px 44px -2px #ffe71824;
    padding: 8px
}

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

.headtag {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 8px
}

.headtag a {
    font-family: 'Arimo', sans-serif;
    font-size: 14px;
    line-height: 1.2;
    color: #ffffffb8;
    text-decoration: none;
    letter-spacing: .01em;
    transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.headtag a:hover {
    color: #FFE718
}

.headtag a:focus {
    background: #ffe7181f;
    border-radius: 7px;
    outline: none;
    color: #FFE718
}

.headtag .contactitem {
    font-size: 14px;
    color: #ffffff8c;
    line-height: 1.2
}

.navdeck {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 32px;
    position: relative;
    z-index: 10
}

.navpod {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    padding: 16px 0 24px;
    border-top: 1px solid #ffe7182e;
    margin-top: 16px
}

.navpod a {
    font-family: 'Arimo', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 7px;
    border: 1px solid transparent;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    transition: background .28s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1), color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.navpod a:hover {
    background: #ffe7181f;
    border-color: #ffe71859;
    color: #FFE718
}

.navpod a:focus {
    background: #ffe7182e;
    border-color: #FFE718;
    color: #FFE718;
    outline: none
}

.navpod a.active {
    background: #FFE718;
    color: #333232;
    border-color: #FFE718
}

.navpod a.active:hover {
    background: #ffe918d4;
    color: #333232
}

@media (max-width: 960px) {
    .headplate {
        padding: 24px 16px 0
    }

    .navdeck {
        padding: 0 16px
    }

    .navpod {
        gap: 4px;
        padding: 12px 0 16px
    }

    .navpod a {
        font-size: 14px;
        padding: 10px 16px
    }
}

@media (max-width: 480px) {
    .headplate {
        padding: 16px 8px 0
    }

    .navdeck {
        padding: 0 8px
    }

    .navpod {
        padding: 8px 0 12px
    }

    .navpod a {
        font-size: 14px;
        padding: 10px 12px
    }

    .headtag {
        flex-direction: column;
        align-items: flex-end;
        gap: 4px
    }
}

.sitefooter {
    background: #333232;
    position: relative
}

.sitefooter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #FFE718;
    pointer-events: none
}

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

.footleft {
    flex: 1 1 auto;
    min-width: 0
}

.footlogocard {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #fff;
    border-radius: 7px;
    border: 2px solid #ffe71873;
    box-shadow: 0 1px 2px -2px #0d66770f 0 5px 22px -2px #0d66771a 0 9px 44px -2px #0d667724;
    padding: 8px;
    margin-bottom: 24px
}

.footlogocard img {
    width: 56px;
    height: 56px;
    object-fit: contain;
    display: block
}

.footdesc {
    font-family: 'Arimo', sans-serif;
    font-size: 14px;
    line-height: 1.55;
    color: #ffffff8c;
    max-width: 320px;
    margin-bottom: 24px
}

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

.footcontact a,
.footcontact span {
    font-family: 'Arimo', sans-serif;
    font-size: 14px;
    line-height: 1.55;
    color: #ffffff9e;
    text-decoration: none;
    transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.footcontact a:hover {
    color: #FFE718
}

.footcontact a:focus {
    background: #ffe7181a;
    border-radius: 7px;
    outline: none;
    color: #FFE718
}

.footright {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 32px
}

.footlinks {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px
}

.footlinks a {
    font-family: 'Arimo', sans-serif;
    font-size: 14px;
    line-height: 1.55;
    color: #ffffff8c;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 7px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    transition: color .2s cubic-bezier(0.34, 1.56, 0.64, 1), background .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.footlinks a:hover {
    color: #FFE718;
    background: #ffe71814
}

.footlinks a:focus {
    color: #FFE718;
    background: #ffe7181f;
    outline: none
}

.footlinks .divmark {
    display: block;
    width: 1px;
    height: 16px;
    background: #ffffff2e;
    margin: 0 auto
}

.footbottom {
    max-width: 1500px;
    margin: 0 auto;
    padding: 16px 32px 32px;
    border-top: 1px solid #ffffff1a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap
}

.copyright {
    font-family: 'Arimo', sans-serif;
    font-size: 14px;
    line-height: 1.55;
    color: #ffffff59
}

.footaccent {
    width: 32px;
    height: 3px;
    background: #FFE718;
    border-radius: 48px
}

@media (max-width: 960px) {
    .footplate {
        flex-direction: column;
        gap: 32px;
        padding: 32px 16px 24px
    }

    .footright {
        align-items: flex-start;
        width: 100%
    }

    .footlinks {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap
    }

    .footlinks .divmark {
        width: 16px;
        height: 1px;
        margin: auto 0
    }

    .footbottom {
        padding: 16px 16px 24px
    }
}

@media (max-width: 480px) {
    .footplate {
        padding: 24px 8px 16px
    }

    .footbottom {
        padding: 12px 8px 16px
    }

    .footlinks {
        flex-direction: column
    }
}

.cookiepod {
    position: fixed;
    bottom: 24px;
    left: 24px;
    width: 280px;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #0d66772e;
    box-shadow: 0 1px 2px -2px #0d66770f 0 5px 22px -2px #0d66771a 0 9px 44px -2px #0d667724;
    z-index: 1200;
    padding: 24px;
    display: none
}

.cookiedesc {
    font-family: 'Arimo', sans-serif;
    font-size: 14px;
    line-height: 1.55;
    color: #333232;
    margin-bottom: 8px
}

.cookiehead {
    font-family: 'Arimo', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #0D6677;
    margin-bottom: 16px
}

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

.cookieaccept {
    font-family: 'Arimo', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    color: #333232;
    background: #FFE718;
    border: none;
    border-radius: 7px;
    padding: 12px 16px;
    min-height: 44px;
    cursor: pointer;
    width: 100%;
    transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cookieaccept:hover {
    background: #f0d900;
    box-shadow: 0 5px 22px -2px #ffe71847
}

.cookieaccept:focus {
    background: #ffe718b3;
    outline: none
}

.cookiedecline {
    font-family: 'Arimo', sans-serif;
    font-size: 14px;
    line-height: 1.2;
    color: #33323299;
    background: none;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    text-decoration: underline;
    width: 100%;
    min-height: 44px;
    border-radius: 7px;
    transition: color .2s cubic-bezier(0.34, 1.56, 0.64, 1), background .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cookiedecline:hover {
    color: #0D6677;
    background: #0d66770f
}

.cookiedecline:focus {
    background: #ffe7181f;
    color: #333232;
    outline: none
}

@media (max-width: 480px) {
    .cookiepod {
        left: 8px;
        right: 8px;
        width: auto;
        bottom: 8px
    }
}

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

.legal-info h1 {
    font-size: 52px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #333232;
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 2px solid #FFE718
}

.legal-info h2 {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -.015em;
    color: #333232;
    margin-top: 64px;
    margin-bottom: 24px
}

.legal-info h3 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #0D6677;
    margin-top: 32px;
    margin-bottom: 16px
}

.legal-info h4 {
    font-size: 18px;
    line-height: 1.55;
    letter-spacing: -.005em;
    color: #333232;
    margin-top: 24px;
    margin-bottom: 8px
}

.legal-info h5 {
    font-size: 16px;
    line-height: 1.55;
    color: #333232;
    margin-top: 16px;
    margin-bottom: 8px
}

.legal-info h6 {
    font-size: 14px;
    line-height: 1.55;
    color: #0D6677;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-top: 16px;
    margin-bottom: 8px
}

.legal-info p {
    font-size: 16px;
    line-height: 1.8;
    color: #333232;
    margin-bottom: 16px;
    max-width: 72ch
}

.legal-info ul,
.legal-info ol {
    margin: 16px 0 24px;
    padding-left: 24px;
    max-width: 72ch
}

.legal-info ul {
    list-style: none;
    padding-left: 0
}

.legal-info ul li {
    position: relative;
    padding-left: 24px;
    font-size: 16px;
    line-height: 1.8;
    color: #333232;
    margin-bottom: 8px
}

.legal-info ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    height: 8px;
    background: #FFE718;
    border-radius: 48px;
    box-shadow: 0 1px 2px -2px #ffe7180f 0 5px 22px -2px #ffe7181a
}

.legal-info ol {
    list-style: decimal
}

.legal-info ol li {
    font-size: 16px;
    line-height: 1.8;
    color: #333232;
    margin-bottom: 8px;
    padding-left: 8px
}

.legal-info ol li::marker {
    color: #0D6677;
    font-size: 14px
}

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

.legal-info table {
    width: 100%;
    border-collapse: collapse;
    margin: 32px 0;
    font-size: 14px;
    line-height: 1.55;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 1px 2px -2px #0d66770f 0 5px 22px -2px #0d66771a
}

.legal-info thead {
    background: #0D6677
}

.legal-info thead th {
    color: #fff;
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 16px 24px;
    text-align: left
}

.legal-info tbody tr {
    border-bottom: 1px solid #0d66771a;
    transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.legal-info tbody tr:last-child {
    border-bottom: none
}

.legal-info tbody tr:nth-child(even) {
    background: #ffe7180f
}

.legal-info tbody tr:hover {
    background: #0d66770f
}

.legal-info td {
    padding: 16px 24px;
    color: #333232;
    font-size: 14px;
    line-height: 1.55;
    vertical-align: top
}

.legal-info th {
    padding: 16px 24px;
    font-size: 14px;
    line-height: 1.55
}

.legal-info div {
    font-size: 16px;
    line-height: 1.8;
    color: #333232
}

@media (max-width: 960px) {
    .legal-info {
        padding: 32px 24px
    }

    .legal-info h1 {
        font-size: 36px
    }

    .legal-info h2 {
        font-size: 24px;
        margin-top: 32px
    }

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

    .legal-info table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 480px) {
    .legal-info {
        padding: 24px 16px
    }

    .legal-info h1 {
        font-size: 24px
    }

    .legal-info h2 {
        font-size: 18px;
        margin-top: 24px
    }

    .legal-info h3 {
        font-size: 16px
    }

    .legal-info p,
    .legal-info ul li,
    .legal-info ol li,
    .legal-info td {
        font-size: 14px
    }

    .legal-info thead th {
        padding: 8px 16px
    }

    .legal-info td {
        padding: 8px 16px
    }
}

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

.ctus .pgwrap {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 32px
}

.ctus .dash-divider {
    border: none;
    height: 2px;
    background: repeating-linear-gradient(to right, #0D6677 0px, #0D6677 6px, transparent 6px, transparent 10px, #0D6677 10px, #0D6677 24px, transparent 24px, transparent 30px);
    margin: 0
}

.ctus .diamond {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #FFE718;
    transform: rotate(45deg);
    margin: 0 8px;
    flex-shrink: 0
}

.ctus .opnr {
    background: #fff;
    padding: 64px 0 32px
}

.ctus .opnr-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start
}

.ctus .opnr-left {
    position: relative
}

.ctus .opnr-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #FFE718;
    color: #333232;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    padding: 4px 16px;
    border-radius: 7px;
    margin-bottom: 24px;
    text-transform: uppercase
}

.ctus .opnr-h1 {
    font-size: 52px;
    line-height: 1.2;
    letter-spacing: -.03em;
    font-weight: 300;
    color: #333232;
    margin: 0 0 24px
}

.ctus .opnr-h1 strong {
    font-weight: 700;
    color: #0D6677
}

.ctus .opnr-desc {
    font-size: 18px;
    line-height: 1.55;
    color: #444;
    margin: 0 0 32px
}

.ctus .opnr-blobs {
    position: absolute;
    top: -32px;
    right: -32px;
    width: 220px;
    height: 220px;
    pointer-events: none;
    z-index: 0
}

.ctus .blob1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 160px;
    height: 160px;
    border-radius: 48px;
    background: #FFE718;
    opacity: .18;
    filter: blur(28px)
}

.ctus .blob2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px;
    border-radius: 48px;
    background: #0D6677;
    opacity: .12;
    filter: blur(20px)
}

.ctus .opnr-channels {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.ctus .channel-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding: 16px 24px;
    border-radius: 7px;
    border: 1.5px solid #e8e8e0;
    background: #fff;
    text-decoration: none;
    color: #333232;
    font-size: 16px;
    transition: border-color .25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .22s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 1px 2px -2px #0d66770f
}

.ctus .channel-item:hover {
    border-color: #0D6677;
    box-shadow: 0 5px 22px -2px #0d66771a;
    transform: translateY(-2px);
    color: #0D6677
}

.ctus .channel-icon {
    width: 40px;
    height: 40px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.ctus .channel-icon.email-ic {
    background: #FFE718
}

.ctus .channel-icon.phone-ic {
    background: #0D6677
}

.ctus .channel-icon.viber-ic {
    background: #7360f2
}

.ctus .channel-icon.tg-ic {
    background: #229ED9
}

.ctus .channel-icon svg {
    display: block
}

.ctus .channel-label {
    font-size: 14px;
    color: #888;
    display: block;
    margin-bottom: 2px;
    letter-spacing: .04em
}

.ctus .channel-val {
    font-size: 16px;
    font-weight: 600;
    color: #333232
}

.ctus .channel-item:hover .channel-val {
    color: #0D6677
}

.ctus .addr-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 24px;
    border-radius: 7px;
    border: 1.5px solid #e8e8e0;
    background: #fff;
    margin-top: 0
}

.ctus .addr-icon {
    width: 40px;
    height: 40px;
    border-radius: 7px;
    background: #333232;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.ctus .addr-text {
    font-size: 16px;
    line-height: 1.55;
    color: #333232
}

.ctus .addr-text strong {
    display: block;
    font-size: 14px;
    color: #888;
    font-weight: 400;
    letter-spacing: .04em;
    margin-bottom: 2px
}

.ctus .fmsec {
    background: #f5f4ef;
    padding: 64px 0;
    position: relative
}

.ctus .fmsec-bg-accent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #0D6677 0%, #0D6677 50%, #f5f4ef 50%);
    opacity: .04;
    pointer-events: none
}

.ctus .fmsec-inner {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 64px;
    align-items: start
}

.ctus .fmsec-meta {
    position: sticky;
    top: 32px
}

.ctus .fmsec-eyebrow {
    font-size: 14px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #0D6677;
    font-weight: 700;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px
}

.ctus .fmsec-h2 {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -.02em;
    font-weight: 700;
    color: #333232;
    margin: 0 0 16px
}

.ctus .fmsec-sub {
    font-size: 16px;
    line-height: 1.55;
    color: #555;
    margin: 0 0 32px
}

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

.ctus .resp-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    line-height: 1.55;
    color: #555;
    counter-increment: none
}

.ctus .resp-list li .rnum {
    font-size: 24px;
    font-weight: 700;
    color: #FFE718;
    line-height: 1;
    flex-shrink: 0;
    min-width: 28px;
    text-align: right
}

.ctus .resp-list li .rtxt {
    padding-top: 4px
}

.ctus .fmbox {
    background: #fff;
    border-radius: 7px;
    padding: 32px;
    box-shadow: 0 9px 44px -2px #0d667724
}

.ctus .fmbox .frow {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 16px
}

.ctus .fmbox .frow label {
    font-size: 14px;
    font-weight: 600;
    color: #333232;
    letter-spacing: .03em
}

.ctus .fmbox .frow input,
.ctus .fmbox .frow select,
.ctus .fmbox .frow textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #d8d8d0;
    border-radius: 7px;
    font-size: 16px;
    color: #333232;
    background: #fff;
    outline: none;
    transition: border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .22s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-sizing: border-box
}

.ctus .fmbox .frow input::placeholder,
.ctus .fmbox .frow textarea::placeholder {
    color: #aaa;
    text-overflow: ellipsis
}

.ctus .fmbox .frow input:focus,
.ctus .fmbox .frow select:focus,
.ctus .fmbox .frow textarea:focus {
    border-color: #0D6677;
    box-shadow: 0 0 0 3px #0d66771a
}

.ctus .fmbox .frow textarea {
    min-height: 100px;
    resize: vertical
}

.ctus .fmbox .frow select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230D6677' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
    cursor: pointer
}

.ctus .frow-half {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px
}

.ctus .frow-half .frow {
    margin-bottom: 0
}

.ctus .privrow {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 24px;
    padding: 16px;
    background: #f5f4ef;
    border-radius: 7px;
    border: 1.5px solid #e8e8e0
}

.ctus .privrow input[type="checkbox"] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-top: 2px;
    accent-color: #0D6677;
    cursor: pointer
}

.ctus .privrow .privtxt {
    font-size: 14px;
    line-height: 1.55;
    color: #555
}

.ctus .privrow .privtxt a {
    color: #0D6677;
    text-decoration: underline
}

.ctus .submitbtn {
    width: 100%;
    padding: 16px 32px;
    background: #333232;
    color: #FFE718;
    border: none;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .05em;
    cursor: pointer;
    transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    position: relative
}

.ctus .submitbtn:hover {
    background: #0D6677;
    transform: scale(1.02)
}

.ctus .submitbtn:active {
    transform: scale(0.98)
}

.ctus .submitbtn:focus {
    outline: 3px solid #FFE718;
    outline-offset: 2px
}

.ctus .tlsec {
    background: #333232;
    padding: 64px 0;
    position: relative;
    overflow: hidden
}

.ctus .tlsec-decor {
    position: absolute;
    top: 50%;
    right: -80px;
    transform: translateY(-50%);
    width: 320px;
    height: 320px;
    border: 2px solid #ffe7181f;
    border-radius: 48px;
    pointer-events: none
}

.ctus .tlsec-decor2 {
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%);
    width: 200px;
    height: 200px;
    border: 2px solid #0d667733;
    border-radius: 48px;
    pointer-events: none
}

.ctus .tlsec-h2 {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -.02em;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin: 0 0 8px
}

.ctus .tlsec-sub {
    font-size: 16px;
    line-height: 1.55;
    color: #fff9;
    text-align: center;
    margin: 0 0 48px
}

.ctus .tlsec-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

.ctus .tlcard {
    background: #ffffff0d;
    border: 1.5px solid #ffffff1a;
    border-radius: 7px;
    padding: 24px;
    transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus .tlcard:hover {
    background: #ffe71812;
    border-color: #ffe7184d;
    transform: translateY(-3px)
}

.ctus .tlcard-num {
    font-size: 52px;
    font-weight: 700;
    color: #FFE718;
    opacity: .2;
    line-height: 1;
    margin-bottom: 8px;
    letter-spacing: -.04em
}

.ctus .tlcard-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #ffffff80;
    margin-bottom: 8px;
    font-weight: 600
}

.ctus .tlcard-val {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px
}

.ctus .tlcard-desc {
    font-size: 14px;
    line-height: 1.55;
    color: #ffffff8c
}

.ctus .tlcard-pulse {
    animation: softpulse 2.8s cubic-bezier(0.34, 1.56, 0.64, 1) infinite
}

@keyframes softpulse {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.02)
    }
}

.ctus .tlcard:hover.tlcard-pulse {
    animation: none;
    transform: translateY(-3px)
}

.ctus .fmsec-divider {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px
}

.ctus .fmsec-divider-line {
    flex: 1;
    height: 1px;
    background: #d8d8d0
}

@media (max-width: 960px) {
    .ctus .opnr-grid {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .ctus .fmsec-inner {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .ctus .fmsec-meta {
        position: static
    }

    .ctus .tlsec-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .ctus .opnr-h1 {
        font-size: 36px
    }
}

@media (max-width: 480px) {
    .ctus .pgwrap {
        padding: 0 16px
    }

    .ctus .tlsec-grid {
        grid-template-columns: 1fr
    }

    .ctus .frow-half {
        grid-template-columns: 1fr
    }

    .ctus .opnr-h1 {
        font-size: 36px
    }

    .ctus .fmbox {
        padding: 24px 16px
    }

    .ctus .opnr {
        padding: 32px 0 24px
    }

    .ctus .fmsec {
        padding: 32px 0
    }

    .ctus .tlsec {
        padding: 32px 0
    }
}

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

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

.frnt .reveal-child>* {
    opacity: 0;
    transform: translateY(16px);
    animation: revealUp .28s cubic-bezier(0.34, 1.56, 0.64, 1) forwards
}

.frnt .reveal-child> :nth-child(1) {
    animation-delay: .05s
}

.frnt .reveal-child> :nth-child(2) {
    animation-delay: .13s
}

.frnt .reveal-child> :nth-child(3) {
    animation-delay: .21s
}

.frnt .reveal-child> :nth-child(4) {
    animation-delay: .29s
}

.frnt .reveal-child> :nth-child(5) {
    animation-delay: .37s
}

.frnt .reveal-child> :nth-child(6) {
    animation-delay: .45s
}

@keyframes revealUp {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.frnt .titblk {
    position: relative;
    padding: 64px 0;
    background: linear-gradient(120deg, #0D6677 50%, #FFE718 50%);
    background-size: 300% 300%;
    animation: gradShift 8s ease-in-out infinite alternate
}

@keyframes gradShift {
    0% {
        background-position: 0 50%
    }

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

.frnt .titblk .pgwrap {
    display: flex;
    flex-direction: row;
    gap: 64px;
    align-items: center
}

.frnt .titblk .tittext {
    flex: 1;
    min-width: 0
}

.frnt .titblk .tittext .eyebrow {
    display: inline-block;
    font-size: 14px;
    letter-spacing: .12em;
    color: #FFE718;
    background: #0d66778c;
    border-radius: 7px;
    padding: 4px 16px;
    margin-bottom: 16px;
    text-transform: uppercase
}

.frnt .titblk .tittext h1 {
    font-size: 52px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #fff;
    font-weight: 300;
    margin: 0 0 24px
}

.frnt .titblk .tittext h1 strong {
    font-weight: 700;
    color: #FFE718
}

.frnt .titblk .tittext .manifesto {
    font-size: 18px;
    line-height: 1.55;
    color: #ffffffe0;
    margin: 0 0 32px;
    max-width: 520px
}

.frnt .titblk .tittext .titlinks {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap
}

.frnt .titblk .tittext .titlinks a.btn-primary {
    display: inline-block;
    background: #FFE718;
    color: #333232;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 32px;
    border-radius: 7px;
    text-decoration: none;
    border: 2px solid #FFE718;
    transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1), color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.frnt .titblk .tittext .titlinks a.btn-primary:hover {
    background: #333232;
    color: #FFE718;
    border-color: #333232
}

.frnt .titblk .tittext .titlinks a.btn-outline {
    display: inline-block;
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 32px;
    border-radius: 7px;
    text-decoration: none;
    border: 2px solid #ffffff80;
    transition: border-color .22s cubic-bezier(0.68, -0.55, 0.27, 1.55), color .22s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.frnt .titblk .tittext .titlinks a.btn-outline:hover {
    border-color: #FFE718;
    color: #FFE718
}

.frnt .titblk .timgzone {
    flex: 0 0 440px;
    position: relative
}

.frnt .titblk .timgzone .timgframe {
    position: relative;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 9px 44px -2px #0d667724
}

.frnt .titblk .timgzone .timgframe img {
    display: block;
    width: 100%;
    height: 380px;
    object-fit: cover
}

.frnt .titblk .timgzone .timgframe .vignette {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, transparent 40%, #0d6677b3 100%);
    pointer-events: none
}

.frnt .titblk .timgzone .decoline {
    position: absolute;
    top: -16px;
    right: -16px;
    width: 80px;
    height: 80px;
    border-top: 3px solid #FFE718;
    border-right: 3px solid #FFE718;
    border-radius: 0 7px 0 0;
    pointer-events: none
}

.frnt .titblk .timgzone .decobot {
    position: absolute;
    bottom: -16px;
    left: -16px;
    width: 80px;
    height: 80px;
    border-bottom: 3px solid #fff6;
    border-left: 3px solid #fff6;
    border-radius: 0 0 0 7px;
    pointer-events: none
}

.frnt .zigdiv {
    width: 100%;
    line-height: 0;
    overflow: hidden
}

.frnt .zigdiv svg {
    display: block;
    width: 100%
}

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

.frnt .envblk .pgwrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start
}

.frnt .envblk .envleft h2 {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -.02em;
    font-weight: 300;
    color: #333232;
    margin: 0 0 24px
}

.frnt .envblk .envleft h2 em {
    font-style: normal;
    color: #0D6677;
    font-weight: 700
}

.frnt .envblk .envleft p {
    font-size: 16px;
    line-height: 1.55;
    color: #444;
    margin: 0 0 16px
}

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

.frnt .envblk .envright .statrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-radius: 7px;
    border: 1px solid #e8e8e8;
    border-left: 4px solid #0D6677;
    box-shadow: 0 1px 2px -2px #0d66770f;
    transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), border-left-color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.frnt .envblk .envright .statrow:hover {
    box-shadow: 0 5px 22px -2px #0d66771a;
    border-left-color: #FFE718
}

.frnt .envblk .envright .statrow .statnum {
    font-size: 36px;
    font-weight: 700;
    color: #0D6677;
    line-height: 1.2;
    min-width: 64px;
    text-align: center
}

.frnt .envblk .envright .statrow .statlabel {
    font-size: 14px;
    line-height: 1.55;
    color: #555
}

.frnt .envblk .imgrow {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 16px
}

.frnt .envblk .imgrow .eimg {
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 5px 22px -2px #0d66771a;
    position: relative
}

.frnt .envblk .imgrow .eimg img {
    display: block;
    width: 100%;
    height: 240px;
    object-fit: cover;
    transition: filter .28s cubic-bezier(0.34, 1.56, 0.64, 1);
    filter: saturate(0.4) brightness(0.85)
}

.frnt .envblk .imgrow .eimg:hover img {
    filter: saturate(1) brightness(1)
}

.frnt .expblk {
    background: #0D6677;
    padding: 64px 0
}

.frnt .expblk .pgwrap {
    display: flex;
    flex-direction: row;
    gap: 64px;
    align-items: center
}

.frnt .expblk .expimg {
    flex: 0 0 380px;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 9px 44px -2px #0d667724;
    position: relative
}

.frnt .expblk .expimg img {
    display: block;
    width: 100%;
    height: 340px;
    object-fit: cover;
    filter: saturate(0.5) brightness(0.8);
    transition: filter .3s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.frnt .expblk .expimg:hover img {
    filter: saturate(1) brightness(1)
}

.frnt .expblk .exptext {
    flex: 1;
    min-width: 0
}

.frnt .expblk .exptext .exptag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #FFE718;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 16px
}

.frnt .expblk .exptext .exptag .tagdot {
    width: 8px;
    height: 8px;
    border-radius: 48px;
    background: #FFE718;
    flex-shrink: 0
}

.frnt .expblk .exptext h2 {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -.02em;
    font-weight: 300;
    color: #fff;
    margin: 0 0 24px
}

.frnt .expblk .exptext p {
    font-size: 16px;
    line-height: 1.55;
    color: #ffffffd1;
    margin: 0 0 16px
}

.frnt .expblk .exptext .quotemark {
    font-size: 70px;
    line-height: 1.2;
    color: #ffe71840;
    font-weight: 700;
    margin-bottom: 8px
}

.frnt .expblk .exptext .quotetext {
    font-size: 18px;
    line-height: 1.55;
    color: #FFE718;
    font-style: italic;
    border-left: 3px solid #FFE718;
    border-top: 1px solid #ffe7184d;
    padding: 16px 16px 16px 24px;
    border-radius: 0 7px 7px 0
}

.frnt .expblk .exptext .quoteattr {
    font-size: 14px;
    color: #fff9;
    margin-top: 8px;
    padding-left: 24px
}

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

.frnt .apprblk .pgwrap {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 64px;
    align-items: start
}

.frnt .apprblk .apprleft h2 {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -.02em;
    font-weight: 300;
    color: #333232;
    margin: 0 0 16px
}

.frnt .apprblk .apprleft p {
    font-size: 16px;
    line-height: 1.55;
    color: #555;
    margin: 0 0 16px
}

.frnt .apprblk .apprright {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.frnt .apprblk .apprright .barset {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.frnt .apprblk .apprright .barset h4 {
    font-size: 14px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #0D6677;
    margin: 0 0 8px
}

.frnt .apprblk .apprright .barrow {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.frnt .apprblk .apprright .barrow .barlabel {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 14px;
    color: #555
}

.frnt .apprblk .apprright .barrow .bartrack {
    height: 8px;
    background: #eee;
    border-radius: 48px;
    overflow: hidden
}

.frnt .apprblk .apprright .barrow .barfill {
    height: 100%;
    border-radius: 48px;
    animation: barGrow .35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards
}

.frnt .apprblk .apprright .barrow .barfill.primary {
    background: #0D6677
}

.frnt .apprblk .apprright .barrow .barfill.secondary {
    background: #FFE718
}

@keyframes barGrow {
    from {
        width: 0
    }
}

.frnt .apprblk .apprright .imgpair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.frnt .apprblk .apprright .imgpair .apimg {
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 5px 22px -2px #0d66771a
}

.frnt .apprblk .apprright .imgpair .apimg img {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
    filter: saturate(0.4) brightness(0.85);
    transition: filter .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.frnt .apprblk .apprright .imgpair .apimg:hover img {
    filter: saturate(1) brightness(1)
}

.frnt .fitblk {
    background: #333232;
    padding: 64px 0
}

.frnt .fitblk .pgwrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px
}

.frnt .fitblk h2 {
    grid-column: 1 / -1;
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -.02em;
    font-weight: 300;
    color: #fff;
    margin: 0 0 8px
}

.frnt .fitblk .fitcol h4 {
    font-size: 16px;
    font-weight: 700;
    color: #FFE718;
    margin: 0 0 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ffe7184d
}

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

.frnt .fitblk .fitcol .fitlist li {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    font-size: 16px;
    line-height: 1.55;
    color: #ffffffd1
}

.frnt .fitblk .fitcol .fitlist li .fitnum {
    font-size: 36px;
    font-weight: 700;
    color: #ffe7182e;
    line-height: 1;
    min-width: 40px;
    flex-shrink: 0
}

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

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

.frnt .condblk .condhead {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 64px
}

.frnt .condblk .condhead h2 {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -.02em;
    font-weight: 300;
    color: #333232;
    margin: 0;
    flex: 0 0 340px
}

.frnt .condblk .condhead p {
    font-size: 16px;
    line-height: 1.55;
    color: #555;
    margin: 0;
    flex: 1
}

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

.frnt .condblk .condcard {
    padding: 24px;
    border-radius: 7px;
    border: 1px solid #e8e8e8;
    border-top: 3px solid #0D6677;
    box-shadow: 0 1px 2px -2px #0d66770f;
    transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), border-top-color .25s cubic-bezier(0.34, 1.56, 0.64, 1), background .25s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: default
}

.frnt .condblk .condcard:hover {
    box-shadow: 0 9px 44px -2px #0d667724;
    border-top-color: #FFE718;
    background: #f7fdfe
}

.frnt .condblk .condcard h5 {
    font-size: 16px;
    font-weight: 700;
    color: #0D6677;
    margin: 0 0 8px
}

.frnt .condblk .condcard p {
    font-size: 14px;
    line-height: 1.55;
    color: #555;
    margin: 0
}

.frnt .condblk .condimg {
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 5px 22px -2px #0d66771a
}

.frnt .condblk .condimg img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    filter: saturate(0.4) brightness(0.85);
    transition: filter .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.frnt .condblk .condimg:hover img {
    filter: saturate(1) brightness(1)
}

.frnt .teamblk {
    background: #f4f4f2;
    padding: 64px 0
}

.frnt .teamblk .pgwrap {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 64px;
    align-items: start
}

.frnt .teamblk .teamleft h2 {
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -.02em;
    font-weight: 300;
    color: #333232;
    margin: 0 0 24px
}

.frnt .teamblk .teamleft p {
    font-size: 16px;
    line-height: 1.55;
    color: #555;
    margin: 0 0 16px
}

.frnt .teamblk .teamleft .memberlist {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 32px
}

.frnt .teamblk .teamleft .member {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    padding: 16px;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 1px 2px -2px #0d66770f;
    transition: box-shadow .22s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.frnt .teamblk .teamleft .member:hover {
    box-shadow: 0 5px 22px -2px #0d66771a
}

.frnt .teamblk .teamleft .member .mavatar {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background: #0D6677;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.frnt .teamblk .teamleft .member .mavatar svg {
    width: 24px;
    height: 24px
}

.frnt .teamblk .teamleft .member .minfo h5 {
    font-size: 16px;
    font-weight: 700;
    color: #333232;
    margin: 0 0 4px
}

.frnt .teamblk .teamleft .member .minfo .mrole {
    font-size: 14px;
    color: #0D6677;
    margin: 0 0 4px
}

.frnt .teamblk .teamleft .member .minfo p {
    font-size: 14px;
    line-height: 1.55;
    color: #666;
    margin: 0
}

.frnt .teamblk .teamright {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.frnt .teamblk .teamright .bignum {
    font-size: 70px;
    font-weight: 700;
    color: #0D6677;
    line-height: 1.2;
    letter-spacing: -.04em
}

.frnt .teamblk .teamright .bignumlabel {
    font-size: 14px;
    color: #555;
    margin-top: 4px;
    margin-bottom: 24px
}

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

.frnt .teamblk .teamright .credlist li {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.55;
    color: #555
}

.frnt .teamblk .teamright .credlist li .credicon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px
}

@media (max-width: 960px) {
    .frnt .titblk .pgwrap {
        flex-direction: column;
        gap: 32px
    }

    .frnt .titblk .timgzone {
        flex: none;
        width: 100%
    }

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

    .frnt .envblk .imgrow {
        grid-template-columns: 1fr
    }

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

    .frnt .expblk .expimg {
        flex: none;
        width: 100%
    }

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

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

    .frnt .fitblk h2 {
        grid-column: 1
    }

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

    .frnt .condblk .condhead h2 {
        flex: none
    }

    .frnt .condblk .condgrid {
        grid-template-columns: 1fr 1fr
    }

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

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

    .frnt .titblk {
        padding: 32px 0
    }

    .frnt .titblk .tittext h1 {
        font-size: 36px
    }

    .frnt .condblk .condgrid {
        grid-template-columns: 1fr
    }

    .frnt .apprblk .apprright .imgpair {
        grid-template-columns: 1fr
    }

    .frnt .envblk,
    .frnt .expblk,
    .frnt .apprblk,
    .frnt .fitblk,
    .frnt .condblk,
    .frnt .teamblk {
        padding: 32px 0
    }
}

.gds {
    max-width: 1500px;
    margin: 0 auto;
    overflow-x: clip
}

.gds .gdshero {
    background: linear-gradient(137deg, #0D6677 50%, #FFE718 50%);
    padding: 64px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center
}

.gds .gdshero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(45deg, #ffe7180a 0, #ffe7180a 1px, transparent 1px, transparent 18px), repeating-linear-gradient(-45deg, #0d66770a 0, #0d66770a 1px, transparent 1px, transparent 18px);
    pointer-events: none
}

.gds .gdshero .herotext {
    position: relative;
    z-index: 1
}

.gds .gdshero .herolabel {
    display: inline-block;
    font-size: 14px;
    letter-spacing: .12em;
    color: #FFE718;
    text-transform: uppercase;
    margin-bottom: 16px;
    padding: 4px 16px;
    border: 1px solid #ffe71866;
    border-radius: 7px
}

.gds .gdshero .heroh1 {
    font-size: 52px;
    line-height: 1.2;
    color: #fff;
    letter-spacing: -.02em;
    font-weight: 300;
    margin-bottom: 24px
}

.gds .gdshero .herodesc {
    font-size: 18px;
    line-height: 1.55;
    color: #ffffffd1;
    margin-bottom: 0
}

.gds .gdshero .heroimg {
    position: relative;
    z-index: 1;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 9px 44px -2px #0d667724
}

.gds .gdshero .heroimg img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    display: block;
    transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.gds .gdshero .heroimg:hover img {
    transform: scale(1.04)
}

.gds .gdshero .imgcaption {
    position: absolute;
    inset: 0;
    background: #0d6677b8;
    display: flex;
    align-items: flex-end;
    padding: 24px;
    opacity: 0;
    transition: opacity .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.gds .gdshero .heroimg:hover .imgcaption {
    opacity: 1
}

.gds .gdshero .imgcaption span {
    font-size: 14px;
    color: #fff;
    line-height: 1.55
}

.gds .gdsdivider {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 64px;
    margin: 0
}

.gds .gdsdivider span {
    display: block;
    height: 1px;
    background: #0D6677;
    opacity: .25
}

.gds .guidesgrid {
    padding: 64px;
    background: #fff
}

.gds .guidesgrid .gghead {
    margin-bottom: 48px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    border-bottom: 2px solid #FFE718;
    padding-bottom: 24px
}

.gds .guidesgrid .ggh2 {
    font-size: 36px;
    line-height: 1.2;
    color: #333232;
    letter-spacing: -.01em;
    font-weight: 300;
    margin: 0
}

.gds .guidesgrid .ggsubtext {
    font-size: 16px;
    line-height: 1.55;
    color: #555;
    max-width: 340px;
    margin: 0
}

.gds .guidesgrid .gggrid {
    display: grid;
    grid-template-columns: 1fr 0.8fr 1fr;
    gap: 24px;
    align-items: start
}

.gds .guidesgrid .ggcard {
    border: 1px solid #0d667724;
    border-radius: 7px;
    padding: 32px 24px;
    position: relative;
    background: #fff;
    box-shadow: 0 1px 2px -2px #0d66770f;
    transition: box-shadow .22s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.gds .guidesgrid .ggcard:hover {
    box-shadow: 0 5px 22px -2px #0d66771a;
    border-color: #0d667759
}

.gds .guidesgrid .ggcard.shorter {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: 32px
}

.gds .guidesgrid .cardnum {
    font-size: 70px;
    line-height: 1.2;
    font-weight: 700;
    color: #0d667712;
    position: absolute;
    top: 8px;
    right: 16px;
    letter-spacing: -.04em;
    pointer-events: none;
    user-select: none
}

.gds .guidesgrid .cardicon {
    width: 36px;
    height: 36px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.gds .guidesgrid .cardicon svg {
    width: 28px;
    height: 28px
}

.gds .guidesgrid .cardh4 {
    font-size: 18px;
    line-height: 1.2;
    color: #333232;
    font-weight: 600;
    margin-bottom: 12px;
    letter-spacing: -.01em
}

.gds .guidesgrid .cardp {
    font-size: 14px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 16px
}

.gds .guidesgrid .cardlink {
    font-size: 14px;
    color: #0D6677;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    font-weight: 500;
    transition: text-decoration-thickness .2s cubic-bezier(0.34, 1.56, 0.64, 1), color .2s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: inline-block
}

.gds .guidesgrid .cardlink:hover {
    text-decoration-thickness: 3px !important;
    color: #333232
}

.gds .guidesgrid .ggcard .cardtag {
    display: inline-block;
    font-size: 14px;
    color: #0D6677;
    background: #0d667714;
    border-radius: 7px;
    padding: 4px 8px;
    margin-bottom: 12px
}

.gds .timeline {
    padding: 64px;
    background: #f5f7f7;
    position: relative
}

.gds .timeline::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle 2px at 20px 20px, #0d66770f 2px, transparent 2px), radial-gradient(circle 2px at 60px 60px, #ffe71812 2px, transparent 2px);
    background-size: 80px 80px;
    pointer-events: none
}

.gds .timeline .tlhead {
    margin-bottom: 48px;
    position: relative
}

.gds .timeline .tlh2 {
    font-size: 36px;
    line-height: 1.2;
    color: #333232;
    font-weight: 300;
    letter-spacing: -.01em;
    margin-bottom: 8px
}

.gds .timeline .tldesc {
    font-size: 16px;
    line-height: 1.55;
    color: #555;
    max-width: 520px
}

.gds .timeline .tlwrap {
    position: relative;
    padding-left: 48px
}

.gds .timeline .tlwrap::before {
    content: '';
    position: absolute;
    left: 11px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: linear-gradient(180deg, #0D6677 50%, #FFE718 50%);
    border-radius: 7px
}

.gds .timeline .tlitem {
    position: relative;
    margin-bottom: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start
}

.gds .timeline .tlitem:last-child {
    margin-bottom: 0
}

.gds .timeline .tlitem::before {
    content: '';
    position: absolute;
    left: -41px;
    top: 6px;
    width: 14px;
    height: 14px;
    border-radius: 48px;
    background: #0D6677;
    border: 3px solid #fff;
    box-shadow: 0 1px 2px -2px #0d66770f
}

.gds .timeline .tlitem.done::before {
    background: #FFE718;
    border-color: #333232
}

.gds .timeline .tlitem.active::before {
    background: #0D6677;
    box-shadow: 0 0 0 4px #0d66772e
}

.gds .timeline .tlitemtitle {
    font-size: 16px;
    font-weight: 600;
    color: #333232;
    margin-bottom: 8px;
    line-height: 1.2
}

.gds .timeline .tlitemdesc {
    font-size: 14px;
    line-height: 1.8;
    color: #555;
    margin: 0
}

.gds .timeline .tlstatus {
    font-size: 14px;
    color: #0D6677;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

.gds .timeline .tlstatus .statusdot {
    width: 8px;
    height: 8px;
    border-radius: 48px;
    background: #0D6677;
    flex-shrink: 0
}

.gds .timeline .tlstatus.tsdone .statusdot {
    background: #FFE718
}

.gds .timeline .tlstatus.tsdone {
    color: #333232
}

.gds .tldashedline {
    position: absolute;
    right: 0;
    top: 50%;
    width: 60px;
    border-top: 2px dashed #0d667740;
    pointer-events: none
}

@keyframes blurReveal {
    from {
        filter: blur(8px);
        opacity: 0
    }

    to {
        filter: blur(0);
        opacity: 1
    }
}

.gds .gdshero .herotext {
    animation: blurReveal .32s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.gds .gdshero .heroimg {
    animation: blurReveal .28s .1s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.gds .guidesgrid .ggcard:nth-child(1) {
    animation: blurReveal .25s .05s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.gds .guidesgrid .ggcard:nth-child(2) {
    animation: blurReveal .25s .12s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.gds .guidesgrid .ggcard:nth-child(3) {
    animation: blurReveal .25s .18s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.gds .guidesgrid .ggcard:nth-child(4) {
    animation: blurReveal .25s .22s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.gds .guidesgrid .ggcard:nth-child(5) {
    animation: blurReveal .25s .27s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.gds .guidesgrid .ggcard:nth-child(6) {
    animation: blurReveal .25s .32s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

@media (max-width: 960px) {
    .gds .gdshero {
        grid-template-columns: 1fr;
        padding: 32px;
        gap: 32px
    }

    .gds .gdshero .heroh1 {
        font-size: 36px
    }

    .gds .guidesgrid {
        padding: 32px
    }

    .gds .guidesgrid .gggrid {
        grid-template-columns: 1fr 1fr
    }

    .gds .guidesgrid .ggcard.shorter {
        margin-top: 0
    }

    .gds .timeline {
        padding: 32px
    }

    .gds .timeline .tlitem {
        grid-template-columns: 1fr;
        gap: 8px
    }

    .gds .gdsdivider {
        padding: 0 32px
    }
}

@media (max-width: 480px) {
    .gds .gdshero {
        padding: 24px 16px
    }

    .gds .gdshero .heroh1 {
        font-size: 24px
    }

    .gds .guidesgrid {
        padding: 24px 16px
    }

    .gds .guidesgrid .gggrid {
        grid-template-columns: 1fr
    }

    .gds .guidesgrid .gghead {
        flex-direction: column;
        align-items: flex-start
    }

    .gds .timeline {
        padding: 24px 16px
    }

    .gds .timeline .tlwrap {
        padding-left: 32px
    }

    .gds .gdsdivider {
        padding: 0 16px
    }
}

.abtus {
    max-width: 1500px;
    margin: 0 auto;
    overflow-x: clip
}

.abtus .reveal {
    animation: fadeIn .28s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.abtus .profileCard:hover~.profileCard,
.abtus .profileCard:has(~ .profileCard:hover) {
    filter: blur(1.5px);
    opacity: .7
}

.abtus .profileCard {
    transition: filter .25s cubic-bezier(0.34, 1.56, 0.64, 1), opacity .22s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.abtus .topband {
    background: #fff;
    padding: 64px 64px 48px;
    position: relative
}

.abtus .topband::after {
    content: '';
    display: block;
    height: 2px;
    background: linear-gradient(90deg, #FFE718 50%, #0D6677 50%);
    margin-top: 48px
}

.abtus .topband .symcenter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 64px;
    max-width: 1200px;
    margin: 0 auto
}

.abtus .topband .leftshape {
    flex: 0 0 220px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px
}

.abtus .topband .rightshape {
    flex: 0 0 220px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px
}

.abtus .topband .centercopy {
    flex: 1 1 auto;
    text-align: center
}

.abtus .topband .abslabel {
    font-size: 14px;
    letter-spacing: .12em;
    color: #0D6677;
    text-transform: uppercase;
    font-weight: 600
}

.abtus .topband .mainhd {
    font-size: 52px;
    line-height: 1.2;
    letter-spacing: -.03em;
    font-weight: 300;
    color: #333232;
    margin: 16px 0
}

.abtus .topband .mainhd strong {
    font-weight: 700;
    color: #0D6677
}

.abtus .topband .subdesc {
    font-size: 18px;
    line-height: 1.55;
    color: #333232;
    max-width: 520px;
    margin: 0 auto
}

.abtus .shapeline {
    width: 3px;
    background: #FFE718;
    height: 80px;
    border-radius: 7px
}

.abtus .shapecirc {
    width: 40px;
    height: 40px;
    border-radius: 48px;
    border: 3px solid #0D6677;
    background: transparent
}

.abtus .shapeblock {
    width: 60px;
    height: 8px;
    border-radius: 7px;
    background: #FFE718
}

.abtus .imgwarm {
    width: 180px;
    height: 180px;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 5px 22px -2px #0d66771a
}

.abtus .imgwarm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: sepia(0.35) saturate(1.2) brightness(0.95);
    transition: filter .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abtus .imgwarm:hover img {
    filter: sepia(0) saturate(1) brightness(1)
}

.abtus .imgwarm::after {
    content: '';
    position: absolute;
    inset: 0;
    background: #0d66772e;
    pointer-events: none;
    transition: opacity .25s cubic-bezier(0.34, 1.56, 0.64, 1);
    border-radius: 7px
}

.abtus .imgwarm:hover::after {
    opacity: 0
}

.abtus .statrow {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: flex-start;
    justify-content: center;
    margin-top: 32px
}

.abtus .statitem {
    text-align: center
}

.abtus .statnum {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -.02em
}

.abtus .statnum .intpart {
    color: #0D6677
}

.abtus .statnum .fracpart {
    color: #FFE718;
    font-size: 24px
}

.abtus .statlabel {
    font-size: 14px;
    color: #333232;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-top: 4px
}

.abtus .divmark {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px 0
}

.abtus .divmark .divline {
    flex: 1 1 auto;
    height: 1px;
    background: #333232;
    opacity: .12;
    max-width: 600px
}

.abtus .divmark .divdot {
    width: 10px;
    height: 10px;
    border-radius: 48px;
    background: #FFE718;
    border: 2px solid #0D6677
}

.abtus .teambelt {
    background: #333232;
    padding: 64px 64px 48px;
    position: relative
}

.abtus .teambelt::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(0deg, #ffffff06 0px, #ffffff06 1px, transparent 1px, transparent 32px);
    pointer-events: none
}

.abtus .teambelt .beltinner {
    max-width: 1200px;
    margin: 0 auto
}

.abtus .teambelt .belthd {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: .06em;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 8px
}

.abtus .teambelt .beltsubhd {
    font-size: 16px;
    line-height: 1.55;
    color: #ffffff9e;
    max-width: 560px;
    margin-bottom: 48px
}

.abtus .teambelt .beltlayout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 48px;
    align-items: start
}

.abtus .teambelt .sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.abtus .teambelt .sidebox {
    border: 1px solid #ffe71838;
    border-radius: 7px;
    padding: 24px;
    background: #ffffff08
}

.abtus .teambelt .sidebox .sideboxlabel {
    font-size: 14px;
    color: #FFE718;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 8px
}

.abtus .teambelt .sidebox .sideboxval {
    font-size: 18px;
    color: #fff;
    line-height: 1.55
}

.abtus .teambelt .sidebox .sideboxsub {
    font-size: 14px;
    color: #ffffff80;
    margin-top: 4px;
    line-height: 1.55
}

.abtus .teambelt .mainarea {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.abtus .profileCard {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 24px;
    align-items: start;
    background: #ffffff0a;
    border-radius: 7px;
    padding: 24px;
    border: 1px solid #ffffff12;
    box-shadow: 0 1px 2px -2px #0d66770f;
    cursor: default
}

.abtus .profileCard:hover {
    filter: none;
    opacity: 1;
    background: #ffffff14;
    border-color: #ffe7184d;
    box-shadow: 0 9px 44px -2px #0d667724;
    transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abtus .cardimg {
    width: 100px;
    height: 100px;
    border-radius: 48px;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 5px 22px -2px #0d66771a
}

.abtus .cardimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: sepia(0.2) saturate(1.1);
    transition: filter .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abtus .profileCard:hover .cardimg img {
    filter: sepia(0) saturate(1)
}

.abtus .cardtxt .cardname {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 4px
}

.abtus .cardtxt .cardrole {
    font-size: 14px;
    color: #FFE718;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 8px
}

.abtus .cardtxt .cardbio {
    font-size: 16px;
    line-height: 1.55;
    color: #ffffffb8
}

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

.abtus .numlist li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    border-radius: 7px;
    background: #ffffff08;
    border-left: 3px solid #FFE718;
    border-top: 1px solid #ffffff0f;
    border-right: 1px solid #ffffff0f;
    border-bottom: 1px solid #ffffff0f
}

.abtus .numlist li .nnum {
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
    color: #ffe71838;
    flex-shrink: 0;
    min-width: 40px
}

.abtus .numlist li .ntxt {
    font-size: 16px;
    line-height: 1.55;
    color: #ffffffb8;
    padding-top: 4px
}

.abtus .numlist li .ntxt strong {
    color: #fff;
    display: block;
    font-size: 14px;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 4px
}

@media (max-width: 960px) {
    .abtus .topband {
        padding: 48px 32px 32px
    }

    .abtus .topband .symcenter {
        flex-direction: column;
        gap: 32px
    }

    .abtus .topband .leftshape,
    .abtus .topband .rightshape {
        flex-direction: row;
        align-items: center;
        flex: 0 0 auto
    }

    .abtus .shapeline {
        width: 80px;
        height: 3px
    }

    .abtus .topband .mainhd {
        font-size: 36px
    }

    .abtus .teambelt {
        padding: 48px 32px 32px
    }

    .abtus .teambelt .beltlayout {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .abtus .teambelt .sidebar {
        flex-direction: row;
        flex-wrap: wrap
    }

    .abtus .teambelt .sidebox {
        flex: 1 1 200px
    }
}

@media (max-width: 480px) {
    .abtus .topband {
        padding: 32px 16px 24px
    }

    .abtus .topband .mainhd {
        font-size: 24px
    }

    .abtus .topband .subdesc {
        font-size: 16px
    }

    .abtus .statrow {
        flex-wrap: wrap;
        gap: 16px
    }

    .abtus .teambelt {
        padding: 32px 16px 24px
    }

    .abtus .teambelt .belthd {
        font-size: 24px
    }

    .abtus .profileCard {
        grid-template-columns: 72px 1fr;
        gap: 16px;
        padding: 16px
    }

    .abtus .cardimg {
        width: 72px;
        height: 72px
    }
}

.successPage {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    background: #fff
}

.successPage .successCard {
    max-width: 560px;
    width: 100%;
    background: #fff;
    border: 1px solid #e8e4d0;
    border-top: 4px solid #FFE718;
    border-radius: 7px;
    padding: 48px 40px 40px;
    box-shadow: 0 1px 2px -2px #0d66770f 0 5px 22px -2px #0d66771a 0 9px 44px -2px #0d667724;
    text-align: center
}

.successPage .successCard .successIcon {
    width: 56px;
    height: 56px;
    margin: 0 auto 24px;
    display: block
}

.successPage .successCard .successHeading {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #333232;
    margin: 0 0 16px
}

.successPage .successCard .successMsg {
    font-size: 16px;
    line-height: 1.55;
    color: #333232;
    margin: 0 0 32px
}

.successPage .successCard .successDivider {
    width: 48px;
    height: 2px;
    background: #FFE718;
    margin: 0 auto 32px;
    border-radius: 7px
}

.successPage .successCard .successSubtext {
    font-size: 14px;
    line-height: 1.55;
    color: #555;
    margin: 0 0 32px
}

.successPage .successCard .successSubtext a {
    color: #0D6677;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.successPage .successCard .successSubtext a:hover {
    color: #333232
}

.successPage .successCard .successBtn {
    display: inline-block;
    padding: 12px 32px;
    background: #333232;
    color: #FFE718;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    border-radius: 7px;
    text-decoration: none;
    border: 2px solid #333232;
    transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1), color .22s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.successPage .successCard .successBtn:hover,
.successPage .successCard .successBtn:focus {
    background: #0D6677;
    border-color: #0D6677;
    color: #fff;
    outline: none
}

.successPage .successCard .successBtn:active {
    background: #333232;
    border-color: #333232;
    color: #FFE718
}

@media (max-width: 480px) {
    .successPage {
        padding: 32px 16px
    }

    .successPage .successCard {
        padding: 32px 24px
    }

    .successPage .successCard .successHeading {
        font-size: 24px
    }
}