html {
box-sizing: border-box;
scroll-behavior: auto
}

*,
::before,
::after {
box-sizing: inherit
}

body {
margin: 0;
scrollbar-gutter: stable;
min-height: 100vh;
font-family: 'Montserrat', sans-serif
}

:focus {
outline: none;
border-bottom: 4px solid #3C6998
}

.site-header {
background: linear-gradient(135deg, #3C6998 0%, #2d5280 60%, #1e3a5f 100%);
position: relative;
overflow: hidden
}

.site-header::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 420px;
height: 100%;
background: linear-gradient(90deg, transparent 0%, #8dc3cc1f 100%);
pointer-events: none
}

.hdr-plate {
max-width: 1320px;
margin: 0 auto;
padding: 0 28px;
display: flex;
align-items: stretch;
gap: 0
}

.brand-pod {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 28px 28px 28px 0;
border-right: 1px solid #8dc3cc40;
min-width: 160px;
flex-shrink: 0
}

.brand-rule {
width: 100%;
height: 2px;
background: linear-gradient(90deg, #8DC3CC 0%, transparent 100%);
margin-top: 8px;
border: none
}

.logo-cell {
display: block;
width: 44px;
height: 44px;
border-radius: 8px 22px 8px 22px;
box-shadow: 0 0 0 3px #8dc3cc59 0 7px 28px -1px #3c69981a;
background: #FEFEFE;
padding: 4px;
overflow: hidden;
flex-shrink: 0
}

.logo-cell img {
width: 100%;
height: 100%;
object-fit: contain;
display: block
}

.brand-label {
font-size: 15px;
font-weight: 700;
color: #FEFEFE;
line-height: 1.2;
margin-top: 8px;
letter-spacing: 0
}

.nav-deck {
display: flex;
flex-direction: column;
justify-content: center;
padding: 16px 0 16px 28px;
flex: 1;
gap: 4px
}

.nav-primary {
display: flex;
flex-wrap: wrap;
gap: 4px 8px;
list-style: none;
margin: 0;
padding: 0
}

.nav-primary li {
display: flex;
align-items: center
}

.nav-primary li a {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 600;
color: #fefefed9;
text-decoration: none;
padding: 8px 16px;
border-radius: 8px;
transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1), background .22s cubic-bezier(0.34, 1.56, 0.64, 1);
line-height: 1.2;
min-height: 44px;
position: relative;
overflow: hidden
}

.nav-primary li a::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%) translateX(-100%);
width: 3px;
height: 60%;
background: #8DC3CC;
border-radius: 0 8px 8px 0;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.nav-primary li a:hover {
color: #FEFEFE;
background: #8dc3cc26
}

.nav-primary li a:hover::before {
transform: translateY(-50%) translateX(0)
}

.nav-primary li a.active {
color: #FEFEFE;
background: #8dc3cc33
}

.nav-primary li a.active::before {
transform: translateY(-50%) translateX(0)
}

.hdr-accent-bar {
height: 4px;
background: linear-gradient(90deg, #8DC3CC 0%, #8dc3cc4d 60%, transparent 100%)
}

@media (max-width: 768px) {
.hdr-plate {
flex-direction: column;
padding: 0 16px
}

.brand-pod {
flex-direction: row;
align-items: center;
gap: 16px;
padding: 16px 0;
border-right: none;
border-bottom: 1px solid #8dc3cc40
}

.brand-rule {
display: none
}

.brand-label {
margin-top: 0
}

.nav-deck {
padding: 16px 0
}

.nav-primary li a {
font-size: 15px;
padding: 8px 16px
}
}

@media (max-width: 375px) {
.nav-primary {
gap: 4px
}

.nav-primary li a {
padding: 8px;
font-size: 15px
}
}

.site-footer {
background: #1e3a5f;
color: #fefefecc
}

.ftr-top-bar {
height: 4px;
background: linear-gradient(90deg, transparent 0%, #8DC3CC 40%, #8dc3cc4d 100%)
}

.ftr-plate {
max-width: 1320px;
margin: 0 auto;
padding: 56px 28px 28px
}

.ftr-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 56px;
margin-bottom: 56px
}

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

.ftr-col-label {
font-size: 15px;
font-weight: 700;
color: #8DC3CC;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0
}

.ftr-desc {
font-size: 15px;
line-height: 1.7;
color: #fefefeb3
}

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

.ftr-links li a {
font-size: 15px;
line-height: 1.7;
color: #fefefebf;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 44px;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ftr-links li a:hover {
color: #8DC3CC
}

.ftr-contact-item {
font-size: 15px;
line-height: 1.7;
color: #fefefeb3
}

.ftr-contact-item a {
color: #8DC3CC;
text-decoration: none;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ftr-contact-item a:hover {
color: #FEFEFE
}

.ftr-divider {
height: 1px;
background: #8dc3cc26;
margin-bottom: 28px
}

.ftr-bottom {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 16px;
text-align: center
}

.ftr-logo-cell {
display: block;
width: 40px;
height: 40px;
border-radius: 8px 22px 8px 22px;
box-shadow: 0 0 0 3px #8dc3cc40 0 7px 28px -1px #3c69981a;
background: #FEFEFE;
padding: 4px;
overflow: hidden
}

.ftr-logo-cell img {
width: 100%;
height: 100%;
object-fit: contain;
display: block
}

.ftr-copy {
font-size: 15px;
color: #fefefe73;
line-height: 1.2
}

@media (max-width: 768px) {
.ftr-grid {
grid-template-columns: 1fr 1fr;
gap: 28px
}

.ftr-col:first-child {
grid-column: 1 / -1
}
}

@media (max-width: 375px) {
.ftr-grid {
grid-template-columns: 1fr;
gap: 28px
}

.ftr-col:first-child {
grid-column: auto
}

.ftr-plate {
padding: 28px 16px 16px
}
}

.consent-mgr-strip {
position: fixed;
bottom: 16px;
left: 16px;
z-index: 999;
display: none
}

.consent-mgr-btn {
background: #3C6998;
color: #FEFEFE;
border: none;
border-radius: 22px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 600;
padding: 8px 16px;
cursor: pointer;
box-shadow: 0 7px 28px -1px #3c69981a;
min-height: 44px;
transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.consent-mgr-btn:hover {
background: #2d5280
}

.gdpr-card {
position: fixed;
bottom: 28px;
right: 28px;
z-index: 1000;
background: #FEFEFE;
border-radius: 14px;
box-shadow: 0 12px 52px -1px #3c699821 0 7px 28px -1px #3c69981a;
width: 340px;
max-width: calc(100vw - 56px);
padding: 28px;
display: none
}

.gdpr-icon-row {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px
}

.gdpr-icon-shape {
width: 40px;
height: 40px;
border-radius: 22px;
background: linear-gradient(135deg, #3C6998 0%, #8DC3CC 100%);
display: flex;
align-items: center;
justify-content: center
}

.gdpr-icon-shape svg {
width: 22px;
height: 22px;
fill: #FEFEFE
}

.gdpr-text {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
line-height: 1.7;
color: #1e3a5f;
margin-bottom: 16px;
text-align: center
}

.gdpr-categories {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 16px
}

.gdpr-cat-item {
display: flex;
align-items: center;
justify-content: space-between;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #1e3a5f;
line-height: 1.2
}

.gdpr-cat-item span {
font-weight: 600
}

.gdpr-cat-item .always-on {
font-size: 15px;
color: #3C6998;
font-weight: 600
}

.gdpr-checkbox {
width: 20px;
height: 20px;
accent-color: #3C6998;
cursor: pointer
}

.gdpr-btn-row {
display: flex;
gap: 8px;
margin-bottom: 8px
}

.gdpr-btn-accept,
.gdpr-btn-deny {
flex: 1;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 600;
border-radius: 8px;
border: 2px solid #3C6998;
padding: 8px 16px;
cursor: pointer;
min-height: 44px;
transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1), color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.gdpr-btn-accept {
background: #3C6998;
color: #FEFEFE
}

.gdpr-btn-accept:hover {
background: #2d5280;
border-color: #2d5280
}

.gdpr-btn-deny {
background: transparent;
color: #3C6998
}

.gdpr-btn-deny:hover {
background: #3c699814
}

.agreement-content {
max-width: 1320px;
margin: 0 auto;
padding: 56px 28px
}

.agreement-content h1 {
font-size: 56px;
line-height: 1.2;
color: #3C6998;
padding-bottom: 28px;
border-bottom: 3px solid #8DC3CC;
margin-bottom: 56px;
margin-top: 0
}

.agreement-content h2 {
font-size: 41px;
line-height: 1.2;
color: #3C6998;
margin-top: 56px;
margin-bottom: 28px
}

.agreement-content h3 {
font-size: 31px;
line-height: 1.2;
color: #2d5078;
margin-top: 28px;
margin-bottom: 16px
}

.agreement-content h4 {
font-size: 19px;
line-height: 1.7;
color: #2d5078;
margin-top: 28px;
margin-bottom: 8px
}

.agreement-content h5 {
font-size: 15px;
line-height: 1.7;
color: #3C6998;
margin-top: 16px;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: .04em
}

.agreement-content h6 {
font-size: 15px;
line-height: 1.7;
color: #5a7fa8;
margin-top: 16px;
margin-bottom: 8px
}

.agreement-content p {
font-size: 19px;
line-height: 1.7;
color: #1b2e42;
margin-top: 0;
margin-bottom: 16px
}

.agreement-content strong,
.agreement-content b {
font-weight: 700;
color: #2d5078
}

.agreement-content em,
.agreement-content i {
font-style: italic;
color: #3C6998
}

.agreement-content ul,
.agreement-content ol {
font-size: 19px;
line-height: 1.7;
color: #1b2e42;
margin-top: 0;
margin-bottom: 16px;
padding-left: 28px
}

.agreement-content li {
margin-bottom: 8px
}

.agreement-content a {
color: #3C6998;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.agreement-content a:hover {
color: #8DC3CC
}

.agreement-content hr {
border: none;
border-top: 2px solid #8DC3CC;
margin-top: 56px;
margin-bottom: 56px;
opacity: .5
}

.agreement-content table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
line-height: 1.7;
color: #1b2e42;
margin-top: 28px;
margin-bottom: 28px;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 2px 3px -1px #3c69980f 0 7px 28px -1px #3c69981a
}

.agreement-content thead {
background-color: #3C6998
}

.agreement-content thead th {
color: #FEFEFE;
font-size: 15px;
font-weight: 700;
line-height: 1.7;
padding: 16px 28px;
text-align: left;
border-bottom: 2px solid #2d5078
}

.agreement-content tbody tr {
background-color: #FEFEFE;
transition: background-color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.agreement-content tbody tr:nth-child(even) {
background-color: #f0f6fa
}

.agreement-content tbody tr:hover {
background-color: #dceef5
}

.agreement-content td {
padding: 16px 28px;
border-bottom: 1px solid #8dc3cc59;
vertical-align: top
}

.agreement-content th {
padding: 16px 28px
}

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

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

.agreement-content h1 {
font-size: 41px;
margin-bottom: 28px
}

.agreement-content h2 {
font-size: 31px;
margin-top: 28px
}

.agreement-content h3 {
font-size: 19px
}

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

.agreement-content thead th,
.agreement-content td {
padding: 16px;
white-space: nowrap
}
}

@media (max-width: 375px) {
.agreement-content {
padding: 16px 8px
}

.agreement-content h1 {
font-size: 31px
}

.agreement-content h2 {
font-size: 19px
}

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

.agreement-content p,
.agreement-content ul,
.agreement-content ol {
font-size: 15px
}

.agreement-content hr {
margin-top: 28px;
margin-bottom: 28px
}
}

.bld {
max-width: 1320px;
margin: 0 auto;
padding: 0 28px;
overflow: hidden
}

.bld .breadcrumb {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 16px 0 28px;
flex-wrap: wrap
}

.bld .breadcrumb a {
font-size: 15px;
color: #3C6998;
text-decoration: none;
line-height: 1.2;
transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.bld .breadcrumb a:hover {
color: #8DC3CC
}

.bld .breadcrumb .bc-sep {
font-size: 15px;
color: #3C6998;
opacity: .4;
line-height: 1.2
}

.bld .breadcrumb .bc-cur {
font-size: 15px;
color: #3C6998;
opacity: .6;
line-height: 1.2
}

.bld .post-lead {
display: grid;
grid-template-columns: 60fr 40fr;
gap: 56px;
padding: 56px 0 28px;
align-items: end;
position: relative
}

.bld .post-lead::before {
content: "";
position: absolute;
top: 0;
left: -28px;
right: -28px;
bottom: 0;
background: linear-gradient(263deg, #FEFEFE, transparent);
pointer-events: none;
z-index: 0;
animation: bg-breathe 10s ease-in-out infinite
}

@keyframes bg-breathe {

0%,
100% {
background-size: 100% 100%;
opacity: 1
}

50% {
background-size: 105% 105%;
opacity: .85
}
}

.bld .post-lead-left {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 16px
}

.bld .post-lead-right {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-start
}

.bld .tag-row {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
align-items: center
}

.bld .tag {
font-size: 15px;
line-height: 1.2;
color: #FEFEFE;
background: #3C6998;
padding: 4px 16px;
border-radius: 8px;
display: inline-block
}

.bld .tag-cat {
font-size: 15px;
line-height: 1.2;
color: #3C6998;
background: transparent;
border: 1.5px solid #8DC3CC;
padding: 4px 16px;
border-radius: 8px;
display: inline-block
}

.bld .post-h1 {
font-size: 56px;
line-height: 1.2;
color: #1b3a5c;
font-weight: 800;
margin: 0;
text-align: left
}

.bld .post-h1 .accent-word {
color: #3C6998
}

.bld .post-subtitle {
font-size: 19px;
line-height: 1.7;
color: #2d4a66;
margin: 0;
text-align: left
}

.bld .meta-strip {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
flex-wrap: wrap
}

.bld .meta-item {
font-size: 15px;
line-height: 1.2;
color: #3C6998;
opacity: .75
}

.bld .meta-divider {
width: 4px;
height: 4px;
border-radius: 8px;
background: #8DC3CC;
display: inline-block
}

.bld .likes-badge {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 8px 16px;
border-radius: 22px;
background: #FEFEFE;
box-shadow: 0 2px 3px -1px #3c69980f 0 7px 28px -1px #3c69981a;
font-size: 15px;
color: #3C6998;
font-weight: 700
}

.bld .likes-badge svg {
width: 18px;
height: 18px;
fill: #3C6998
}

.bld .corner-bracket {
position: relative
}

.bld .corner-bracket::before,
.bld .corner-bracket::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
border-color: #8DC3CC;
border-style: solid;
pointer-events: none
}

.bld .corner-bracket::before {
top: -8px;
left: -8px;
border-width: 2px 0 0 2px;
border-radius: 8px 0 0 0
}

.bld .corner-bracket::after {
bottom: -8px;
right: -8px;
border-width: 0 2px 2px 0;
border-radius: 0 0 8px 0
}

.bld .img-frame {
position: relative;
border-radius: 14px;
overflow: hidden;
width: 100%;
aspect-ratio: 4/3;
box-shadow: 0 7px 28px -1px #3c69981a 0 12px 52px -1px #3c699821
}

.bld .img-frame img {
width: 100%;
height: 120%;
object-fit: cover;
display: block;
position: absolute;
top: 0;
left: 0;
will-change: transform;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.bld .img-frame::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to bottom, #1b3a5c73 0%, transparent 55%);
pointer-events: none;
z-index: 1
}

.bld .repeat-pattern {
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 80px;
opacity: .07;
pointer-events: none;
z-index: 0
}

.bld .repeat-pattern svg {
width: 100%;
height: 100%
}

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

.bld .divider-styled .d-line {
flex: 1;
height: 1px;
background: #8DC3CC;
opacity: .3
}

.bld .divider-styled .d-accent {
width: 56px;
height: 2px;
background: #3C6998;
border-radius: 8px
}

.bld .post-body {
display: grid;
grid-template-columns: 60fr 40fr;
gap: 56px;
padding: 28px 0 56px;
align-items: start
}

.bld .body-text {
display: flex;
flex-direction: column;
gap: 16px
}

.bld .body-text p {
font-size: 19px;
line-height: 1.7;
color: #1b3a5c;
margin: 0;
text-align: justify
}

.bld .body-text h2 {
font-size: 31px;
line-height: 1.2;
color: #1b3a5c;
font-weight: 700;
margin: 16px 0 0;
text-transform: uppercase;
letter-spacing: .04em;
text-align: left
}

.bld .body-text mark {
background: #8dc3cc47;
color: #1b3a5c;
padding: 0 4px;
border-radius: 4px
}

.bld .body-text ins {
text-decoration: none;
color: #3C6998;
font-weight: 600
}

.bld .body-text blockquote {
margin: 8px 0;
padding: 16px 28px;
border-radius: 14px;
background: linear-gradient(263deg, #8dc3cc26, transparent);
position: relative;
box-shadow: inset 0 1px 2px #3c69980f
}

.bld .body-text blockquote p {
font-size: 19px;
line-height: 1.7;
color: #3C6998;
font-style: italic;
font-weight: 600;
text-align: left
}

.bld .body-text ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 8px
}

.bld .body-text ul li {
font-size: 19px;
line-height: 1.7;
color: #1b3a5c;
padding: 8px 16px;
border-radius: 8px;
position: relative;
padding-left: 20px
}

.bld .body-text ul li::before {
content: "";
position: absolute;
left: 0;
top: 8px;
bottom: 8px;
width: 3px;
background: #3C6998;
border-radius: 8px
}

.bld .aside-col {
display: flex;
flex-direction: column;
gap: 28px;
position: sticky;
top: 28px
}

.bld .schedule-grid {
border-radius: 14px;
background: #FEFEFE;
box-shadow: 0 2px 3px -1px #3c69980f 0 7px 28px -1px #3c69981a;
padding: 28px;
display: flex;
flex-direction: column;
gap: 16px
}

.bld .schedule-grid h4 {
font-size: 15px;
line-height: 1.2;
color: #3C6998;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .08em;
margin: 0
}

.bld .sched-table {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px
}

.bld .sched-cell {
display: flex;
flex-direction: column;
gap: 4px;
padding: 8px;
border-radius: 8px;
background: linear-gradient(263deg, #8dc3cc1f, transparent)
}

.bld .sched-label {
font-size: 15px;
line-height: 1.2;
color: #3C6998;
opacity: .65;
font-weight: 600
}

.bld .sched-val {
font-size: 19px;
line-height: 1.2;
color: #1b3a5c;
font-weight: 700
}

.bld .process-block {
border-radius: 14px;
background: #3C6998;
padding: 28px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 12px 52px -1px #3c699821
}

.bld .process-block h4 {
font-size: 15px;
line-height: 1.2;
color: #8DC3CC;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .08em;
margin: 0
}

.bld .step-list {
display: flex;
flex-direction: column;
gap: 8px
}

.bld .step-item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start
}

.bld .step-num {
width: 28px;
height: 28px;
border-radius: 8px;
background: #8dc3cc40;
color: #FEFEFE;
font-size: 15px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.bld .step-desc {
font-size: 15px;
line-height: 1.7;
color: #fefefee0
}

.bld .result-preview {
border-radius: 8px;
background: #8dc3cc26;
padding: 16px;
display: flex;
flex-direction: column;
gap: 8px
}

.bld .result-label {
font-size: 15px;
line-height: 1.2;
color: #8DC3CC;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em
}

.bld .result-text {
font-size: 19px;
line-height: 1.7;
color: #FEFEFE;
font-weight: 600
}

.bld .bottom-band {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 28px;
padding: 56px 0 28px;
position: relative
}

.bld .bottom-band::before {
content: "";
position: absolute;
top: 0;
left: -28px;
right: -28px;
bottom: 0;
background: linear-gradient(263deg, #8dc3cc1a, transparent);
pointer-events: none;
z-index: 0
}

.bld .band-card {
position: relative;
z-index: 1;
border-radius: 22px;
background: #FEFEFE;
padding: 28px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 2px 3px -1px #3c69980f 0 7px 28px -1px #3c69981a;
transition: box-shadow .22s cubic-bezier(0.34, 1.56, 0.64, 1), transform .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.bld .band-card:hover {
box-shadow: 0 12px 52px -1px #3c699821;
transform: translateY(-4px)
}

.bld .band-card h5 {
font-size: 15px;
line-height: 1.2;
color: #3C6998;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .08em;
margin: 0
}

.bld .band-card p {
font-size: 15px;
line-height: 1.7;
color: #1b3a5c;
margin: 0;
text-align: justify
}

.bld .band-num {
font-size: 41px;
line-height: 1.2;
color: #3C6998;
font-weight: 800
}

.bld .link-btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 15px;
line-height: 1.2;
color: #3C6998;
text-decoration: none;
font-weight: 700;
padding: 8px 0;
position: relative;
overflow: hidden;
transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.bld .link-btn svg {
width: 16px;
height: 16px;
fill: none;
stroke: #3C6998;
stroke-width: 2;
transform: translateX(-20px);
opacity: 0;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1), opacity .28s cubic-bezier(0.34, 1.56, 0.64, 1);
flex-shrink: 0
}

.bld .link-btn span {
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1);
display: inline-block
}

.bld .link-btn:hover span {
transform: translateX(8px)
}

.bld .link-btn:hover svg {
transform: translateX(0);
opacity: 1
}

.bld .link-btn:focus {
outline: 2px solid #3C6998;
outline-offset: 4px;
border-radius: 8px
}

@media (max-width: 1366px) {
.bld .post-h1 {
font-size: 41px
}
}

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

.bld .post-lead {
grid-template-columns: 1fr;
gap: 28px;
padding: 28px 0 16px
}

.bld .post-lead-right {
order: -1
}

.bld .post-h1 {
font-size: 31px
}

.bld .post-body {
grid-template-columns: 1fr;
gap: 28px;
padding: 16px 0 28px
}

.bld .aside-col {
position: static
}

.bld .bottom-band {
grid-template-columns: 1fr;
gap: 16px;
padding: 28px 0 16px
}

.bld .sched-table {
grid-template-columns: 1fr
}
}

@media (max-width: 375px) {
.bld .post-h1 {
font-size: 31px
}

.bld .band-num {
font-size: 31px
}

.bld .meta-strip {
flex-direction: column;
align-items: flex-start;
gap: 8px
}
}

.subsc {
position: relative;
overflow-x: clip
}

.subsc .pg-wrap {
max-width: 1320px;
margin: 0 auto;
padding: 0 28px
}

.subsc .announce-band {
background: #3C6998;
padding: 8px 28px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 16px
}

.subsc .announce-band span {
color: #FEFEFE;
font-size: 15px;
line-height: 1.2;
letter-spacing: .08em;
text-transform: uppercase;
font-weight: 700
}

.subsc .announce-band .band-dot {
width: 6px;
height: 6px;
background: #8DC3CC;
border-radius: 50%;
flex-shrink: 0
}

.subsc .title-area {
background: #FEFEFE;
padding-top: 56px;
padding-bottom: 28px;
position: relative
}

.subsc .title-area .pg-wrap {
display: flex;
flex-direction: row;
gap: 56px;
align-items: flex-start
}

.subsc .title-col {
flex: 1 1 0;
min-width: 0
}

.subsc .title-col .accent-phrase {
display: inline-block;
color: #3C6998;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .12em;
margin-bottom: 16px;
padding: 4px 16px;
border: 1.5px solid #8DC3CC;
border-radius: 8px;
background: linear-gradient(263deg, #8DC3CC22, transparent)
}

.subsc .title-col h1 {
font-size: 56px;
line-height: 1.2;
color: #1b2d42;
font-weight: 800;
margin: 0 0 28px
}

.subsc .title-col h1 em {
font-style: normal;
color: #3C6998
}

.subsc .title-col .lead-text {
font-size: 19px;
line-height: 1.7;
color: #2c3e50;
text-align: justify;
margin: 0 0 28px
}

.subsc .title-col .meta-note {
font-size: 15px;
line-height: 1.7;
color: #4a5568
}

.subsc .side-col {
width: 340px;
flex-shrink: 0;
position: relative
}

.subsc .side-img-frame {
border-radius: 22px;
overflow: hidden;
box-shadow: 0 7px 28px -1px #3c69981a 0 12px 52px -1px #3c699821;
position: relative
}

.subsc .side-img-frame img {
width: 100%;
height: 380px;
object-fit: cover;
display: block
}

.subsc .side-img-frame::after {
content: "";
position: absolute;
inset: 0;
border-radius: 22px;
background: radial-gradient(circle at 90% 10%, #3c69982e 0%, transparent 60%), radial-gradient(circle at 10% 90%, #3c699838 0%, transparent 55%);
pointer-events: none
}

.subsc .shape-accent {
position: absolute;
top: -16px;
right: -16px;
width: 80px;
height: 80px;
border-radius: 22px;
background: linear-gradient(263deg, #8DC3CC, #3C6998);
opacity: .18;
z-index: 0;
pointer-events: none
}

.subsc .shape-accent-2 {
position: absolute;
bottom: -8px;
left: -12px;
width: 48px;
height: 48px;
border-radius: 14px;
background: #3C6998;
opacity: .12;
z-index: 0;
pointer-events: none
}

.subsc .dashed-connector {
display: none
}

.subsc .divider-tri {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 16px;
padding: 16px 0;
background: #FEFEFE
}

.subsc .divider-tri svg {
display: block
}

.subsc .confirm-area {
background: linear-gradient(263deg, #3C6998 0%, #2a4d73 100%);
padding: 56px 0;
position: relative;
overflow: hidden
}

.subsc .confirm-area::before {
content: "";
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(135deg, #8dc3cc12 0px, #8dc3cc12 1px, transparent 1px, transparent 40px);
background-size: 56px 56px;
animation: drift-pattern 18s linear infinite;
pointer-events: none
}

@keyframes drift-pattern {
0% {
background-position: 0 0
}

100% {
background-position: 56px 56px
}
}

.subsc .confirm-area .pg-wrap {
display: flex;
flex-direction: row;
gap: 56px;
align-items: center;
position: relative;
z-index: 1
}

.subsc .confirm-left {
flex: 1 1 0;
min-width: 0
}

.subsc .confirm-left h2 {
font-size: 41px;
line-height: 1.2;
color: #FEFEFE;
font-weight: 800;
margin: 0 0 28px;
text-transform: uppercase;
letter-spacing: .04em
}

.subsc .confirm-left .body-text {
font-size: 19px;
line-height: 1.7;
color: #c8dff0;
text-align: justify;
margin: 0 0 28px
}

.subsc .confirm-left .body-text strong {
color: #FEFEFE;
font-weight: 700
}

.subsc .metrics-row {
display: flex;
flex-direction: row;
gap: 28px;
margin-top: 28px
}

.subsc .metric-item {
display: flex;
flex-direction: column;
gap: 4px
}

.subsc .metric-item .m-val {
font-size: 41px;
line-height: 1.2;
color: #8DC3CC;
font-weight: 800;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.subsc .metric-item .m-val .arrow-up {
display: inline-block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 13px solid #8DC3CC;
margin-bottom: 4px;
flex-shrink: 0
}

.subsc .metric-item .m-val .arrow-down {
display: inline-block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 13px solid #e88a8a;
margin-top: 4px;
flex-shrink: 0
}

.subsc .metric-item .m-label {
font-size: 15px;
line-height: 1.2;
color: #8DC3CC;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .08em
}

.subsc .confirm-right {
width: 380px;
flex-shrink: 0
}

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

.subsc .benefit-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
background: #fefefe12;
border-radius: 14px;
border: 1px solid #8dc3cc2e;
box-shadow: 0 2px 3px -1px #3c69980f;
transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.subsc .benefit-list li:hover {
background: #fefefe21;
border-color: #8dc3cc61
}

.subsc .benefit-list li .b-icon {
width: 36px;
height: 36px;
border-radius: 8px;
background: #8dc3cc2e;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.subsc .benefit-list li .b-text {
flex: 1 1 0
}

.subsc .benefit-list li .b-text strong {
display: block;
font-size: 15px;
line-height: 1.2;
color: #FEFEFE;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
margin-bottom: 4px
}

.subsc .benefit-list li .b-text span {
font-size: 15px;
line-height: 1.7;
color: #a8c8df
}

.subsc .confirm-area .contact-note {
margin-top: 28px;
padding: 16px;
background: #fefefe0f;
border-radius: 14px;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px
}

.subsc .confirm-area .contact-note a {
color: #8DC3CC;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.subsc .confirm-area .contact-note a:hover {
color: #FEFEFE
}

.subsc .confirm-area .contact-note span {
color: #a8c8df;
font-size: 15px;
line-height: 1.7
}

@media (max-width: 1366px) {
.subsc .title-col h1 {
font-size: 41px
}

.subsc .side-col {
width: 280px
}
}

@media (max-width: 768px) {
.subsc .title-area .pg-wrap {
flex-direction: column;
gap: 28px
}

.subsc .side-col {
width: 100%
}

.subsc .side-img-frame img {
height: 240px
}

.subsc .title-col h1 {
font-size: 31px
}

.subsc .confirm-area .pg-wrap {
flex-direction: column;
gap: 28px
}

.subsc .confirm-right {
width: 100%
}

.subsc .confirm-left h2 {
font-size: 31px
}

.subsc .metrics-row {
flex-direction: row;
flex-wrap: wrap
}

.subsc .metric-item .m-val {
font-size: 31px
}
}

@media (max-width: 375px) {
.subsc .title-col h1 {
font-size: 31px
}

.subsc .announce-band {
flex-wrap: wrap;
text-align: center
}

.subsc .metrics-row {
flex-direction: column;
gap: 16px
}

.subsc .confirm-left h2 {
font-size: 31px
}
}

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

.auth-pg .reveal-el {
opacity: 0;
animation: fadeReveal .28s cubic-bezier(0.34, 1.56, 0.64, 1) forwards
}

.auth-pg .reveal-el.d1 {
animation-delay: .08s
}

.auth-pg .reveal-el.d2 {
animation-delay: .16s
}

.auth-pg .reveal-el.d3 {
animation-delay: .24s
}

.auth-pg .reveal-el.d4 {
animation-delay: .32s
}

.auth-pg .reveal-el.d5 {
animation-delay: .4s
}

@keyframes fadeReveal {
from {
opacity: 0
}

to {
opacity: 1
}
}

.auth-pg .pg-limiter {
max-width: 1320px;
margin-left: auto;
margin-right: auto;
padding-left: 56px;
padding-right: 56px
}

.auth-pg .split-band {
padding-top: 56px;
padding-bottom: 56px;
background: linear-gradient(263deg, #FEFEFE 0%, #8dc3cc14 100%)
}

.auth-pg .split-inner {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 56px
}

.auth-pg .split-left {
flex: 0 0 40%;
max-width: 40%;
display: flex;
flex-direction: column;
gap: 28px;
position: relative
}

.auth-pg .split-right {
flex: 0 0 56%;
max-width: 56%;
display: flex;
flex-direction: column;
gap: 28px
}

.auth-pg .img-frame {
position: relative;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 7px 28px -1px #3c69981a
}

.auth-pg .img-frame img {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center top;
display: block;
border-radius: 22px;
filter: blur(0px);
mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, black 60%, transparent 100%);
-webkit-mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, black 60%, transparent 100%);
opacity: .92
}

.auth-pg .img-secondary {
position: relative;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 2px 3px -1px #3c69980f;
margin-top: -28px;
margin-left: 28px
}

.auth-pg .img-secondary img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
border-radius: 14px;
opacity: .85
}

.auth-pg .abbr-bg {
position: absolute;
top: -16px;
right: -16px;
font-size: 70px;
font-weight: 900;
color: #8dc3cc24;
line-height: 1.2;
pointer-events: none;
user-select: none;
z-index: 0;
letter-spacing: -4px
}

.auth-pg .accent-bar {
width: 48px;
height: 4px;
background: #3C6998;
border-radius: 8px;
margin-bottom: 8px
}

.auth-pg .author-name {
font-size: 41px;
line-height: 1.2;
color: #1b2e42;
font-weight: 800;
margin: 0
}

.auth-pg .author-name em {
font-style: normal;
text-decoration: underline;
text-decoration-color: #8DC3CC;
text-underline-offset: 6px
}

.auth-pg .author-role {
font-size: 15px;
line-height: 1.7;
color: #3C6998;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
margin: 0
}

.auth-pg .bio-text {
font-size: 19px;
line-height: 1.7;
color: #2a3d50;
text-align: justify;
margin: 0
}

.auth-pg .bio-text.sm {
font-size: 15px;
color: #3a4f62
}

.auth-pg .stat-row {
display: flex;
flex-direction: row;
gap: 28px;
flex-wrap: wrap
}

.auth-pg .stat-box {
flex: 1 1 120px;
background: #FEFEFE;
border-radius: 14px;
padding: 16px;
box-shadow: 0 2px 3px -1px #3c69980f 0 7px 28px -1px #3c69981a;
display: flex;
flex-direction: column;
gap: 4px
}

.auth-pg .stat-num {
font-size: 31px;
font-weight: 800;
color: #3C6998;
line-height: 1.2
}

.auth-pg .stat-label {
font-size: 15px;
color: #4a6070;
line-height: 1.7
}

.auth-pg .divider-num {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
padding: 28px 0;
max-width: 1320px;
margin-left: auto;
margin-right: auto;
padding-left: 56px;
padding-right: 56px
}

.auth-pg .divider-line {
flex: 1;
height: 1px;
background: linear-gradient(90deg, transparent, #8DC3CC, transparent)
}

.auth-pg .divider-count {
font-size: 15px;
color: #8DC3CC;
font-weight: 700;
letter-spacing: .1em
}

.auth-pg .deep-band {
background: #1b2e42;
padding-top: 56px;
padding-bottom: 56px;
position: relative;
overflow: hidden
}

.auth-pg .deep-band::before {
content: "";
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(180deg, transparent 0px, transparent 6px, #8dc3cc0a 6px, #8dc3cc0a 7px, transparent 7px, transparent 18px, #8dc3cc05 18px, #8dc3cc05 20px, transparent 20px, transparent 35px, #8dc3cc08 35px, #8dc3cc08 36px);
pointer-events: none
}

.auth-pg .deep-inner {
display: grid;
grid-template-columns: 60% 1fr;
gap: 56px;
align-items: start;
position: relative;
z-index: 1
}

.auth-pg .deep-abbr {
position: absolute;
bottom: -28px;
right: 0;
font-size: 70px;
font-weight: 900;
color: #8dc3cc12;
line-height: 1.2;
pointer-events: none;
user-select: none
}

.auth-pg .deep-heading {
font-size: 31px;
font-weight: 800;
color: #FEFEFE;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: .04em;
margin: 0 0 16px
}

.auth-pg .deep-accent {
display: inline;
color: #8DC3CC
}

.auth-pg .deep-body {
font-size: 15px;
line-height: 1.7;
color: #fefefed1;
text-align: justify;
margin: 0 0 28px
}

.auth-pg .process-flow {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 0;
flex-wrap: nowrap;
margin-top: 28px
}

.auth-pg .proc-step {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
padding: 16px;
background: #8dc3cc14;
border-radius: 14px;
position: relative
}

.auth-pg .proc-step:not(:last-child)::after {
content: "";
position: absolute;
right: -16px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #8dc3cc66;
z-index: 2
}

.auth-pg .proc-gap {
width: 16px;
flex-shrink: 0
}

.auth-pg .proc-num {
font-size: 31px;
font-weight: 900;
color: #8dc3cc4d;
line-height: 1.2
}

.auth-pg .proc-label {
font-size: 15px;
font-weight: 700;
color: #FEFEFE;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: .05em
}

.auth-pg .proc-desc {
font-size: 15px;
color: #fefefea6;
line-height: 1.7
}

.auth-pg .side-col {
display: flex;
flex-direction: column;
gap: 28px
}

.auth-pg .quote-card {
background: #3c69984d;
border-radius: 22px;
padding: 28px;
box-shadow: 0 12px 52px -1px #3c699821
}

.auth-pg .quote-text {
font-size: 19px;
line-height: 1.7;
color: #8DC3CC;
font-style: italic;
margin: 0 0 16px
}

.auth-pg .quote-attr {
font-size: 15px;
color: #fefefe99;
margin: 0
}

.auth-pg .skills-list {
display: flex;
flex-direction: column;
gap: 8px
}

.auth-pg .skill-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
padding: 8px 16px;
border-radius: 8px;
transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1);
cursor: default
}

.auth-pg .skill-item:hover {
background: #8dc3cc1a
}

.auth-pg .skill-dot {
width: 8px;
height: 8px;
border-radius: 8px;
background: #8DC3CC;
flex-shrink: 0
}

.auth-pg .skill-name {
font-size: 15px;
color: #fefefecc;
line-height: 1.7;
flex: 1
}

.auth-pg .skill-bar-wrap {
width: 80px;
height: 4px;
background: #8dc3cc26;
border-radius: 8px;
overflow: hidden
}

.auth-pg .skill-bar-fill {
height: 100%;
background: #3C6998;
border-radius: 8px;
transition: width .32s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.auth-pg .img-side {
border-radius: 14px;
overflow: hidden;
box-shadow: 0 7px 28px -1px #3c69981a
}

.auth-pg .img-side img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
border-radius: 14px;
opacity: .75
}

.auth-pg .wave-divider {
width: 100%;
line-height: 0;
overflow: hidden
}

.auth-pg .wave-divider svg {
display: block;
width: 100%
}

@media (max-width: 1366px) {
.auth-pg .pg-limiter {
padding-left: 28px;
padding-right: 28px
}

.auth-pg .divider-num {
padding-left: 28px;
padding-right: 28px
}
}

@media (max-width: 768px) {
.auth-pg .split-inner {
flex-direction: column;
gap: 28px
}

.auth-pg .split-left,
.auth-pg .split-right {
flex: 0 0 100%;
max-width: 100%
}

.auth-pg .deep-inner {
grid-template-columns: 1fr;
gap: 28px
}

.auth-pg .process-flow {
flex-direction: column;
gap: 16px
}

.auth-pg .proc-step:not(:last-child)::after {
display: none
}

.auth-pg .proc-gap {
display: none
}

.auth-pg .author-name {
font-size: 31px
}

.auth-pg .pg-limiter {
padding-left: 16px;
padding-right: 16px
}

.auth-pg .divider-num {
padding-left: 16px;
padding-right: 16px
}

.auth-pg .stat-row {
gap: 16px
}
}

@media (max-width: 375px) {
.auth-pg .author-name {
font-size: 31px
}

.auth-pg .stat-box {
flex: 1 1 100%
}

.auth-pg .deep-heading {
font-size: 19px
}
}

.opn {
max-width: 100%;
overflow-x: clip
}

.opn .pg-bound {
max-width: 1320px;
margin-left: auto;
margin-right: auto;
padding-left: 28px;
padding-right: 28px
}

.opn .decor-lines {
position: absolute;
top: 0;
right: 0;
width: 220px;
height: 220px;
pointer-events: none;
overflow: hidden
}

.opn .decor-lines svg {
width: 100%;
height: 100%;
opacity: .07
}

.opn .divider-tick {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 16px 0
}

.opn .divider-tick span {
display: block;
height: 1px;
background: #3C6998;
opacity: .18;
flex: 1
}

.opn .divider-tick i {
display: block;
width: 1px;
height: 10px;
background: #3C6998;
opacity: .35
}

.opn .dot-label {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.opn .dot-label::before {
content: '';
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #8DC3CC;
flex-shrink: 0
}

.opn .manifesto {
position: relative;
padding: 56px 0;
background: #FEFEFE
}

.opn .manifesto-grid {
display: grid;
grid-template-columns: 1fr 340px;
gap: 56px;
align-items: center
}

.opn .manifesto-text h1 {
font-size: 56px;
line-height: 1.2;
color: #1b2d42;
margin: 0 0 28px;
font-weight: 800
}

.opn .manifesto-text p {
font-size: 19px;
line-height: 1.7;
color: #2a3a4d;
text-align: justify;
margin: 0 0 16px
}

.opn .manifesto-text p:last-child {
margin-bottom: 0
}

.opn .manifesto-card {
position: relative;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 7px 28px -1px #3c69981a 0 12px 52px -1px #3c699821
}

.opn .manifesto-card img {
width: 100%;
height: 400px;
object-fit: cover;
display: block;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.opn .manifesto-card::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(263deg, #1b2d428c 0%, transparent 70%);
border-radius: 22px;
pointer-events: none
}

.opn .manifesto-shapes {
position: absolute;
left: -40px;
bottom: 40px;
pointer-events: none;
z-index: 0
}

.opn .manifesto-text {
position: relative;
z-index: 1
}

.opn .manifesto-badge {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: linear-gradient(263deg, #8DC3CC 0%, #8dc3cc2e 100%);
border-radius: 8px;
padding: 4px 16px;
font-size: 15px;
color: #1b2d42;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 16px
}

.opn .posts-feed {
position: relative;
padding: 56px 0;
background: linear-gradient(263deg, #f2f7fb 0%, #FEFEFE 100%)
}

.opn .feed-label {
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .1em;
color: #3C6998;
margin-bottom: 28px
}

.opn .post-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 28px
}

.opn .post-card {
background: #FEFEFE;
border-radius: 22px;
box-shadow: 0 2px 3px -1px #3c69980f 0 7px 28px -1px #3c69981a;
display: flex;
flex-direction: column;
overflow: hidden;
transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .25s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative
}

.opn .post-card:hover {
box-shadow: 0 12px 52px -1px #3c699821;
transform: translateY(-4px)
}

.opn .post-card-img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
transition: transform .32s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.opn .post-card:hover .post-card-img {
transform: scale(1.04)
}

.opn .post-card-img-wrap {
overflow: hidden;
border-radius: 22px 22px 0 0;
flex-shrink: 0
}

.opn .post-card-body {
padding: 16px 28px 28px;
display: flex;
flex-direction: column;
flex: 1
}

.opn .post-tag {
display: inline-block;
background: #8dc3cc38;
color: #3C6998;
font-size: 15px;
font-weight: 700;
border-radius: 8px;
padding: 4px 8px;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: .06em
}

.opn .post-card-body h2 {
font-size: 19px;
line-height: 1.2;
color: #1b2d42;
font-weight: 800;
margin: 0 0 8px;
text-transform: uppercase;
letter-spacing: .03em
}

.opn .post-sub {
font-size: 15px;
line-height: 1.7;
color: #3a4f65;
margin: 0 0 16px
}

.opn .post-desc {
font-size: 15px;
line-height: 1.7;
color: #4a5f75;
text-align: justify;
margin: 0 0 16px;
flex: 1
}

.opn .post-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 16px
}

.opn .post-meta-item {
font-size: 15px;
color: #3C6998;
opacity: .75
}

.opn .post-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 700;
color: #3C6998;
text-decoration: none;
border-radius: 8px;
padding: 8px 0;
transition: gap .22s cubic-bezier(0.34, 1.56, 0.64, 1), color .22s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative
}

.opn .post-link::before {
content: '';
display: block;
width: 14px;
height: 2px;
background: #8DC3CC;
border-radius: 2px;
transition: width .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.opn .post-link:hover {
gap: 16px;
color: #1b2d42
}

.opn .post-link:hover::before {
width: 20px
}

.opn .post-card-border-trace {
position: absolute;
inset: 0;
border-radius: 22px;
border: 2px solid transparent;
transition: border-color .28s cubic-bezier(0.34, 1.56, 0.64, 1);
pointer-events: none
}

.opn .post-card:hover .post-card-border-trace {
border-color: #8dc3cc8c
}

.opn .post-likes {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 4px;
font-size: 15px;
color: #8DC3CC;
font-weight: 600
}

.opn .post-likes svg {
width: 14px;
height: 14px;
fill: #8DC3CC
}

.opn .author-strip {
position: relative;
padding: 56px 0;
background: #1b2d42;
overflow: hidden
}

.opn .author-strip-grid {
display: grid;
grid-template-columns: 280px 1fr;
gap: 56px;
align-items: center
}

.opn .author-img-wrap {
position: relative;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 12px 52px -1px #8dc3cc21;
flex-shrink: 0
}

.opn .author-img-wrap img {
width: 280px;
height: 340px;
object-fit: cover;
display: block
}

.opn .author-text h2 {
font-size: 41px;
line-height: 1.2;
color: #FEFEFE;
font-weight: 800;
margin: 0 0 16px;
text-transform: uppercase;
letter-spacing: .04em
}

.opn .author-text p {
font-size: 19px;
line-height: 1.7;
color: #fefefed1;
text-align: justify;
margin: 0 0 16px
}

.opn .author-text p:last-of-type {
margin-bottom: 28px
}

.opn .author-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 700;
color: #8DC3CC;
text-decoration: none;
border-radius: 8px;
padding: 8px 0;
transition: gap .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.opn .author-link:hover {
gap: 16px
}

.opn .author-link::before {
content: '';
display: block;
width: 14px;
height: 2px;
background: #8DC3CC;
border-radius: 2px;
transition: width .25s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.opn .author-link:hover::before {
width: 22px
}

.opn .author-bg-shape {
position: absolute;
right: -60px;
top: -60px;
width: 300px;
height: 300px;
border-radius: 48px;
background: #8dc3cc0f;
pointer-events: none;
transform: rotate(25deg)
}

.opn .author-bg-shape2 {
position: absolute;
right: 120px;
bottom: -80px;
width: 200px;
height: 200px;
border-radius: 34px;
background: #8dc3cc0a;
pointer-events: none;
transform: rotate(-15deg)
}

.opn .scale-band {
position: relative;
padding: 56px 0;
background: #FEFEFE
}

.opn .scale-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center
}

.opn .scale-visual {
position: relative;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 7px 28px -1px #3c69981a
}

.opn .scale-visual img {
width: 100%;
height: 360px;
object-fit: cover;
display: block
}

.opn .scale-stats {
display: flex;
flex-direction: column;
gap: 28px
}

.opn .scale-stat-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px 0;
border-top: 1px solid #3c69981a
}

.opn .scale-stat-row:first-child {
border-top: none;
padding-top: 0
}

.opn .scale-num {
font-size: 41px;
line-height: 1.2;
font-weight: 800;
color: #3C6998;
flex-shrink: 0;
min-width: 80px
}

.opn .scale-desc h4 {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
color: #1b2d42;
margin: 0 0 4px
}

.opn .scale-desc p {
font-size: 15px;
line-height: 1.7;
color: #4a5f75;
margin: 0
}

.opn .scale-text h2 {
font-size: 31px;
line-height: 1.2;
color: #1b2d42;
font-weight: 800;
margin: 0 0 16px;
text-transform: uppercase;
letter-spacing: .04em
}

.opn .subscribe-band {
position: relative;
padding: 56px 0;
background: linear-gradient(263deg, #3C6998 0%, #2a4f7a 100%);
overflow: hidden
}

.opn .subscribe-grid {
display: grid;
grid-template-columns: 1fr 420px;
gap: 56px;
align-items: center
}

.opn .subscribe-text h2 {
font-size: 41px;
line-height: 1.2;
color: #FEFEFE;
font-weight: 800;
margin: 0 0 16px;
text-transform: uppercase;
letter-spacing: .04em
}

.opn .subscribe-text p {
font-size: 19px;
line-height: 1.7;
color: #fefefed9;
text-align: justify;
margin: 0 0 16px
}

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

.opn .subscribe-list li {
font-size: 15px;
line-height: 1.7;
color: #fefefed1;
padding-left: 16px;
border-left: 2px solid #8DC3CC
}

.opn .subscribe-form-wrap {
background: #fefefe14;
border-radius: 22px;
padding: 28px;
box-shadow: 0 7px 28px -1px #3c69981a
}

.opn .subscribe-form {
display: flex;
flex-direction: column;
gap: 16px
}

.opn .sub-field {
display: flex;
flex-direction: column;
gap: 4px
}

.opn .sub-field label {
font-size: 15px;
font-weight: 700;
color: #fefefee6;
letter-spacing: .04em
}

.opn .sub-field input {
background: #fefefe1f;
border: 1px solid #fefefe38;
border-radius: 14px;
padding: 8px 16px;
font-size: 15px;
color: #FEFEFE;
outline: none;
transition: border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1), background .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.opn .sub-field input::placeholder {
color: #fefefe66
}

.opn .sub-field input:focus {
border-color: #8DC3CC;
background: #fefefe2e
}

.opn .sub-btn {
background: #8DC3CC;
color: #1b2d42;
border: none;
border-radius: 14px;
padding: 8px 28px;
font-size: 15px;
font-weight: 700;
cursor: pointer;
letter-spacing: .06em;
text-transform: uppercase;
transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1), transform .22s cubic-bezier(0.34, 1.56, 0.64, 1);
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
align-self: flex-start
}

.opn .sub-btn:hover {
background: #FEFEFE;
transform: translateY(-2px)
}

.opn .sub-btn:active {
transform: translateY(0)
}

.opn .sub-note {
font-size: 15px;
color: #fefefe8c;
margin: 0
}

.opn .subscribe-bg-decor {
position: absolute;
left: -80px;
bottom: -80px;
width: 340px;
height: 340px;
border-radius: 48px;
border: 2px solid #8dc3cc1f;
pointer-events: none;
transform: rotate(18deg)
}

.opn .continue-band {
position: relative;
padding: 56px 0;
background: linear-gradient(263deg, #eef4f9 0%, #FEFEFE 100%)
}

.opn .continue-inner {
display: grid;
grid-template-columns: 340px 1fr;
gap: 56px;
align-items: start
}

.opn .continue-img-wrap {
border-radius: 22px;
overflow: hidden;
box-shadow: 0 7px 28px -1px #3c69981a;
position: relative
}

.opn .continue-img-wrap img {
width: 340px;
height: 420px;
object-fit: cover;
display: block
}

.opn .continue-text h2 {
font-size: 31px;
line-height: 1.2;
color: #1b2d42;
font-weight: 800;
margin: 0 0 16px;
text-transform: uppercase;
letter-spacing: .04em
}

.opn .continue-text p {
font-size: 19px;
line-height: 1.7;
color: #2a3a4d;
text-align: justify;
margin: 0 0 28px
}

.opn .continue-links {
display: flex;
flex-direction: column;
gap: 16px
}

.opn .continue-link-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
text-decoration: none;
border-radius: 14px;
padding: 16px;
background: #FEFEFE;
box-shadow: 0 2px 3px -1px #3c69980f;
transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .25s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden
}

.opn .continue-link-item:hover {
box-shadow: 0 7px 28px -1px #3c69981a;
transform: translateX(6px)
}

.opn .continue-link-item-trace {
position: absolute;
inset: 0;
border-radius: 14px;
border: 2px solid transparent;
pointer-events: none;
transition: border-color .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.opn .continue-link-item:hover .continue-link-item-trace {
border-color: #8dc3cc73
}

.opn .continue-link-icon {
width: 48px;
height: 48px;
border-radius: 14px;
background: linear-gradient(263deg, #8DC3CC 0%, #8dc3cc66 100%);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.opn .continue-link-icon svg {
width: 22px;
height: 22px;
fill: #1b2d42
}

.opn .continue-link-text strong {
display: block;
font-size: 15px;
font-weight: 700;
color: #1b2d42;
text-transform: uppercase;
letter-spacing: .06em;
margin-bottom: 4px
}

.opn .continue-link-text span {
font-size: 15px;
color: #4a5f75;
line-height: 1.7
}

@media (max-width: 1366px) {
.opn .manifesto-grid {
grid-template-columns: 1fr 280px;
gap: 28px
}

.opn .manifesto-text h1 {
font-size: 41px
}

.opn .post-grid {
grid-template-columns: 1fr 1fr
}

.opn .post-grid .post-card:nth-child(3) {
display: none
}

.opn .subscribe-grid {
grid-template-columns: 1fr 360px;
gap: 28px
}
}

@media (max-width: 768px) {
.opn .manifesto-grid {
grid-template-columns: 1fr
}

.opn .manifesto-card {
display: none
}

.opn .manifesto-text h1 {
font-size: 41px
}

.opn .post-grid {
grid-template-columns: 1fr
}

.opn .post-grid .post-card:nth-child(3) {
display: flex
}

.opn .author-strip-grid {
grid-template-columns: 1fr;
gap: 28px
}

.opn .author-img-wrap img {
width: 100%;
height: 260px
}

.opn .author-img-wrap {
width: 100%
}

.opn .scale-inner {
grid-template-columns: 1fr;
gap: 28px
}

.opn .scale-visual {
display: none
}

.opn .subscribe-grid {
grid-template-columns: 1fr;
gap: 28px
}

.opn .continue-inner {
grid-template-columns: 1fr;
gap: 28px
}

.opn .continue-img-wrap {
display: none
}

.opn .author-text h2 {
font-size: 31px
}

.opn .subscribe-text h2 {
font-size: 31px
}
}

@media (max-width: 375px) {
.opn .pg-bound {
padding-left: 16px;
padding-right: 16px
}

.opn .manifesto-text h1 {
font-size: 31px
}

.opn .manifesto {
padding: 28px 0
}

.opn .posts-feed {
padding: 28px 0
}

.opn .author-strip {
padding: 28px 0
}

.opn .scale-band {
padding: 28px 0
}

.opn .subscribe-band {
padding: 28px 0
}

.opn .continue-band {
padding: 28px 0
}

.opn .subscribe-form-wrap {
padding: 16px
}
}

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

.nws-root .pg-wrap {
max-width: 1320px;
margin: 0 auto;
padding: 0 28px
}

.nws-root .dot-bg {
position: absolute;
inset: 0;
background-image: radial-gradient(circle, #3c699821 1px, transparent 1px);
background-size: 28px 28px;
pointer-events: none;
z-index: 0
}

.nws-root .panoramic-band {
position: relative;
background: linear-gradient(263deg, #8DC3CC 0%, #3C6998 45%, #2a4f78 100%);
padding: 56px 0;
overflow: hidden
}

.nws-root .panoramic-band .pg-wrap {
position: relative;
z-index: 1;
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 56px
}

.nws-root .pano-text {
flex: 0 0 auto;
max-width: 560px
}

.nws-root .pano-kicker {
display: inline-block;
font-size: 15px;
line-height: 1.2;
color: #8DC3CC;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 16px
}

.nws-root .pano-h1 {
font-size: 70px;
line-height: 1.2;
color: #FEFEFE;
font-weight: 900;
margin: 0 0 16px;
position: relative;
padding-left: 28px
}

.nws-root .pano-h1::before {
content: "";
position: absolute;
left: 0;
top: 12px;
width: 8px;
height: 56px;
background: #8DC3CC;
border-radius: 8px
}

.nws-root .pano-sub {
font-size: 19px;
line-height: 1.7;
color: #fefefed1;
margin: 0;
max-width: 420px
}

.nws-root .pano-img-col {
flex: 1 1 auto;
display: flex;
justify-content: flex-end;
align-items: flex-end
}

.nws-root .pano-img-frame {
width: 260px;
height: 340px;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 12px 52px -1px #3c699821;
position: relative
}

.nws-root .pano-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
mask-image: linear-gradient(to top, #000f 70%, #0000 100%);
-webkit-mask-image: linear-gradient(to top, #000f 70%, #0000 100%)
}

.nws-root .band-border-top {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #8DC3CC, #3C6998, transparent)
}

.nws-root .band-border-bottom {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, transparent, #3C6998, #8DC3CC)
}

.nws-root .stepped-grid-area {
padding: 56px 0;
background: #FEFEFE;
position: relative
}

.nws-root .stepped-grid-area::before {
content: "";
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233C6998' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
pointer-events: none
}

.nws-root .stepped-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 28px;
align-items: start;
position: relative;
z-index: 1
}

.nws-root .stepped-grid .art-card {
background: #FEFEFE;
border-radius: 22px;
box-shadow: 0 7px 28px -1px #3c69981a;
overflow: hidden;
transition: transform .25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.nws-root .stepped-grid .art-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 52px -1px #3c699821
}

.nws-root .stepped-grid .art-card:nth-child(2) {
margin-top: 28px
}

.nws-root .stepped-grid .art-card:nth-child(3) {
margin-top: 56px
}

.nws-root .art-card .card-img {
width: 100%;
height: 200px;
object-fit: cover;
object-position: center;
display: block
}

.nws-root .art-card .card-body {
padding: 28px
}

.nws-root .art-card .card-tag {
display: inline-block;
font-size: 15px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: #3C6998;
margin-bottom: 8px
}

.nws-root .art-card h2 {
font-size: 19px;
line-height: 1.2;
font-weight: 800;
color: #1b3a5c;
margin: 0 0 16px;
text-transform: uppercase;
letter-spacing: .04em
}

.nws-root .art-card .card-excerpt {
font-size: 15px;
line-height: 1.7;
color: #2e4a66;
margin: 0 0 16px;
text-align: justify
}

.nws-root .art-card .read-btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 700;
color: #3C6998;
text-decoration: none;
background: none;
border: none;
padding: 0;
cursor: pointer;
position: relative;
overflow: hidden
}

.nws-root .art-card .read-btn .btn-icon {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
transform: translateX(-6px);
opacity: 0;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1), opacity .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.nws-root .art-card .read-btn .btn-label {
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.nws-root .art-card .read-btn:hover .btn-icon {
transform: translateX(0);
opacity: 1
}

.nws-root .art-card .read-btn:hover .btn-label {
transform: translateX(4px)
}

.nws-root .art-card .read-btn .btn-icon svg {
width: 16px;
height: 16px;
fill: none;
stroke: #3C6998;
stroke-width: 2.5;
stroke-linecap: round;
stroke-linejoin: round
}

.nws-root .analysis-strip {
padding: 56px 0;
background: linear-gradient(263deg, #8dc3cc2e 0%, #fefefe00 100%);
position: relative
}

.nws-root .analysis-strip::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, #3C6998, #8DC3CC, transparent)
}

.nws-root .analysis-strip::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, #8DC3CC, #3C6998)
}

.nws-root .analysis-inner {
display: flex;
flex-direction: row;
gap: 56px;
align-items: flex-start
}

.nws-root .analysis-text-col {
flex: 0 0 40%
}

.nws-root .analysis-text-col h3 {
font-size: 31px;
line-height: 1.2;
font-weight: 900;
color: #1b3a5c;
text-transform: uppercase;
letter-spacing: .05em;
margin: 0 0 16px;
position: relative;
padding-left: 16px
}

.nws-root .analysis-text-col h3::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 5px;
height: 28px;
background: #8DC3CC;
border-radius: 8px
}

.nws-root .analysis-text-col .a-intro {
font-size: 15px;
line-height: 1.7;
color: #2e4a66;
margin: 0 0 28px;
text-align: justify
}

.nws-root .metrics-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px
}

.nws-root .metrics-list li {
display: flex;
flex-direction: column;
gap: 4px;
padding-left: 16px;
border-left: 3px solid #8DC3CC
}

.nws-root .metrics-list .m-label {
font-size: 15px;
font-weight: 700;
color: #3C6998;
text-transform: uppercase;
letter-spacing: .08em
}

.nws-root .metrics-list .m-val {
font-size: 31px;
font-weight: 900;
color: #1b3a5c;
line-height: 1.2
}

.nws-root .metrics-list .m-desc {
font-size: 15px;
color: #2e4a66;
line-height: 1.7
}

.nws-root .analysis-visual-col {
flex: 1 1 auto;
display: flex;
flex-direction: column;
gap: 28px
}

.nws-root .chart-block {
background: #FEFEFE;
border-radius: 22px;
padding: 28px;
box-shadow: 0 7px 28px -1px #3c69981a
}

.nws-root .chart-block h4 {
font-size: 15px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .1em;
color: #3C6998;
margin: 0 0 16px
}

.nws-root .bar-chart {
display: flex;
flex-direction: column;
gap: 8px
}

.nws-root .bar-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.nws-root .bar-label {
font-size: 15px;
color: #2e4a66;
min-width: 56px;
font-weight: 600
}

.nws-root .bar-track {
flex: 1;
height: 14px;
background: #3c699814;
border-radius: 8px;
overflow: hidden
}

.nws-root .bar-fill {
height: 100%;
border-radius: 8px;
background: linear-gradient(90deg, #3C6998, #8DC3CC);
animation: bar-grow .35s cubic-bezier(0.34, 1.56, 0.64, 1) both;
transform-origin: left
}

@keyframes bar-grow {
from {
transform: scaleX(0)
}

to {
transform: scaleX(1)
}
}

.nws-root .bar-val {
font-size: 15px;
font-weight: 700;
color: #3C6998;
min-width: 40px;
text-align: right
}

.nws-root .img-quote-area {
padding: 56px 0;
background: #1b3a5c;
position: relative;
overflow: hidden
}

.nws-root .img-quote-area .bg-parallax {
position: absolute;
inset: -40px 0;
background-image: url(./visual_directory/150726-040826-approved.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
opacity: .18;
pointer-events: none
}

.nws-root .img-quote-inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: row;
gap: 56px;
align-items: center
}

.nws-root .quote-img-frame {
flex: 0 0 auto;
width: 220px;
height: 300px;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 12px 52px -1px #3c699821
}

.nws-root .quote-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block
}

.nws-root .quote-text-col {
flex: 1 1 auto
}

.nws-root .editorial-quote {
font-size: 31px;
line-height: 1.7;
color: #FEFEFE;
font-weight: 700;
margin: 0 0 28px;
position: relative;
padding-left: 28px
}

.nws-root .editorial-quote::before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 6px;
height: 80%;
background: #8DC3CC;
border-radius: 8px
}

.nws-root .quote-accent {
color: #8DC3CC
}

.nws-root .quote-author-block {
display: flex;
flex-direction: column;
gap: 4px;
padding-left: 28px
}

.nws-root .q-author-name {
font-size: 19px;
font-weight: 800;
color: #FEFEFE;
text-transform: uppercase;
letter-spacing: .08em
}

.nws-root .q-author-role {
font-size: 15px;
color: #8dc3ccd9;
line-height: 1.7
}

.nws-root .perspective-area {
padding: 56px 0;
background: #FEFEFE;
position: relative
}

.nws-root .perspective-area .pg-wrap {
display: flex;
flex-direction: row;
gap: 56px;
align-items: flex-start
}

.nws-root .persp-img-col {
flex: 0 0 38%;
position: relative
}

.nws-root .persp-img-main {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center;
border-radius: 22px;
display: block;
box-shadow: 0 12px 52px -1px #3c699821
}

.nws-root .persp-deco {
position: absolute;
bottom: -16px;
right: -16px;
width: 80px;
height: 80px;
border-radius: 22px;
background: linear-gradient(263deg, #8DC3CC, #3C6998);
opacity: .22;
pointer-events: none
}

.nws-root .persp-text-col {
flex: 1 1 auto
}

.nws-root .persp-text-col h2 {
font-size: 41px;
line-height: 1.2;
font-weight: 900;
color: #1b3a5c;
text-transform: uppercase;
letter-spacing: .04em;
margin: 0 0 16px;
position: relative;
padding-left: 16px
}

.nws-root .persp-text-col h2::before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 14px solid #8DC3CC
}

.nws-root .persp-text-col .p-body {
font-size: 15px;
line-height: 1.7;
color: #2e4a66;
margin: 0 0 16px;
text-align: justify
}

.nws-root .persp-text-col .p-body:last-of-type {
margin-bottom: 28px
}

.nws-root .topic-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px
}

.nws-root .topic-list li {
font-size: 15px;
line-height: 1.7;
color: #2e4a66;
padding-left: 16px;
border-left: 3px solid #3C6998;
font-weight: 600
}

@media (max-width: 1366px) {
.nws-root .pano-h1 {
font-size: 56px
}

.nws-root .stepped-grid {
gap: 16px
}
}

@media (max-width: 768px) {
.nws-root .panoramic-band .pg-wrap {
flex-direction: column;
gap: 28px
}

.nws-root .pano-h1 {
font-size: 41px
}

.nws-root .pano-img-col {
justify-content: flex-start
}

.nws-root .pano-img-frame {
width: 100%;
height: 200px
}

.nws-root .stepped-grid {
grid-template-columns: 1fr
}

.nws-root .stepped-grid .art-card:nth-child(2),
.nws-root .stepped-grid .art-card:nth-child(3) {
margin-top: 0
}

.nws-root .analysis-inner {
flex-direction: column;
gap: 28px
}

.nws-root .analysis-text-col {
flex: none
}

.nws-root .img-quote-inner {
flex-direction: column;
gap: 28px
}

.nws-root .quote-img-frame {
width: 100%;
height: 220px
}

.nws-root .editorial-quote {
font-size: 19px
}

.nws-root .perspective-area .pg-wrap {
flex-direction: column;
gap: 28px
}

.nws-root .persp-img-col {
flex: none;
width: 100%
}

.nws-root .persp-img-main {
height: 260px
}

.nws-root .persp-text-col h2 {
font-size: 31px
}
}

@media (max-width: 375px) {
.nws-root .pg-wrap {
padding: 0 16px
}

.nws-root .pano-h1 {
font-size: 31px
}

.nws-root .panoramic-band {
padding: 28px 0
}

.nws-root .stepped-grid-area,
.nws-root .analysis-strip,
.nws-root .img-quote-area,
.nws-root .perspective-area {
padding: 28px 0
}

.nws-root .art-card .card-body {
padding: 16px
}

.nws-root .editorial-quote {
font-size: 19px;
padding-left: 16px
}
}

.nws-root .load-appear {
animation: appear-rotate .32s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.nws-root .load-appear:nth-child(1) {
animation-delay: .05s
}

.nws-root .load-appear:nth-child(2) {
animation-delay: .13s
}

.nws-root .load-appear:nth-child(3) {
animation-delay: .21s
}

@keyframes appear-rotate {
from {
opacity: 0;
transform: rotate(-4deg) translateY(16px)
}

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

.blg-root {
max-width: 1320px;
margin: 0 auto;
overflow-x: clip
}

.blg-root .pg-band {
width: 100%;
padding: 56px 28px;
box-sizing: border-box
}

.blg-root .pg-band.tight {
padding: 28px
}

.blg-root .pg-inner {
max-width: 1320px;
margin: 0 auto
}

.blg-root .ttl-block {
background: linear-gradient(263deg, #3C6998 0%, #FEFEFE 100%);
position: relative;
display: flex;
flex-direction: row;
align-items: stretch;
min-height: 420px
}

.blg-root .ttl-block .deco-stripe {
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background: #3C6998;
border-radius: 0 4px 4px 0
}

.blg-root .ttl-block .ttl-text-zone {
flex: 1 1 60%;
padding: 56px 28px 56px 56px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
box-sizing: border-box
}

.blg-root .ttl-block .ttl-pre {
font-size: 15px;
line-height: 1.7;
color: #3C6998;
letter-spacing: .08em;
text-transform: uppercase;
font-weight: 700
}

.blg-root .ttl-block .ttl-h1 {
font-size: 56px;
line-height: 1.2;
color: #1b3a5c;
font-weight: 900;
margin: 0
}

.blg-root .ttl-block .ttl-desc {
font-size: 19px;
line-height: 1.7;
color: #2d4f72;
max-width: 520px;
margin: 0
}

.blg-root .ttl-block .ttl-img-zone {
flex: 0 0 340px;
position: relative;
overflow: hidden;
border-radius: 0 14px 14px 0
}

.blg-root .ttl-block .ttl-img-zone img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.blg-root .ttl-block .ttl-img-zone:hover img {
transform: scale(1.06) translateX(-4px)
}

.blg-root .ttl-block .ttl-img-vignette {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 80% 50%, transparent 30%, #1c3a5cb8 100%);
pointer-events: none
}

.blg-root .ttl-block .deco-rects {
position: absolute;
bottom: 28px;
right: 360px;
pointer-events: none
}

.blg-root .ttl-block .deco-rects span {
display: block;
border: 1.5px solid #3c699838;
border-radius: 8px;
position: absolute
}

.blg-root .posts-area {
background: #FEFEFE;
padding: 56px 28px
}

.blg-root .posts-area .area-label {
font-size: 15px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
color: #3C6998;
letter-spacing: .1em;
margin-bottom: 28px
}

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

.blg-root .post-card {
background: #FEFEFE;
border-radius: 22px;
box-shadow: 0 2px 3px -1px #3c69980f 0 7px 28px -1px #3c69981a;
display: flex;
flex-direction: column;
overflow: hidden;
transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.blg-root .post-card:hover {
box-shadow: 0 12px 52px -1px #3c699821;
transform: translateY(-4px)
}

.blg-root .post-card .card-img-wrap {
width: 100%;
height: 200px;
overflow: hidden;
position: relative;
flex-shrink: 0
}

.blg-root .post-card .card-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .32s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.blg-root .post-card:hover .card-img-wrap img {
transform: translateX(6px) scale(1.04)
}

.blg-root .post-card .card-body {
padding: 28px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1
}

.blg-root .post-card .card-tags {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 4px
}

.blg-root .post-card .tag {
font-size: 15px;
line-height: 1.2;
color: #3C6998;
background: #8dc3cc2e;
border-radius: 8px;
padding: 4px 8px;
font-weight: 600
}

.blg-root .post-card .tag.cat {
background: #3c69981a;
color: #1b3a5c
}

.blg-root .post-card .card-title {
font-size: 19px;
line-height: 1.2;
font-weight: 800;
color: #1b3a5c;
margin: 0;
text-transform: uppercase;
letter-spacing: .03em
}

.blg-root .post-card .card-sub {
font-size: 15px;
line-height: 1.7;
color: #3C6998;
font-weight: 600;
margin: 0
}

.blg-root .post-card .card-desc {
font-size: 15px;
line-height: 1.7;
color: #2d4f72;
margin: 0;
text-align: justify
}

.blg-root .post-card .card-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid #8dc3cc59
}

.blg-root .post-card .meta-item {
font-size: 15px;
line-height: 1.2;
color: #5a7ea8;
display: flex;
flex-direction: row;
align-items: center;
gap: 4px
}

.blg-root .post-card .meta-item svg {
flex-shrink: 0
}

.blg-root .post-card .card-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-top: 8px;
font-size: 15px;
line-height: 1.2;
font-weight: 700;
color: #3C6998;
text-decoration: none;
transition: gap .22s cubic-bezier(0.34, 1.56, 0.64, 1), color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.blg-root .post-card .card-link:hover {
gap: 16px;
color: #1b3a5c
}

.blg-root .post-card .card-link .lnk-arrow {
display: inline-flex;
align-items: center;
transition: transform .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.blg-root .post-card .card-link:hover .lnk-arrow {
transform: translateX(4px)
}

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

.blg-root .post-card.featured .card-img-wrap {
width: 280px;
height: auto;
flex-shrink: 0;
border-radius: 0
}

.blg-root .post-card.featured .card-body {
flex: 1
}

.blg-root .div-fade {
height: 2px;
background: linear-gradient(90deg, transparent 0%, #8DC3CC 30%, #3C6998 50%, #8DC3CC 70%, transparent 100%);
margin: 0 28px;
border-radius: 2px
}

.blg-root .perspectives {
background: #f2f7fb;
padding: 56px 28px;
position: relative
}

.blg-root .perspectives .bg-circuit {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
border-radius: 0
}

.blg-root .perspectives .bg-circuit svg {
width: 100%;
height: 100%;
opacity: .045
}

.blg-root .perspectives .persp-grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 56px;
align-items: start;
position: relative
}

.blg-root .perspectives .persp-label {
font-size: 15px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: #3C6998;
margin-bottom: 16px
}

.blg-root .perspectives .persp-h2 {
font-size: 41px;
line-height: 1.2;
font-weight: 900;
color: #1b3a5c;
margin: 0 0 16px
}

.blg-root .perspectives .persp-body {
font-size: 19px;
line-height: 1.7;
color: #2d4f72;
text-align: justify;
margin: 0 0 28px
}

.blg-root .perspectives .persp-quote {
font-size: 31px;
line-height: 1.2;
color: #3C6998;
font-weight: 800;
border-top: 3px solid #8DC3CC;
padding-top: 16px;
margin: 0
}

.blg-root .perspectives .persp-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px
}

.blg-root .perspectives .persp-list li {
padding: 16px 16px 16px 28px;
border-radius: 14px;
background: #FEFEFE;
box-shadow: 0 2px 3px -1px #3c69980f 0 7px 28px -1px #3c69981a;
font-size: 15px;
line-height: 1.7;
color: #2d4f72;
text-align: justify;
position: relative
}

.blg-root .perspectives .persp-list li::before {
content: '';
position: absolute;
left: 0;
top: 16px;
bottom: 16px;
width: 4px;
background: linear-gradient(180deg, #3C6998 0%, #8DC3CC 100%);
border-radius: 8px
}

.blg-root .perspectives .persp-list li strong {
display: block;
font-size: 15px;
font-weight: 700;
color: #1b3a5c;
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 4px
}

.blg-root .sub-split {
display: flex;
flex-direction: row;
align-items: stretch;
min-height: 320px
}

.blg-root .sub-split .split-left {
flex: 1 1 50%;
background: #3C6998;
padding: 56px 28px 56px 56px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
box-sizing: border-box;
position: relative
}

.blg-root .sub-split .split-left .deco-rects-nl {
position: absolute;
top: 28px;
right: 28px;
pointer-events: none
}

.blg-root .sub-split .split-left .deco-rects-nl span {
display: block;
border: 1.5px solid #fefefe2e;
border-radius: 8px;
position: absolute
}

.blg-root .sub-split .split-right {
flex: 1 1 50%;
background: #8DC3CC;
padding: 56px 56px 56px 28px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
box-sizing: border-box
}

.blg-root .sub-split .nl-eyebrow {
font-size: 15px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: #fefefebf
}

.blg-root .sub-split .nl-h2 {
font-size: 41px;
line-height: 1.2;
font-weight: 900;
color: #FEFEFE;
margin: 0
}

.blg-root .sub-split .nl-body {
font-size: 19px;
line-height: 1.7;
color: #fefefee0;
margin: 0
}

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

.blg-root .sub-split .nl-form label {
font-size: 15px;
line-height: 1.2;
font-weight: 700;
color: #1b3a5c;
text-transform: uppercase;
letter-spacing: .07em
}

.blg-root .sub-split .nl-form input[type="email"] {
padding: 16px;
border-radius: 14px;
border: 2px solid #3c699840;
font-size: 15px;
line-height: 1.7;
color: #1b3a5c;
background: #FEFEFE;
outline: none;
box-shadow: inset 0 1px 2px #3c69980f;
transition: border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1);
box-sizing: border-box;
width: 100%
}

.blg-root .sub-split .nl-form input[type="email"]::placeholder {
color: #1b3a5c66
}

.blg-root .sub-split .nl-form input[type="email"]:focus {
border-color: #3C6998
}

.blg-root .sub-split .nl-form .nl-btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 16px 28px;
background: #3C6998;
color: #FEFEFE;
font-size: 15px;
line-height: 1.2;
font-weight: 700;
border: none;
border-radius: 14px;
cursor: pointer;
text-transform: uppercase;
letter-spacing: .07em;
box-shadow: 0 7px 28px -1px #3c69981a;
transition: background .25s cubic-bezier(0.68, -0.55, 0.27, 1.55), gap .25s cubic-bezier(0.34, 1.56, 0.64, 1);
align-self: flex-start
}

.blg-root .sub-split .nl-btn:hover {
background: #1b3a5c;
gap: 16px
}

.blg-root .sub-split .nl-btn:focus {
outline: 3px solid #FEFEFE;
outline-offset: 2px
}

.blg-root .metrics-band {
background: #1b3a5c;
padding: 56px 28px;
position: relative;
overflow: hidden
}

.blg-root .metrics-band .flicker-bg {
position: absolute;
inset: 0;
pointer-events: none
}

.blg-root .metrics-band .flicker-bg span {
position: absolute;
border-radius: 48px;
background: #8DC3CC;
opacity: 0;
animation: accentFlicker 4s ease-in-out infinite
}

.blg-root .metrics-band .flicker-bg span:nth-child(1) {
width: 180px;
height: 180px;
top: -40px;
left: 10%;
animation-delay: 0s
}

.blg-root .metrics-band .flicker-bg span:nth-child(2) {
width: 120px;
height: 120px;
bottom: -30px;
right: 20%;
animation-delay: 1.8s
}

.blg-root .metrics-band .flicker-bg span:nth-child(3) {
width: 80px;
height: 80px;
top: 30%;
right: 5%;
animation-delay: 3.2s
}

@keyframes accentFlicker {

0%,
100% {
opacity: 0;
transform: scale(0.9)
}

40%,
60% {
opacity: .07;
transform: scale(1.1)
}
}

.blg-root .metrics-band .metrics-inner {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
gap: 56px
}

.blg-root .metrics-band .metrics-label-col {
flex: 0 0 260px
}

.blg-root .metrics-band .metrics-eyebrow {
font-size: 15px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: #8DC3CC;
margin-bottom: 8px
}

.blg-root .metrics-band .metrics-h2 {
font-size: 31px;
line-height: 1.2;
font-weight: 900;
color: #FEFEFE;
margin: 0
}

.blg-root .metrics-band .metrics-row {
flex: 1;
display: flex;
flex-direction: row;
gap: 28px
}

.blg-root .metrics-band .metric-item {
flex: 1;
background: #8dc3cc1a;
border-radius: 22px;
padding: 28px;
display: flex;
flex-direction: column;
gap: 8px;
box-shadow: 0 2px 3px -1px #8dc3cc0f;
transition: background .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.blg-root .metrics-band .metric-item:hover {
background: #8dc3cc2e
}

.blg-root .metrics-band .metric-num {
font-size: 56px;
line-height: 1.2;
font-weight: 900;
color: #8DC3CC
}

.blg-root .metrics-band .metric-desc {
font-size: 15px;
line-height: 1.7;
color: #fefefec7
}

@media (max-width: 1366px) {
.blg-root .ttl-block .ttl-h1 {
font-size: 41px
}

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

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

@media (max-width: 768px) {
.blg-root .ttl-block {
flex-direction: column;
min-height: unset
}

.blg-root .ttl-block .ttl-text-zone {
padding: 56px 28px 28px
}

.blg-root .ttl-block .ttl-img-zone {
flex: 0 0 220px;
border-radius: 0 0 14px 14px;
width: 100%
}

.blg-root .ttl-block .ttl-h1 {
font-size: 41px
}

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

.blg-root .post-card.featured {
grid-column: span 1;
flex-direction: column
}

.blg-root .post-card.featured .card-img-wrap {
width: 100%;
height: 200px
}

.blg-root .perspectives .persp-grid {
grid-template-columns: 1fr;
gap: 28px
}

.blg-root .perspectives .persp-h2 {
font-size: 31px
}

.blg-root .sub-split {
flex-direction: column
}

.blg-root .sub-split .split-left {
padding: 56px 28px
}

.blg-root .sub-split .split-right {
padding: 56px 28px
}

.blg-root .metrics-band .metrics-inner {
flex-direction: column;
gap: 28px
}

.blg-root .metrics-band .metrics-label-col {
flex: unset
}

.blg-root .metrics-band .metrics-row {
flex-direction: column;
gap: 16px
}
}

@media (max-width: 375px) {
.blg-root .ttl-block .ttl-h1 {
font-size: 31px
}

.blg-root .perspectives .persp-h2 {
font-size: 31px
}

.blg-root .sub-split .nl-h2 {
font-size: 31px
}

.blg-root .pg-band {
padding: 28px 16px
}

.blg-root .posts-area {
padding: 28px 16px
}

.blg-root .perspectives {
padding: 28px 16px
}

.blg-root .metrics-band {
padding: 28px 16px
}
}

.success-pg {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 56px 28px;
background: linear-gradient(263deg, #FEFEFE, #8dc3cc2e)
}

.success-pg .result-wrap {
max-width: 1320px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 28px
}

.success-pg .icon-frame {
width: 72px;
height: 72px;
border-radius: 22px;
background: #3C6998;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 3px -1px #3c69980f 0 7px 28px -1px #3c69981a 0 12px 52px -1px #3c699821;
flex-shrink: 0
}

.success-pg .icon-frame svg {
display: block
}

.success-pg .result-body {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
text-align: center;
max-width: 560px
}

.success-pg .result-heading {
font-size: 41px;
line-height: 1.2;
font-weight: 700;
color: #3C6998;
text-transform: uppercase;
letter-spacing: .04em;
margin: 0
}

.success-pg .result-sub {
font-size: 19px;
line-height: 1.7;
color: #2a3d50;
margin: 0;
text-align: center
}

.success-pg .divider-mark {
width: 48px;
height: 3px;
border-radius: 8px;
background: #8DC3CC
}

.success-pg .result-note {
font-size: 15px;
line-height: 1.7;
color: #3a5068;
margin: 0;
text-align: center;
padding: 16px 28px;
border-radius: 14px;
background: #8dc3cc1f;
box-shadow: inset 0 1px 2px #3c69980f;
max-width: 480px
}

.success-pg .back-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 600;
color: #3C6998;
text-decoration: none;
padding: 8px 16px;
border-radius: 8px;
border: 1.5px solid #3c699838;
background: #FEFEFE;
box-shadow: 0 2px 3px -1px #3c69980f;
transition: color .25s 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);
position: relative;
overflow: hidden
}

.success-pg .back-link .link-arrow {
display: inline-block;
width: 16px;
height: 16px;
flex-shrink: 0;
transition: transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.success-pg .back-link:hover {
color: #2a5280;
border-color: #3C6998;
box-shadow: 0 7px 28px -1px #3c69981a
}

.success-pg .back-link:hover .link-arrow {
transform: translateX(-3px)
}

.success-pg .back-link:focus-visible {
outline: 2px solid #3C6998;
outline-offset: 3px
}

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

.success-pg .result-heading {
font-size: 31px
}

.success-pg .result-sub {
font-size: 19px
}
}

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

.success-pg .result-heading {
font-size: 31px
}

.success-pg .icon-frame {
width: 56px;
height: 56px;
border-radius: 14px
}
}