html {
box-sizing: border-box
}

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

body {
margin: 0;
padding: 0
}

.ft-header {
background: linear-gradient(160deg, #1b2240 0%, #283772 55%, #1e2a50 100%);
font-family: 'Source Sans Pro', sans-serif;
position: relative;
overflow: hidden
}

.ft-header::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, #fff2310a 0%, transparent 60%);
pointer-events: none
}

.ft-header-top {
border-bottom: 1px solid #fff2312e;
padding: 16px 48px;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1600px;
margin: 0 auto;
gap: 24px
}

.ft-brand-mount {
display: flex;
align-items: center;
gap: 16px;
flex-shrink: 0
}

.ft-logo-shell {
background: #ffffff14;
border: 1px solid #fff23140;
border-radius: 12px;
padding: 8px;
box-shadow: 0 3px 3px 0 #28377214 0 6px 28px 0 #2837721c;
display: flex;
align-items: center;
justify-content: center
}

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

.ft-brand-text {
display: flex;
flex-direction: column;
gap: 0
}

.ft-brand-name {
font-size: 21px;
font-weight: 700;
line-height: 1.1;
color: #FFF231;
letter-spacing: -.02em;
font-family: 'Source Sans Pro', sans-serif
}

.ft-brand-tag {
font-size: 15px;
line-height: 1.4;
color: #FFE3E5;
letter-spacing: .02em;
font-family: 'Source Sans Pro', sans-serif;
font-style: italic
}

.ft-prop {
font-size: 15px;
line-height: 1.4;
color: #ffe3e5bf;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing: .01em;
max-width: 340px;
text-align: right
}

.ft-nav-bar {
max-width: 1600px;
margin: 0 auto;
padding: 0 48px;
display: flex;
align-items: stretch;
min-height: 56px
}

.ft-nav-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: 0
}

.ft-nav-item {
display: flex;
align-items: stretch
}

.ft-nav-item+.ft-nav-item {
border-left: 1px solid #fff23126
}

.ft-nav-link {
display: flex;
align-items: center;
padding: 16px 24px;
font-size: 15px;
font-weight: 700;
font-family: 'Source Sans Pro', sans-serif;
color: #ffe3e5e6;
text-decoration: none;
letter-spacing: .03em;
line-height: 1.1;
position: relative;
transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1), background .38s ease-in-out;
min-height: 44px
}

.ft-nav-link::after {
content: "";
position: absolute;
bottom: 0;
left: 24px;
right: 24px;
height: 2px;
background: #FFF231;
transform: scaleX(0);
transform-origin: left;
transition: transform .42s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ft-nav-link:hover {
color: #FFF231;
background: #fff2310f
}

.ft-nav-link:hover::after {
transform: scaleX(1)
}

.ft-nav-link:focus {
outline: 3px solid #FFF231;
outline-offset: -3px
}

.ft-nav-sep {
display: flex;
align-items: center;
padding: 0 8px;
color: #fff2314d;
font-size: 15px
}

.ft-footer {
background: linear-gradient(170deg, #14193a 0%, #1a2148 60%, #0f1530 100%);
font-family: 'Source Sans Pro', sans-serif;
position: relative;
overflow: hidden
}

.ft-footer::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, #FFF231 30%, #FFE3E5 70%, transparent)
}

.ft-footer-body {
max-width: 1600px;
margin: 0 auto;
padding: 48px 48px 24px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 48px
}

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

.ft-footer-logo-shell {
background: #ffffff0f;
border: 1px solid #fff23133;
border-radius: 12px;
padding: 8px;
box-shadow: 0 3px 3px 0 #28377214;
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content
}

.ft-footer-logo-shell img {
width: 55px;
height: 55px;
object-fit: contain;
display: block
}

.ft-footer-brand {
font-size: 21px;
font-weight: 700;
line-height: 1.1;
color: #FFF231;
letter-spacing: -.01em
}

.ft-footer-desc {
font-size: 15px;
line-height: 1.7;
color: #ffe3e5b3;
letter-spacing: .01em
}

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

.ft-contact-label {
font-size: 15px;
font-weight: 700;
color: #FFE3E5;
letter-spacing: .04em;
text-transform: uppercase
}

.ft-contact-link {
font-size: 15px;
line-height: 1.4;
color: #fff231d9;
text-decoration: none;
transition: color .35s ease-in-out;
letter-spacing: .01em
}

.ft-contact-link:hover {
color: #FFF231
}

.ft-contact-link:focus {
outline: 3px solid #FFF231;
outline-offset: 2px;
border-radius: 0
}

.ft-footer-col-head {
font-size: 15px;
font-weight: 700;
color: #FFE3E5;
letter-spacing: .05em;
text-transform: uppercase;
padding-bottom: 8px;
border-bottom: 1px solid #fff23126
}

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

.ft-footer-link {
font-size: 15px;
line-height: 1.4;
color: #ffe3e5b3;
text-decoration: none;
letter-spacing: .01em;
transition: color .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ft-footer-link:hover {
color: #FFF231
}

.ft-footer-link:focus {
outline: 3px solid #FFF231;
outline-offset: 2px;
border-radius: 0
}

.ft-footer-bottom {
border-top: 1px solid #fff2311a;
max-width: 1600px;
margin: 0 auto;
padding: 24px 48px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px
}

.ft-copyright {
font-size: 15px;
line-height: 1.4;
color: #ffe3e573;
letter-spacing: .02em
}

.ft-footer-domain {
font-size: 15px;
color: #fff23180;
letter-spacing: .02em
}

@media (max-width: 1024px) {
.ft-header-top {
padding: 16px 24px
}

.ft-nav-bar {
padding: 0 24px
}

.ft-footer-body {
padding: 48px 24px 24px;
grid-template-columns: 1fr 1fr
}

.ft-footer-bottom {
padding: 24px
}

.ft-prop {
display: none
}
}

@media (max-width: 768px) {
.ft-header-top {
padding: 16px;
flex-wrap: wrap
}

.ft-nav-bar {
padding: 0 16px
}

.ft-nav-link {
padding: 16px;
font-size: 15px
}

.ft-footer-body {
padding: 48px 16px 24px;
grid-template-columns: 1fr;
gap: 24px
}

.ft-footer-bottom {
padding: 24px 16px;
flex-direction: column;
align-items: flex-start
}
}

@media (max-width: 640px) {
.ft-nav-list {
flex-direction: column;
width: 100%
}

.ft-nav-item+.ft-nav-item {
border-left: none;
border-top: 1px solid #fff23126
}

.ft-nav-link::after {
left: 16px;
right: 16px
}
}

.policy-info {
max-width: 1600px;
margin: 0 auto;
padding: 96px 48px;
background: #1e1a15;
min-height: 100vh
}

.policy-info h1 {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.03em;
color: #FFF231;
margin-bottom: 48px;
margin-top: 0;
padding-bottom: 24px;
border-bottom: 2px solid #283772
}

.policy-info h2 {
font-size: 21px;
line-height: 1.4;
letter-spacing: -.01em;
color: #FFF231;
margin-top: 48px;
margin-bottom: 24px;
padding-top: 8px
}

.policy-info h3 {
font-size: 21px;
line-height: 1.4;
letter-spacing: -.005em;
color: #FFE3E5;
margin-top: 48px;
margin-bottom: 16px
}

.policy-info h4 {
font-size: 15px;
line-height: 1.4;
letter-spacing: .02em;
color: #FFE3E5;
margin-top: 24px;
margin-bottom: 16px;
text-transform: uppercase
}

.policy-info h5 {
font-size: 15px;
line-height: 1.4;
letter-spacing: .03em;
color: #c8c0b8;
margin-top: 24px;
margin-bottom: 8px;
text-transform: uppercase
}

.policy-info h6 {
font-size: 15px;
line-height: 1.7;
letter-spacing: .04em;
color: #a09890;
margin-top: 16px;
margin-bottom: 8px
}

.policy-info p {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #d4ccc4;
margin-top: 0;
margin-bottom: 24px;
max-width: 72ch
}

.policy-info strong,
.policy-info b {
font-weight: 700;
color: #FFE3E5
}

.policy-info em,
.policy-info i {
font-style: italic;
color: #c8c0b8
}

.policy-info a {
color: #FFF231;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1), text-decoration-color .38s ease-in-out;
text-decoration-color: #fff23166
}

.policy-info a:hover {
color: #FFE3E5;
text-decoration-color: #ffe3e5b3
}

.policy-info hr {
border: none;
border-top: 1px solid #283772;
margin-top: 48px;
margin-bottom: 48px;
box-shadow: 0 3px 3px 0 #28377214
}

.policy-info div {
font-size: 15px;
line-height: 1.7;
color: #d4ccc4
}

@media (max-width: 1024px) {
.policy-info {
padding: 96px 48px
}

.policy-info h1 {
font-size: 51px
}
}

@media (max-width: 768px) {
.policy-info {
padding: 48px 24px
}

.policy-info h1 {
font-size: 51px;
margin-bottom: 48px
}

.policy-info h2 {
margin-top: 48px
}

.policy-info h3 {
margin-top: 24px
}
}

@media (max-width: 640px) {
.policy-info {
padding: 48px 16px
}

.policy-info h1 {
font-size: 21px;
line-height: 1.1;
letter-spacing: -.01em
}

.policy-info h2 {
font-size: 21px;
margin-top: 48px
}

.policy-info p {
max-width: 100%
}
}

.bdet {
background: #1e1b16;
min-height: 100vh;
padding: 0;
overflow-x: hidden
}

.bdet .art_top {
max-width: 1600px;
margin: 0 auto;
padding: 48px 48px 24px;
display: flex;
flex-direction: row;
align-items: center;
gap: 48px;
position: relative
}

.bdet .art_top::after {
content: '';
position: absolute;
bottom: 0;
left: 48px;
right: 48px;
height: 1px;
background: linear-gradient(to left, #283772, #FFF231 40%, transparent)
}

.bdet .art_left {
flex: 1 1 55%;
display: flex;
flex-direction: column;
gap: 24px
}

.bdet .geo_shapes {
position: absolute;
right: 0;
top: 0;
width: 340px;
height: 100%;
pointer-events: none;
overflow: hidden
}

.bdet .geo_shapes svg {
width: 100%;
height: 100%
}

.bdet .tag_row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
flex-wrap: wrap
}

.bdet .cat_tag {
background: #283772;
color: #FFF231;
font-size: 15px;
line-height: 1.1;
letter-spacing: .08em;
padding: 8px 16px;
border-radius: 0;
text-transform: uppercase;
font-weight: 700
}

.bdet .art_tag {
color: #FFE3E5;
font-size: 15px;
line-height: 1.1;
letter-spacing: .06em;
border: 1px solid #ffe2314d;
padding: 8px 16px;
border-radius: 0
}

.bdet .read_meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
flex-wrap: wrap
}

.bdet .read_meta span {
color: #ffffff8c;
font-size: 15px;
line-height: 1.4;
letter-spacing: .04em
}

.bdet .read_meta .sep {
width: 4px;
height: 4px;
background: #FFF231;
border-radius: 0;
display: inline-block
}

.bdet .art_h1 {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #FFF231;
margin: 0;
position: relative
}

.bdet .art_sub {
font-size: 21px;
line-height: 1.4;
color: #FFE3E5;
margin: 0;
letter-spacing: .01em
}

.bdet .counter_strip {
display: flex;
flex-direction: row;
gap: 24px;
align-items: center
}

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

.bdet .c_num {
font-size: 21px;
line-height: 1.1;
color: #FFF231;
font-weight: 700;
letter-spacing: -.01em
}

.bdet .c_label {
font-size: 15px;
line-height: 1.1;
color: #ffffff80;
letter-spacing: .06em
}

.bdet .arr_connector {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 0 8px
}

.bdet .arr_connector svg {
width: 40px;
height: 16px
}

.bdet .art_right {
flex: 0 0 40%;
position: relative
}

.bdet .img_wrap {
position: relative;
aspect-ratio: 4/3;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 40px 0 #28377221
}

.bdet .img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: blur(0px)
}

.bdet .img_wrap::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at center, transparent 50%, #1e1b168c 100%);
z-index: 1;
pointer-events: none
}

.bdet .corner_br {
position: absolute;
pointer-events: none;
z-index: 2
}

.bdet .corner_br.tl {
top: -8px;
left: -8px
}

.bdet .corner_br.br {
bottom: -8px;
right: -8px
}

.bdet .divider_a {
max-width: 1600px;
margin: 0 auto;
padding: 0 48px;
display: flex;
flex-direction: row;
align-items: center;
gap: 0;
height: 24px
}

.bdet .divider_a .dl {
flex: 0 0 80px;
height: 2px;
background: #FFF231
}

.bdet .divider_a .dc {
flex: 1
}

.bdet .divider_a .dr {
flex: 0 0 80px;
height: 2px;
background: #FFF231
}

.bdet .art_body {
max-width: 1600px;
margin: 0 auto;
padding: 48px;
display: grid;
grid-template-columns: 1fr 340px;
gap: 48px;
align-items: start
}

.bdet .prose {
display: flex;
flex-direction: column;
gap: 24px
}

.bdet .prose_intro {
background: linear-gradient(to left, #283772 0%, #1e1b16 100%);
border-radius: 12px;
padding: 48px;
position: relative;
box-shadow: 0 6px 28px 0 #2837721c
}

.bdet .prose_intro .fade_num {
position: absolute;
top: 16px;
right: 24px;
font-size: 68px;
line-height: 1.1;
color: #fff23112;
font-weight: 900;
letter-spacing: -.04em;
pointer-events: none;
user-select: none
}

.bdet .prose_intro_text {
font-size: 21px;
line-height: 1.7;
color: #FFE3E5;
margin: 0;
position: relative;
z-index: 1
}

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

.bdet .prose_detail p,
.bdet .prose_detail ul,
.bdet .prose_detail ol,
.bdet .prose_detail table {
font-size: 15px;
line-height: 1.7;
color: #ffffffd1;
margin: 0
}

.bdet .prose_detail h2 {
font-size: 51px;
line-height: 1.1;
color: #FFF231;
margin: 16px 0 0;
letter-spacing: -.02em
}

.bdet .prose_detail h3 {
font-size: 21px;
line-height: 1.4;
color: #FFE3E5;
margin: 8px 0 0;
letter-spacing: .01em
}

.bdet .prose_detail mark {
background: #fff2312e;
color: #FFF231;
border-radius: 0;
padding: 0 4px
}

.bdet .prose_detail code {
background: #28377280;
color: #FFE3E5;
border-radius: 0;
padding: 2px 8px;
font-size: 15px;
line-height: 1.4
}

.bdet .prose_detail ul {
padding-left: 24px
}

.bdet .prose_detail li {
font-size: 15px;
line-height: 1.7;
color: #ffffffd1
}

.bdet .prose_detail table {
width: 100%;
border-collapse: collapse;
border-radius: 12px;
overflow: hidden
}

.bdet .prose_detail thead tr {
background: #283772
}

.bdet .prose_detail thead td,
.bdet .prose_detail thead th {
color: #FFF231;
font-size: 15px;
line-height: 1.4;
padding: 8px 16px;
text-align: left;
font-weight: 700
}

.bdet .prose_detail tbody tr {
border-bottom: 1px solid #fff23114
}

.bdet .prose_detail tbody td {
color: #ffffffd1;
font-size: 15px;
line-height: 1.4;
padding: 8px 16px
}

.bdet .prose_detail tfoot td {
color: #ffffff80;
font-size: 15px;
line-height: 1.4;
padding: 8px 16px;
border-top: 1px solid #fff23126
}

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

.bdet .chart_card {
background: #252118;
border-radius: 12px;
padding: 24px;
box-shadow: 0 3px 3px 0 #fff23114
}

.bdet .chart_card h5 {
font-size: 15px;
line-height: 1.1;
color: #FFF231;
margin: 0 0 16px;
letter-spacing: .06em;
text-transform: uppercase
}

.bdet .chart_card svg {
width: 100%;
height: auto
}

.bdet .poll_card {
background: #252118;
border-radius: 12px;
padding: 24px;
box-shadow: 0 6px 28px 0 #2837721c
}

.bdet .poll_card h5 {
font-size: 15px;
line-height: 1.4;
color: #FFE3E5;
margin: 0 0 16px;
letter-spacing: .03em
}

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

.bdet .poll_opt label {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
padding: 16px;
border-radius: 0;
border: 1px solid #fff23126;
cursor: pointer;
font-size: 15px;
line-height: 1.4;
color: #ffffffbf;
transition: border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), background .38s cubic-bezier(0.34, 1.2, 0.64, 1), color .38s cubic-bezier(0.34, 1.2, 0.64, 1);
position: relative;
overflow: hidden
}

.bdet .poll_opt label::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, #fff2311f 0%, transparent 60%);
opacity: 0;
transition: opacity .38s cubic-bezier(0.34, 1.2, 0.64, 1);
pointer-events: none
}

.bdet .poll_opt input[type="radio"] {
display: none
}

.bdet .poll_dot {
width: 16px;
height: 16px;
border-radius: 0;
border: 2px solid #fff23166;
flex-shrink: 0;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1);
display: block
}

.bdet .poll_opt input[type="radio"]:checked+label {
border-color: #FFF231;
color: #FFF231
}

.bdet .poll_opt input[type="radio"]:checked+label::before {
opacity: 1
}

.bdet .poll_opt input[type="radio"]:checked+label .poll_dot {
background: #FFF231;
border-color: #FFF231
}

.bdet .divider_b {
max-width: 1600px;
margin: 0 auto;
padding: 0 48px;
display: flex;
flex-direction: row;
align-items: center;
height: 24px;
gap: 0
}

.bdet .divider_b .bl {
flex: 0 0 40px;
height: 2px;
background: #fff2314d
}

.bdet .divider_b .bc {
flex: 1
}

.bdet .divider_b .br {
flex: 0 0 40px;
height: 2px;
background: #fff2314d
}

.bdet .extra_strip {
max-width: 1600px;
margin: 0 auto;
padding: 48px;
background: linear-gradient(to left, #283772 0%, #1e1b16 100%);
border-radius: 12px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap
}

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

.bdet .extra_strip_text h4 {
font-size: 21px;
line-height: 1.4;
color: #FFF231;
margin: 0;
letter-spacing: .01em
}

.bdet .extra_strip_text p {
font-size: 15px;
line-height: 1.4;
color: #ffffffa6;
margin: 0
}

.bdet .strip_btns {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
flex-wrap: wrap
}

.bdet .btn_prim {
background: #FFF231;
color: #1e1b16;
font-size: 15px;
line-height: 1.1;
font-weight: 700;
letter-spacing: .06em;
padding: 16px 24px;
border-radius: 0;
border: none;
cursor: pointer;
text-decoration: none;
display: inline-block;
background-image: linear-gradient(to right, #FFF231, #ffe800);
box-shadow: 0 6px 28px 0 #fff2311c;
transition: background-image .42s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out
}

.bdet .btn_prim:hover {
background-image: linear-gradient(to left, #FFF231, #ffe800);
box-shadow: 0 10px 40px 0 #fff23121
}

.bdet .btn_icon {
background: transparent;
border: 1px solid #fff23159;
border-radius: 0;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: border-color .35s ease-in-out, background .35s ease-in-out;
text-decoration: none
}

.bdet .btn_icon:hover {
border-color: #FFF231;
background: #fff23114
}

.bdet .btn_icon svg {
width: 20px;
height: 20px
}

.bdet .hover_stripe {
position: relative;
overflow: hidden
}

.bdet .hover_stripe::after {
content: '';
position: absolute;
top: -50%;
left: -80%;
width: 60%;
height: 200%;
background: repeating-linear-gradient(135deg, #fff23112 0px, #fff23112 4px, transparent 4px, transparent 12px);
opacity: 0;
transition: opacity .4s cubic-bezier(0.34, 1.2, 0.64, 1), left .4s cubic-bezier(0.34, 1.2, 0.64, 1);
pointer-events: none
}

.bdet .hover_stripe:hover::after {
opacity: 1;
left: 20%
}

@keyframes cascade_in {
from {
opacity: 0;
transform: translateY(18px)
}

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

.bdet .cas_1 {
animation: cascade_in .38s cubic-bezier(0.34, 1.2, 0.64, 1) .05s both
}

.bdet .cas_2 {
animation: cascade_in .4s cubic-bezier(0.34, 1.2, 0.64, 1) .15s both
}

.bdet .cas_3 {
animation: cascade_in .42s cubic-bezier(0.34, 1.2, 0.64, 1) .25s both
}

.bdet .cas_4 {
animation: cascade_in .44s cubic-bezier(0.34, 1.2, 0.64, 1) .35s both
}

.bdet .cas_5 {
animation: cascade_in .44s cubic-bezier(0.34, 1.2, 0.64, 1) .45s both
}

.bdet .cas_6 {
animation: cascade_in .44s cubic-bezier(0.34, 1.2, 0.64, 1) .55s both
}

@media (max-width: 1024px) {
.bdet .art_top {
flex-direction: column;
padding: 48px 24px 24px
}

.bdet .art_left {
flex: 1 1 100%
}

.bdet .art_right {
flex: 0 0 100%;
width: 100%
}

.bdet .geo_shapes {
display: none
}

.bdet .art_body {
grid-template-columns: 1fr;
padding: 48px 24px
}

.bdet .sidebar {
position: static
}

.bdet .divider_a,
.bdet .divider_b {
padding: 0 24px
}

.bdet .extra_strip {
margin: 0 24px;
padding: 24px
}
}

@media (max-width: 768px) {
.bdet .art_h1 {
font-size: 51px
}

.bdet .art_top {
padding: 24px 16px 16px;
gap: 24px
}

.bdet .art_body {
padding: 24px 16px;
gap: 24px
}

.bdet .prose_intro {
padding: 24px
}

.bdet .extra_strip {
margin: 0 16px;
padding: 24px 16px
}

.bdet .divider_a,
.bdet .divider_b {
padding: 0 16px
}
}

@media (max-width: 640px) {
.bdet .art_h1 {
font-size: 51px;
line-height: 1.1
}

.bdet .counter_strip {
flex-wrap: wrap;
gap: 16px
}

.bdet .strip_btns {
flex-direction: column;
align-items: flex-start
}
}

.srv {
background: #1e1a14;
overflow-x: clip;
width: 100%
}

.srv .pg_top {
max-width: 1600px;
margin: 0 auto;
padding: 96px 48px 48px;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
position: relative
}

.srv .pg_top_img_wrap {
width: 100%;
max-width: 900px;
aspect-ratio: 4/3;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 40px 0 #28377221
}

.srv .pg_top_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.srv .pg_top_text {
text-align: center;
max-width: 820px
}

.srv .pg_top_text .lbl {
display: inline-block;
font-size: 15px;
line-height: 1.4;
letter-spacing: .12em;
color: #FFF231;
border: 2px solid #FFF231;
padding: 8px 16px;
border-radius: 0;
margin-bottom: 24px;
text-transform: uppercase
}

.srv .pg_top_text h1 {
font-size: 68px;
line-height: 1.1;
letter-spacing: -.02em;
color: #f5f0e8;
margin: 0 0 16px
}

.srv .pg_top_text h1 .alt_sz {
font-size: 51px;
display: block;
color: #FFF231
}

.srv .pg_top_text .sub_p {
font-size: 21px;
line-height: 1.7;
color: #c9c0ae;
margin: 0
}

.srv .flow_arrow {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
padding: 8px 0
}

.srv .flow_arrow .arr_line {
width: 80px;
height: 2px;
background: linear-gradient(to left, #FFF231, #283772);
border-radius: 0
}

.srv .flow_arrow .arr_dot {
width: 8px;
height: 8px;
background: #FFF231;
border-radius: 0;
transform: rotate(45deg)
}

.srv .divider_dotted {
width: 100%;
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 48px;
max-width: 1600px;
margin: 0 auto
}

.srv .divider_dotted .dot_row {
border-top: 3px dotted #fff23138
}

.srv .svc_grid {
max-width: 1600px;
margin: 0 auto;
padding: 96px 48px
}

.srv .svc_grid_head {
text-align: center;
margin-bottom: 48px;
position: relative
}

.srv .svc_grid_head .bg_num {
font-size: 68px;
line-height: 1.1;
color: #fff2310f;
position: absolute;
top: -16px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
pointer-events: none;
user-select: none;
letter-spacing: -.03em
}

.srv .svc_grid_head h2 {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #f5f0e8;
margin: 0 0 16px;
position: relative
}

.srv .svc_grid_head .icon_pair {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
margin-bottom: 16px
}

.srv .svc_grid_head .icon_pair svg {
opacity: .7
}

.srv .svc_grid_head p {
font-size: 21px;
line-height: 1.7;
color: #c9c0ae;
max-width: 600px;
margin: 0 auto;
position: relative
}

.srv .cards_row {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 24px
}

.srv .svc_card {
background: #251f17;
border-radius: 12px;
padding: 48px 24px 24px;
box-shadow: 0 6px 28px 0 #2837721c;
position: relative;
overflow: hidden;
transition: box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1);
cursor: default;
display: flex;
flex-direction: column;
gap: 16px
}

.srv .svc_card:hover {
box-shadow: 0 10px 40px 0 #2837722e;
transform: translateY(-4px)
}

.srv .svc_card .card_num {
font-size: 68px;
line-height: 1;
color: #fff23112;
position: absolute;
top: 8px;
right: 16px;
pointer-events: none;
user-select: none;
letter-spacing: -.04em
}

.srv .svc_card .card_icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center
}

.srv .svc_card h3 {
font-size: 21px;
line-height: 1.4;
color: #FFF231;
margin: 0
}

.srv .svc_card p {
font-size: 15px;
line-height: 1.7;
color: #b8af9e;
margin: 0
}

.srv .svc_card .card_tag {
display: inline-block;
font-size: 15px;
line-height: 1.4;
letter-spacing: .08em;
color: #283772;
background: #FFF231;
padding: 4px 8px;
border-radius: 0;
margin-top: auto;
align-self: flex-start
}

.srv .svc_card.featured {
background: linear-gradient(to left, #251f17, #1e1a14);
padding: 48px 48px 24px
}

.srv .svc_card.featured h3 {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em
}

.srv .svc_card.featured p {
font-size: 21px;
line-height: 1.7
}

.srv .svc_card .outline_border {
position: absolute;
inset: 0;
border-radius: 12px;
border: 2px solid transparent;
transition: border-color .42s cubic-bezier(0.34, 1.2, 0.64, 1);
pointer-events: none
}

.srv .svc_card:hover .outline_border {
border-color: #fff23159
}

.srv .deco_lines {
position: absolute;
bottom: 16px;
left: 16px;
display: flex;
flex-direction: column;
gap: 4px;
pointer-events: none
}

.srv .deco_lines span {
display: block;
height: 1px;
background: #fff2312e
}

.srv .deco_lines span:nth-child(1) {
width: 32px
}

.srv .deco_lines span:nth-child(2) {
width: 24px
}

.srv .deco_lines span:nth-child(3) {
width: 16px
}

.srv .divider_alt {
max-width: 1600px;
margin: 0 auto;
padding: 0 48px;
display: flex;
flex-direction: column;
gap: 8px
}

.srv .divider_alt .dot_row {
border-top: 3px dotted #28377259
}

.srv .detail_block {
max-width: 1600px;
margin: 0 auto;
padding: 96px 48px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center
}

.srv .detail_left {
display: flex;
flex-direction: column;
gap: 24px
}

.srv .detail_left .bg_num {
font-size: 68px;
line-height: 1;
color: #fff2310f;
pointer-events: none;
user-select: none;
letter-spacing: -.04em;
margin-bottom: -48px
}

.srv .detail_left h2 {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #f5f0e8;
margin: 0
}

.srv .detail_left p {
font-size: 15px;
line-height: 1.7;
color: #b8af9e;
margin: 0
}

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

.srv .feat_list li {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 16px;
background: #251f17;
border-radius: 12px;
box-shadow: 0 3px 3px 0 #28377214;
transition: background .35s ease-in-out
}

.srv .feat_list li:hover {
background: #2d2519
}

.srv .feat_list .feat_icon {
flex-shrink: 0;
width: 36px;
height: 36px;
background: #FFF231;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center
}

.srv .feat_list .feat_icon svg {
display: block
}

.srv .feat_list .feat_text h5 {
font-size: 15px;
line-height: 1.4;
color: #FFF231;
margin: 0 0 4px;
letter-spacing: .04em
}

.srv .feat_list .feat_text p {
font-size: 15px;
line-height: 1.7;
color: #b8af9e;
margin: 0
}

.srv .detail_right {
position: relative
}

.srv .detail_right .img_wrap {
width: 100%;
aspect-ratio: 4/3;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 6px 28px 0 #2837721c;
transition: box-shadow .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.srv .detail_right .img_wrap:hover {
box-shadow: 0 10px 40px 0 #2837722e
}

.srv .detail_right .img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.srv .detail_right .corner_lines {
position: absolute;
top: -16px;
right: -16px;
display: flex;
flex-direction: column;
gap: 4px;
pointer-events: none
}

.srv .detail_right .corner_lines span {
display: block;
height: 2px;
background: #fff23140
}

.srv .detail_right .corner_lines span:nth-child(1) {
width: 48px
}

.srv .detail_right .corner_lines span:nth-child(2) {
width: 36px
}

.srv .detail_right .corner_lines span:nth-child(3) {
width: 24px
}

.srv .bg_pan_section {
position: relative;
overflow: hidden;
min-height: 480px;
display: flex;
align-items: center
}

.srv .bg_pan_section .bg_pan_img {
position: absolute;
inset: 0;
width: 130%;
height: 100%;
object-fit: cover;
object-position: center;
animation: pan_move 18s linear infinite alternate;
pointer-events: none
}

@keyframes pan_move {
from {
transform: translateX(0)
}

to {
transform: translateX(-23%)
}
}

.srv .bg_pan_section .bg_overlay {
position: absolute;
inset: 0;
background: #1e1a14d1;
pointer-events: none
}

.srv .bg_pan_section .pan_content {
position: relative;
max-width: 1600px;
margin: 0 auto;
padding: 96px 48px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 48px;
text-align: center
}

.srv .bg_pan_section .pan_head .bg_num {
font-size: 68px;
line-height: 1;
color: #fff2310f;
pointer-events: none;
user-select: none;
letter-spacing: -.04em
}

.srv .bg_pan_section .pan_head h2 {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #f5f0e8;
margin: 0 0 16px
}

.srv .bg_pan_section .pan_head p {
font-size: 21px;
line-height: 1.7;
color: #c9c0ae;
max-width: 640px;
margin: 0 auto
}

.srv .testimonials_row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
width: 100%
}

.srv .tcard {
background: #251f17e6;
border-radius: 12px;
padding: 24px;
box-shadow: 0 6px 28px 0 #2837721c;
display: flex;
flex-direction: column;
gap: 16px;
text-align: left;
transition: box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.srv .tcard:hover {
box-shadow: 0 10px 40px 0 #2837722e
}

.srv .tcard .tcard_quote {
font-size: 21px;
line-height: 1.7;
color: #f5f0e8;
margin: 0
}

.srv .tcard .tcard_person {
display: flex;
align-items: center;
gap: 16px
}

.srv .tcard .tcard_portrait {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0
}

.srv .tcard .tcard_portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block
}

.srv .tcard .tcard_name {
font-size: 15px;
line-height: 1.4;
color: #FFF231;
letter-spacing: .04em
}

.srv .tcard .tcard_role {
font-size: 15px;
line-height: 1.4;
color: #b8af9e
}

.srv .divider_dotted2 {
max-width: 1600px;
margin: 0 auto;
padding: 0 48px;
display: flex;
flex-direction: column;
gap: 8px
}

.srv .divider_dotted2 .dot_row {
border-top: 3px dotted #fff23126
}

.srv .process_block {
max-width: 1600px;
margin: 0 auto;
padding: 96px 48px
}

.srv .process_head {
text-align: center;
margin-bottom: 48px;
position: relative
}

.srv .process_head .bg_num {
font-size: 68px;
line-height: 1;
color: #fff2310d;
position: absolute;
top: -16px;
left: 50%;
transform: translateX(-50%);
pointer-events: none;
user-select: none;
white-space: nowrap;
letter-spacing: -.04em
}

.srv .process_head h2 {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #f5f0e8;
margin: 0 0 16px;
position: relative
}

.srv .process_head p {
font-size: 21px;
line-height: 1.7;
color: #c9c0ae;
max-width: 600px;
margin: 0 auto;
position: relative
}

.srv .process_head .icon_pair {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
margin-bottom: 16px
}

.srv .steps_row {
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start
}

.srv .step_item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
text-align: center;
position: relative
}

.srv .step_item .step_num_wrap {
width: 56px;
height: 56px;
background: linear-gradient(to left, #FFF231, #283772);
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 6px 28px 0 #fff2311c;
transition: box-shadow .35s ease-in-out, transform .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.srv .step_item:hover .step_num_wrap {
box-shadow: 0 10px 40px 0 #fff2312e;
transform: scale(1.08)
}

.srv .step_item .step_num_wrap span {
font-size: 21px;
line-height: 1;
color: #1e1a14;
font-weight: 700
}

.srv .step_item h4 {
font-size: 21px;
line-height: 1.4;
color: #FFF231;
margin: 0
}

.srv .step_item p {
font-size: 15px;
line-height: 1.7;
color: #b8af9e;
margin: 0
}

.srv .step_connector {
width: 24px;
display: flex;
align-items: center;
padding-top: 28px;
flex-shrink: 0
}

.srv .step_connector .conn_line {
width: 100%;
height: 2px;
background: linear-gradient(to left, #FFF231, #283772)
}

@media (max-width: 1024px) {
.srv .cards_row {
grid-template-columns: 1fr 1fr
}

.srv .svc_card.featured {
grid-column: 1 / -1
}

.srv .detail_block {
grid-template-columns: 1fr
}

.srv .detail_right .corner_lines {
display: none
}

.srv .steps_row {
flex-wrap: wrap
}

.srv .step_connector {
display: none
}

.srv .step_item {
flex: 0 0 calc(50% - 12px)
}
}

@media (max-width: 768px) {
.srv .pg_top {
padding: 48px 24px 24px
}

.srv .pg_top_text h1 {
font-size: 51px
}

.srv .pg_top_text h1 .alt_sz {
font-size: 21px
}

.srv .svc_grid {
padding: 48px 24px
}

.srv .cards_row {
grid-template-columns: 1fr
}

.srv .svc_card.featured h3 {
font-size: 21px
}

.srv .svc_card.featured p {
font-size: 15px
}

.srv .detail_block {
padding: 48px 24px
}

.srv .bg_pan_section .pan_content {
padding: 48px 24px
}

.srv .testimonials_row {
grid-template-columns: 1fr
}

.srv .process_block {
padding: 48px 24px
}

.srv .step_item {
flex: 0 0 100%
}

.srv .svc_grid_head h2 {
font-size: 21px
}

.srv .process_head h2 {
font-size: 21px
}

.srv .detail_left h2 {
font-size: 21px
}

.srv .bg_pan_section .pan_head h2 {
font-size: 21px
}

.srv .divider_dotted,
.srv .divider_alt,
.srv .divider_dotted2 {
padding: 0 24px
}
}

@media (max-width: 640px) {
.srv .pg_top_text h1 {
font-size: 21px
}

.srv .pg_top_text .sub_p {
font-size: 15px
}
}

.blg_root {
background: #1e1a15;
min-height: 100vh;
overflow-x: hidden;
max-width: 100%
}

.blg_root .slide_in {
opacity: 0;
transform: translateX(-48px);
animation: slideFromLeft .42s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

.blg_root .slide_in:nth-child(1) {
animation-delay: .05s
}

.blg_root .slide_in:nth-child(2) {
animation-delay: .13s
}

.blg_root .slide_in:nth-child(3) {
animation-delay: .21s
}

.blg_root .slide_in:nth-child(4) {
animation-delay: .29s
}

.blg_root .slide_in:nth-child(5) {
animation-delay: .37s
}

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

.blg_root .pg_wrap {
max-width: 1600px;
margin: 0 auto;
padding: 0 24px
}

.blg_root .dash_div {
border: none;
border-top: 2px dashed #FFF231;
opacity: .35;
margin: 0
}

.blg_root .top_band {
background: linear-gradient(to left, #1e1a15, #283772);
padding: 96px 24px 48px;
position: relative
}

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

.blg_root .top_band_in {
max-width: 1600px;
margin: 0 auto;
position: relative;
z-index: 1
}

.blg_root .top_band_in .tag_pill {
display: inline-block;
background: #FFF231;
color: #1e1a15;
font-size: 15px;
line-height: 1.4;
letter-spacing: .08em;
padding: 8px 16px;
border-radius: 0;
margin-bottom: 24px;
font-weight: 700;
text-transform: uppercase
}

.blg_root .pg_h1 {
font-size: 68px;
line-height: 1.1;
letter-spacing: -.03em;
color: #fff;
margin: 0 0 24px;
max-width: 800px
}

.blg_root .pg_sub {
font-size: 21px;
line-height: 1.7;
color: #c9c2b8;
max-width: 560px;
margin: 0
}

.blg_root .posts_seg {
padding: 96px 24px;
background: linear-gradient(to bottom, #1e1a15, #221d18)
}

.blg_root .posts_seg .seg_label {
font-size: 15px;
line-height: 1.4;
letter-spacing: .1em;
text-transform: uppercase;
color: #FFF231;
margin-bottom: 48px;
display: flex;
align-items: center;
gap: 16px
}

.blg_root .posts_seg .seg_label::after {
content: '';
flex: 1;
height: 1px;
background: linear-gradient(to right, #fff23166, transparent)
}

.blg_root .cards_grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px
}

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

.blg_root .pg_h1 {
font-size: 51px
}
}

@media (max-width: 640px) {
.blg_root .pg_h1 {
font-size: 51px
}

.blg_root .cards_grid {
grid-template-columns: 1fr
}
}

@media (min-width: 1024px) {
.blg_root .cards_grid {
grid-template-columns: repeat(2, 1fr)
}
}

.blg_root .post_card {
background: #26211b;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 6px 28px 0 #2837721c;
transition: box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1);
display: flex;
flex-direction: column;
text-decoration: none
}

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

.blg_root .post_card .card_img_wrap {
aspect-ratio: 4/3;
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 .45s ease-in-out
}

.blg_root .post_card:hover .card_img_wrap img {
transform: scale(1.04)
}

.blg_root .post_card .card_img_wrap .img_tint {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, #28377240, #1e1a15b3);
pointer-events: none
}

.blg_root .post_card .card_img_wrap .cat_tag {
position: absolute;
top: 16px;
left: 16px;
background: #FFF231;
color: #1e1a15;
font-size: 15px;
line-height: 1.4;
letter-spacing: .06em;
padding: 8px 16px;
border-radius: 0;
font-weight: 700;
text-transform: uppercase;
z-index: 2
}

.blg_root .post_card .card_body {
padding: 24px;
display: flex;
flex-direction: column;
flex: 1;
gap: 16px
}

.blg_root .post_card .card_meta_row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
flex-wrap: wrap
}

.blg_root .post_card .art_tag_badge {
font-size: 15px;
line-height: 1.4;
color: #FFE3E5;
background: #ffe3e51a;
border-radius: 0;
padding: 8px 16px;
letter-spacing: .04em
}

.blg_root .post_card .read_time {
font-size: 15px;
line-height: 1.4;
color: #8a8070;
letter-spacing: .04em;
display: flex;
align-items: center;
gap: 8px
}

.blg_root .post_card .read_time .rt_dot {
width: 4px;
height: 4px;
border-radius: 0;
background: #FFF231;
display: inline-block;
flex-shrink: 0
}

.blg_root .post_card .card_h {
font-size: 21px;
line-height: 1.4;
letter-spacing: -.01em;
color: #fff;
margin: 0;
font-weight: 700
}

.blg_root .post_card .card_sub {
font-size: 15px;
line-height: 1.7;
color: #a09080;
margin: 0
}

.blg_root .post_card .card_desc {
font-size: 15px;
line-height: 1.7;
color: #8a8070;
margin: 0;
flex: 1
}

.blg_root .post_card .card_foot {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding-top: 16px;
border-top: 1px solid #fff2311a;
flex-wrap: wrap;
gap: 8px
}

.blg_root .post_card .pub_date {
font-size: 15px;
line-height: 1.4;
color: #6a6050;
letter-spacing: .04em
}

.blg_root .post_card .stats_row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px
}

.blg_root .post_card .stat_item {
font-size: 15px;
line-height: 1.4;
color: #8a8070;
display: flex;
align-items: center;
gap: 8px
}

.blg_root .post_card .stat_item svg {
flex-shrink: 0;
opacity: .7
}

.blg_root .post_card .read_link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
line-height: 1.4;
color: #FFF231;
font-weight: 700;
letter-spacing: .04em;
text-decoration: none;
margin-top: 8px;
transition: gap .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.blg_root .post_card:hover .read_link {
gap: 16px
}

.blg_root .featured_seg {
padding: 96px 24px;
background: linear-gradient(to left, #221d18, #1a1e30);
position: relative
}

.blg_root .featured_seg .feat_grid {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center
}

@media (max-width: 768px) {
.blg_root .featured_seg .feat_grid {
grid-template-columns: 1fr;
gap: 24px
}
}

.blg_root .featured_seg .feat_num {
font-size: 68px;
line-height: 1.1;
letter-spacing: -.04em;
color: #fff2310f;
font-weight: 900;
position: absolute;
top: 48px;
right: 24px;
pointer-events: none;
user-select: none
}

.blg_root .featured_seg .feat_img_col {
position: relative
}

.blg_root .featured_seg .feat_img_wrap {
aspect-ratio: 4/3;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 40px 0 #28377221
}

.blg_root .featured_seg .feat_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(0.7) brightness(0.85)
}

.blg_root .featured_seg .feat_img_wrap .feat_overlay {
position: absolute;
inset: 0;
background: linear-gradient(to left, #28377266, #1e1a1533);
border-radius: 12px;
pointer-events: none
}

.blg_root .featured_seg .feat_txt_col {
display: flex;
flex-direction: column;
gap: 24px
}

.blg_root .featured_seg .feat_eyebrow {
font-size: 15px;
line-height: 1.4;
letter-spacing: .1em;
text-transform: uppercase;
color: #FFF231;
font-weight: 700
}

.blg_root .featured_seg .feat_h2 {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #fff;
margin: 0
}

.blg_root .featured_seg .feat_body {
font-size: 21px;
line-height: 1.7;
color: #a09080;
margin: 0
}

.blg_root .featured_seg .feat_points {
display: flex;
flex-direction: column;
gap: 16px;
list-style: none;
padding: 0;
margin: 0
}

.blg_root .featured_seg .feat_points li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
font-size: 15px;
line-height: 1.7;
color: #c9c2b8
}

.blg_root .featured_seg .feat_points li .fp_dot {
width: 8px;
height: 8px;
background: #FFF231;
border-radius: 0;
flex-shrink: 0;
margin-top: 8px
}

.blg_root .featured_seg .feat_cta {
display: inline-flex;
align-items: center;
gap: 16px;
background: linear-gradient(to left, #FFF231, #ffe800);
color: #1e1a15;
font-size: 15px;
line-height: 1.4;
letter-spacing: .06em;
font-weight: 700;
text-transform: uppercase;
padding: 16px 24px;
border-radius: 0;
text-decoration: none;
border: none;
cursor: pointer;
transition: background .4s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .4s cubic-bezier(0.34, 1.2, 0.64, 1);
box-shadow: 0 3px 3px 0 #fff23114;
align-self: flex-start
}

.blg_root .featured_seg .feat_cta:hover {
background: linear-gradient(to right, #FFF231, #ffe800);
box-shadow: 0 6px 28px 0 #fff2312e
}

.blg_root .topics_seg {
padding: 96px 24px 48px;
background: linear-gradient(to bottom, #1a1e30, #1e1a15)
}

.blg_root .topics_seg .topics_in {
max-width: 1600px;
margin: 0 auto
}

.blg_root .topics_seg .topics_h {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #fff;
margin: 0 0 48px;
text-align: center;
position: relative
}

.blg_root .topics_seg .topics_h .t_num {
font-size: 68px;
line-height: 1.1;
letter-spacing: -.04em;
color: #fff2310d;
position: absolute;
top: -16px;
left: 50%;
transform: translateX(-50%);
font-weight: 900;
pointer-events: none;
user-select: none;
white-space: nowrap
}

.blg_root .topics_seg .topics_row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
margin-bottom: 48px
}

.blg_root .topics_seg .topic_chip {
background: #28377240;
border: 1px solid #28377280;
color: #c9c2b8;
font-size: 15px;
line-height: 1.4;
letter-spacing: .04em;
padding: 8px 24px;
border-radius: 0;
cursor: default;
transition: background .35s ease-in-out, color .35s ease-in-out, border-color .35s ease-in-out
}

.blg_root .topics_seg .topic_chip:hover {
background: #fff2311f;
border-color: #fff23166;
color: #FFF231
}

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

@media (max-width: 640px) {
.blg_root .topics_seg .metrics_row {
grid-template-columns: 1fr
}

.blg_root .topics_seg .topics_h {
font-size: 51px
}
}

.blg_root .topics_seg .metric_box {
background: #26211b;
border-radius: 12px;
padding: 24px;
text-align: center;
box-shadow: 0 3px 3px 0 #28377214;
border-top: 2px solid #FFF231;
display: flex;
flex-direction: column;
gap: 8px
}

.blg_root .topics_seg .metric_box .m_val {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.03em;
color: #FFF231;
font-weight: 900
}

.blg_root .topics_seg .metric_box .m_lbl {
font-size: 15px;
line-height: 1.4;
color: #8a8070;
letter-spacing: .06em;
text-transform: uppercase
}

.blg_root .newsletter_seg {
padding: 96px 24px;
background: linear-gradient(to left, #1e1a15, #221d18)
}

.blg_root .newsletter_seg .nl_in {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center
}

@media (max-width: 768px) {
.blg_root .newsletter_seg .nl_in {
grid-template-columns: 1fr;
gap: 24px
}
}

.blg_root .newsletter_seg .nl_txt {
display: flex;
flex-direction: column;
gap: 16px
}

.blg_root .newsletter_seg .nl_eyebrow {
font-size: 15px;
line-height: 1.4;
letter-spacing: .1em;
text-transform: uppercase;
color: #FFE3E5;
font-weight: 700
}

.blg_root .newsletter_seg .nl_h {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #fff;
margin: 0;
position: relative
}

.blg_root .newsletter_seg .nl_h .nl_bg_num {
font-size: 68px;
line-height: 1.1;
color: #ffe3e50d;
position: absolute;
top: -8px;
left: -8px;
font-weight: 900;
pointer-events: none;
user-select: none
}

.blg_root .newsletter_seg .nl_desc {
font-size: 21px;
line-height: 1.7;
color: #a09080;
margin: 0
}

.blg_root .newsletter_seg .nl_form_col {
display: flex;
flex-direction: column;
gap: 16px
}

.blg_root .newsletter_seg .nl_form {
display: flex;
flex-direction: column;
gap: 16px
}

.blg_root .newsletter_seg .nl_form .nl_input {
background: #2e2820;
border: 1px solid #fff23133;
color: #fff;
font-size: 15px;
line-height: 1.4;
padding: 16px;
border-radius: 0;
outline: none;
transition: border-color .38s ease-in-out, box-shadow .38s ease-in-out;
width: 100%;
box-sizing: border-box
}

.blg_root .newsletter_seg .nl_form .nl_input::placeholder {
color: #6a6050
}

.blg_root .newsletter_seg .nl_form .nl_input:focus {
border-color: #fff23199;
box-shadow: 0 3px 3px 0 #fff23114
}

.blg_root .newsletter_seg .nl_form .nl_btn {
background: linear-gradient(to left, #FFF231, #ffe800);
color: #1e1a15;
font-size: 15px;
line-height: 1.4;
letter-spacing: .06em;
font-weight: 700;
text-transform: uppercase;
padding: 16px 24px;
border-radius: 0;
border: none;
cursor: pointer;
transition: background .4s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .4s cubic-bezier(0.34, 1.2, 0.64, 1);
box-shadow: 0 3px 3px 0 #fff23114
}

.blg_root .newsletter_seg .nl_form .nl_btn:hover {
background: linear-gradient(to right, #FFF231, #ffe800);
box-shadow: 0 6px 28px 0 #fff2312e
}

.blg_root .newsletter_seg .nl_form .nl_btn:focus {
outline: 2px solid #FFF231;
outline-offset: 2px
}

.blg_root .newsletter_seg .nl_note {
font-size: 15px;
line-height: 1.7;
color: #6a6050
}

.blg_root .corner_deco {
position: absolute;
width: 24px;
height: 24px;
pointer-events: none
}

.blg_root .corner_deco.tl {
top: 16px;
left: 16px;
border-top: 2px solid #FFF231;
border-left: 2px solid #FFF231
}

.blg_root .corner_deco.tr {
top: 16px;
right: 16px;
border-top: 2px solid #FFF231;
border-right: 2px solid #FFF231
}

.blg_root .corner_deco.bl {
bottom: 16px;
left: 16px;
border-bottom: 2px solid #FFF231;
border-left: 2px solid #FFF231
}

.blg_root .corner_deco.br {
bottom: 16px;
right: 16px;
border-bottom: 2px solid #FFF231;
border-right: 2px solid #FFF231
}

.auth-pg {
background: #1e1a14;
overflow-x: hidden;
position: relative
}

.auth-pg .split-top {
display: flex;
flex-direction: row;
min-height: 560px;
align-items: stretch
}

.auth-pg .split-left {
width: 50%;
background: #283772;
padding: 96px 48px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
overflow: hidden
}

.auth-pg .split-left .bg-letter {
position: absolute;
font-size: 320px;
font-weight: 900;
color: #fff2310f;
top: -40px;
left: -20px;
line-height: 1.1;
pointer-events: none;
user-select: none;
letter-spacing: -8px
}

.auth-pg .split-left .tag-line {
font-size: 15px;
color: #FFF231;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 24px;
line-height: 1.4;
position: relative;
z-index: 1
}

.auth-pg .split-left h1 {
font-size: 51px;
line-height: 1.1;
color: #fff;
margin-bottom: 24px;
letter-spacing: -.02em;
position: relative;
z-index: 1
}

.auth-pg .split-left .desc {
font-size: 15px;
line-height: 1.7;
color: #ffffffc7;
margin-bottom: 48px;
position: relative;
z-index: 1;
max-width: 420px
}

.auth-pg .split-left .actions {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
flex-wrap: wrap;
position: relative;
z-index: 1
}

.auth-pg .split-left .btn-main {
background: linear-gradient(to left, #FFF231, #ffe000);
color: #1e1a14;
border: none;
padding: 16px 24px;
font-size: 15px;
font-weight: 700;
border-radius: 0;
cursor: pointer;
text-decoration: none;
display: inline-block;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1);
box-shadow: 0 6px 28px 0 #fff2311c;
letter-spacing: .04em
}

.auth-pg .split-left .btn-main:hover {
background: linear-gradient(to right, #FFF231, #ffe000);
box-shadow: 0 10px 40px 0 #fff23121
}

.auth-pg .split-left .btn-sec {
color: #ffffffb8;
font-size: 15px;
text-decoration: underline;
text-underline-offset: 4px;
transition: color .35s ease-in-out;
display: inline-block
}

.auth-pg .split-left .btn-sec:hover {
color: #FFF231
}

.auth-pg .split-right {
width: 50%;
position: relative;
overflow: hidden
}

.auth-pg .split-right img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.auth-pg .split-right .img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to left, #2837728c, #1e1a14b8);
pointer-events: none
}

.auth-pg .profiles-band {
background: #231f17;
padding: 96px 48px
}

.auth-pg .profiles-band .band-inner {
max-width: 1600px;
margin: 0 auto
}

.auth-pg .profiles-band .sect-label {
font-size: 15px;
color: #FFF231;
letter-spacing: .1em;
text-transform: uppercase;
text-align: center;
margin-bottom: 8px;
line-height: 1.4
}

.auth-pg .profiles-band h2 {
font-size: 51px;
color: #fff;
text-align: center;
line-height: 1.1;
letter-spacing: -.02em;
margin-bottom: 48px
}

.auth-pg .profiles-band .two-col {
display: flex;
flex-direction: row;
gap: 48px;
align-items: flex-start
}

.auth-pg .profiles-band .portrait-col {
flex: 0 0 auto;
width: 280px
}

.auth-pg .profiles-band .portrait-wrap {
width: 280px;
aspect-ratio: 5/7;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 40px 0 #28377221;
animation: flip-in .42s cubic-bezier(0.34, 1.2, 0.64, 1) both
}

.auth-pg .profiles-band .portrait-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block
}

.auth-pg .profiles-band .bio-col {
flex: 1;
min-width: 0
}

.auth-pg .profiles-band .person-name {
font-size: 51px;
color: #fff;
line-height: 1.1;
letter-spacing: -.02em;
margin-bottom: 8px
}

.auth-pg .profiles-band .person-role {
font-size: 15px;
color: #FFF231;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 24px;
line-height: 1.4;
display: flex;
align-items: center;
gap: 8px
}

.auth-pg .profiles-band .role-dot {
width: 8px;
height: 8px;
border-radius: 12px;
background: #FFF231;
flex-shrink: 0
}

.auth-pg .profiles-band .bio-text {
font-size: 15px;
line-height: 1.7;
color: #ffffffbf;
margin-bottom: 24px
}

.auth-pg .profiles-band .metrics-row {
display: flex;
flex-direction: row;
gap: 48px;
margin-top: 48px;
padding-top: 24px;
border-top: 1px solid #ffffff14
}

.auth-pg .profiles-band .metric-item {
display: flex;
flex-direction: column;
gap: 8px
}

.auth-pg .profiles-band .metric-num {
font-size: 68px;
color: #FFF231;
line-height: 1.1;
letter-spacing: -.03em;
font-weight: 900
}

.auth-pg .profiles-band .metric-desc {
font-size: 15px;
color: #fff9;
line-height: 1.4;
max-width: 140px
}

.auth-pg .profiles-band .dashed-connector {
border: none;
border-top: 2px dashed #fff23147;
margin: 48px 0 0;
width: 100%
}

.auth-pg .three-col-band {
padding: 96px 48px;
background: #1e1a14
}

.auth-pg .three-col-band .band-inner {
max-width: 1600px;
margin: 0 auto
}

.auth-pg .three-col-band .divider-band {
display: flex;
justify-content: center;
margin-bottom: 48px
}

.auth-pg .three-col-band .divider-pill {
width: 120px;
height: 6px;
background: linear-gradient(to left, #283772, #FFF231);
border-radius: 12px
}

.auth-pg .three-col-band h2 {
font-size: 51px;
color: #fff;
text-align: center;
line-height: 1.1;
letter-spacing: -.02em;
margin-bottom: 8px
}

.auth-pg .three-col-band .sub-desc {
font-size: 15px;
color: #fff9;
text-align: center;
line-height: 1.7;
margin-bottom: 48px;
max-width: 560px;
margin-left: auto;
margin-right: auto
}

.auth-pg .three-col-band .cols {
display: flex;
flex-direction: row;
gap: 24px;
align-items: stretch
}

.auth-pg .three-col-band .col-a {
flex: 1;
background: #283772;
border-radius: 12px;
padding: 48px 24px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-shadow: 0 6px 28px 0 #2837721c;
animation: flip-in .4s cubic-bezier(0.34, 1.2, 0.64, 1) .05s both;
position: relative;
overflow: hidden
}

.auth-pg .three-col-band .col-b {
flex: 1;
background: #2a2319;
border-radius: 12px;
padding: 48px 24px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-shadow: 0 3px 3px 0 #fff23114;
animation: flip-in .44s cubic-bezier(0.34, 1.2, 0.64, 1) .12s both;
position: relative;
overflow: hidden
}

.auth-pg .three-col-band .col-c {
flex: 1;
background: #1c2640;
border-radius: 12px;
padding: 48px 24px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-shadow: 0 10px 40px 0 #28377221;
animation: flip-in .45s cubic-bezier(0.34, 1.2, 0.64, 1) .18s both;
position: relative;
overflow: hidden
}

.auth-pg .three-col-band .col-num {
font-size: 68px;
font-weight: 900;
color: #fff23112;
line-height: 1.1;
position: absolute;
top: 8px;
right: 16px;
letter-spacing: -4px;
pointer-events: none;
user-select: none
}

.auth-pg .three-col-band .col-icon {
width: 48px;
height: 48px;
margin-bottom: 16px;
position: relative;
z-index: 1
}

.auth-pg .three-col-band .col-h {
font-size: 21px;
color: #FFF231;
line-height: 1.4;
margin-bottom: 16px;
font-weight: 700;
position: relative;
z-index: 1
}

.auth-pg .three-col-band .col-p {
font-size: 15px;
color: #ffffffb8;
line-height: 1.7;
position: relative;
z-index: 1
}

.auth-pg .three-col-band .portrait-row {
display: flex;
flex-direction: row;
gap: 48px;
align-items: flex-start;
margin-top: 48px;
padding-top: 48px;
border-top: 1px solid #ffffff12
}

.auth-pg .three-col-band .portrait2-wrap {
width: 220px;
flex-shrink: 0;
aspect-ratio: 5/7;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 6px 28px 0 #2837721c
}

.auth-pg .three-col-band .portrait2-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block
}

.auth-pg .three-col-band .quote-col {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center
}

.auth-pg .three-col-band .quote-name {
font-size: 21px;
color: #FFF231;
font-weight: 700;
line-height: 1.4;
margin-bottom: 8px
}

.auth-pg .three-col-band .quote-role {
font-size: 15px;
color: #ffffff80;
letter-spacing: .06em;
margin-bottom: 24px;
line-height: 1.4;
display: flex;
align-items: center;
gap: 8px
}

.auth-pg .three-col-band .q-dot {
width: 6px;
height: 6px;
border-radius: 12px;
background: #ffffff59;
flex-shrink: 0
}

.auth-pg .three-col-band .quote-body {
font-size: 15px;
color: #ffffffb8;
line-height: 1.7
}

.auth-pg .three-col-band .img-strip {
display: flex;
flex-direction: row;
gap: 16px;
margin-top: 48px
}

.auth-pg .three-col-band .strip-img {
flex: 1;
aspect-ratio: 4/3;
border-radius: 12px;
overflow: hidden
}

.auth-pg .three-col-band .strip-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform .42s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.auth-pg .three-col-band .strip-img:hover img {
transform: scale(1.04)
}

.auth-pg .letter-hover-wrap {
display: inline-flex;
flex-direction: row;
gap: 0
}

.auth-pg .letter-hover-wrap .ltr {
display: inline-block;
transition: color .35s ease-in-out;
color: #ffffffb8
}

.auth-pg .letter-hover-wrap:hover .ltr:nth-child(1) {
color: #FFF231;
transition-delay: 0s
}

.auth-pg .letter-hover-wrap:hover .ltr:nth-child(2) {
color: #FFF231;
transition-delay: .03s
}

.auth-pg .letter-hover-wrap:hover .ltr:nth-child(3) {
color: #FFF231;
transition-delay: .06s
}

.auth-pg .letter-hover-wrap:hover .ltr:nth-child(4) {
color: #FFF231;
transition-delay: .09s
}

.auth-pg .letter-hover-wrap:hover .ltr:nth-child(5) {
color: #FFF231;
transition-delay: .12s
}

.auth-pg .letter-hover-wrap:hover .ltr:nth-child(6) {
color: #FFF231;
transition-delay: .15s
}

.auth-pg .letter-hover-wrap:hover .ltr:nth-child(7) {
color: #FFF231;
transition-delay: .18s
}

.auth-pg .letter-hover-wrap:hover .ltr:nth-child(8) {
color: #FFF231;
transition-delay: .21s
}

.auth-pg .letter-hover-wrap:hover .ltr:nth-child(9) {
color: #FFF231;
transition-delay: .24s
}

.auth-pg .letter-hover-wrap:hover .ltr:nth-child(10) {
color: #FFF231;
transition-delay: .27s
}

@keyframes flip-in {
from {
transform: rotateY(90deg);
opacity: 0
}

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

@media (max-width: 1024px) {
.auth-pg .split-top {
flex-direction: column
}

.auth-pg .split-left,
.auth-pg .split-right {
width: 100%
}

.auth-pg .split-right {
min-height: 320px
}

.auth-pg .profiles-band .two-col {
flex-direction: column;
gap: 24px
}

.auth-pg .profiles-band .portrait-col {
width: 100%
}

.auth-pg .profiles-band .portrait-wrap {
width: 200px
}

.auth-pg .three-col-band .cols {
flex-direction: column
}

.auth-pg .three-col-band .portrait-row {
flex-direction: column
}

.auth-pg .three-col-band .portrait2-wrap {
width: 180px
}

.auth-pg .profiles-band .metrics-row {
gap: 24px
}
}

@media (max-width: 768px) {
.auth-pg .split-left {
padding: 48px 24px
}

.auth-pg .split-left h1 {
font-size: 51px
}

.auth-pg .profiles-band,
.auth-pg .three-col-band {
padding: 48px 24px
}

.auth-pg .profiles-band h2,
.auth-pg .three-col-band h2 {
font-size: 51px
}

.auth-pg .profiles-band .person-name {
font-size: 51px
}

.auth-pg .profiles-band .metric-num {
font-size: 51px
}

.auth-pg .profiles-band .metrics-row {
flex-direction: column;
gap: 16px
}

.auth-pg .three-col-band .img-strip {
flex-direction: column
}
}

@media (max-width: 640px) {
.auth-pg .split-left h1 {
font-size: 51px
}

.auth-pg .split-left {
padding: 48px 16px
}

.auth-pg .profiles-band,
.auth-pg .three-col-band {
padding: 48px 16px
}
}

.ptl {
background: #1e1a17;
overflow-x: hidden;
width: 100%;
max-width: 100%
}

.ptl .slide-in {
opacity: 0;
transform: translateX(-48px);
animation: slideFromLeft .42s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

.ptl .slide-in:nth-child(1) {
animation-delay: .05s
}

.ptl .slide-in:nth-child(2) {
animation-delay: .14s
}

.ptl .slide-in:nth-child(3) {
animation-delay: .23s
}

.ptl .slide-in:nth-child(4) {
animation-delay: .32s
}

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

.ptl .pg_top {
position: relative;
background: linear-gradient(to bottom, #283772 0%, #1e1a17 100%);
padding: 96px 48px 48px;
overflow: hidden
}

.ptl .pg_top::before {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(135deg, #fff2310a 0px, #fff2310a 1px, transparent 1px, transparent 18px);
pointer-events: none
}

.ptl .pg_top_grid {
max-width: 1600px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 48px
}

.ptl .pg_top_left {
flex: 0 0 30%;
display: flex;
flex-direction: column;
gap: 24px
}

.ptl .pg_top_right {
flex: 1;
display: flex;
flex-direction: column;
gap: 24px
}

.ptl .live_num {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: #fff2311f;
border: 1px solid #fff2314d;
padding: 8px 16px;
border-radius: 0
}

.ptl .live_dot {
width: 8px;
height: 8px;
background: #FFF231;
border-radius: 0;
animation: blink 1.8s ease-in-out infinite
}

@keyframes blink {

0%,
100% {
opacity: 1
}

50% {
opacity: .3
}
}

.ptl .live_num span {
color: #FFF231;
font-size: 15px;
line-height: 1.4;
letter-spacing: .04em
}

.ptl .pg_h1 {
font-size: 68px;
line-height: 1.1;
letter-spacing: -.02em;
color: #f0ece6;
margin: 0
}

.ptl .pg_h1 .marked {
background: linear-gradient(to right, #283772, #FFF231);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.ptl .pg_sub {
font-size: 21px;
line-height: 1.7;
color: #c8bfb0;
margin: 0;
max-width: 560px
}

.ptl .pg_top_img_wrap {
position: relative;
width: 100%;
aspect-ratio: 4/3;
overflow: hidden;
border-radius: 0;
box-shadow: 0 10px 40px 0 #28377221
}

.ptl .pg_top_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
clip-path: polygon(0 0, 92% 0, 100% 8%, 100% 100%, 8% 100%, 0 92%);
filter: saturate(0.6) contrast(1.1);
transition: filter .38s ease-in-out
}

.ptl .pg_top_img_wrap:hover img {
filter: saturate(1) contrast(1.05)
}

.ptl .pg_divider_blur {
height: 24px;
background: linear-gradient(to bottom, #2837722e, transparent);
filter: blur(4px);
margin: 0
}

.ptl .geo_bg {
position: absolute;
border-radius: 0;
pointer-events: none
}

.ptl .geo_c1 {
width: 320px;
height: 320px;
border: 1px solid #fff2310a;
border-radius: 0;
top: -80px;
right: 10%;
transform: rotate(18deg)
}

.ptl .geo_c2 {
width: 180px;
height: 180px;
border: 1px solid #2837721f;
border-radius: 0;
bottom: 24px;
left: 5%;
transform: rotate(35deg)
}

.ptl .portrait_sec {
background: #231f1b;
padding: 96px 48px
}

.ptl .portrait_sec_inner {
max-width: 1600px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 48px;
align-items: stretch
}

.ptl .portrait_left {
flex: 0 0 30%;
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center
}

.ptl .sec_num {
font-size: 68px;
line-height: 1.1;
letter-spacing: -.03em;
color: #fff23112;
font-weight: 900;
margin: 0;
user-select: none
}

.ptl .portrait_left h2 {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #f0ece6;
margin: 0
}

.ptl .portrait_left p {
font-size: 15px;
line-height: 1.7;
color: #a89e90;
margin: 0
}

.ptl .portrait_right {
flex: 1;
display: flex;
flex-direction: row;
gap: 24px;
align-items: stretch
}

.ptl .reader_card {
flex: 1;
background: #2a2420;
border-radius: 0;
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 6px 28px 0 #2837721c;
transition: background .35s ease-in-out
}

.ptl .reader_card:hover {
background: #312c27
}

.ptl .reader_card_icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center
}

.ptl .reader_card_icon svg {
width: 32px;
height: 32px
}

.ptl .reader_card h4 {
font-size: 15px;
line-height: 1.4;
color: #FFF231;
margin: 0;
letter-spacing: .03em
}

.ptl .reader_card p {
font-size: 15px;
line-height: 1.7;
color: #a89e90;
margin: 0
}

.ptl .portrait_imgs {
display: flex;
flex-direction: column;
gap: 16px;
flex: 0 0 220px
}

.ptl .portrait_img_box {
flex: 1;
overflow: hidden;
border-radius: 0;
box-shadow: 0 3px 3px 0 #28377214
}

.ptl .portrait_img_box img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block;
aspect-ratio: 1/1
}

.ptl .divider_shadow {
height: 16px;
background: linear-gradient(to bottom, #fff2310a, transparent)
}

.ptl .topics_sec {
background: #FFF231;
padding: 96px 48px
}

.ptl .topics_sec_inner {
max-width: 1600px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 48px;
align-items: center;
text-align: center
}

.ptl .topics_head {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center
}

.ptl .topics_head h2 {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #1e1a17;
margin: 0
}

.ptl .topics_head p {
font-size: 21px;
line-height: 1.4;
color: #2d2720;
margin: 0;
max-width: 640px
}

.ptl .topics_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
width: 100%
}

.ptl .topic_item {
background: #1e1a17;
padding: 24px;
border-radius: 0;
display: flex;
flex-direction: column;
gap: 8px;
text-align: left;
transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ptl .topic_item:hover {
transform: translateY(-4px)
}

.ptl .topic_item.deep {
background: #283772;
grid-row: span 2
}

.ptl .topic_item h5 {
font-size: 15px;
line-height: 1.4;
color: #FFF231;
margin: 0;
letter-spacing: .04em
}

.ptl .topic_item p {
font-size: 15px;
line-height: 1.7;
color: #a89e90;
margin: 0
}

.ptl .topic_item.deep p {
color: #c0cce8
}

.ptl .topic_deep_label {
display: inline-block;
background: #FFF231;
color: #1e1a17;
font-size: 15px;
line-height: 1.4;
padding: 4px 8px;
border-radius: 0;
margin-bottom: 8px;
letter-spacing: .05em
}

.ptl .divider_stripe {
height: 8px;
background: repeating-linear-gradient(to right, #283772 0px, #283772 24px, transparent 24px, transparent 48px);
opacity: .18
}

.ptl .archive_sec {
background: #231f1b;
padding: 96px 48px
}

.ptl .archive_inner {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 70% 30%;
gap: 48px;
align-items: start
}

.ptl .archive_main {
display: flex;
flex-direction: column;
gap: 24px
}

.ptl .archive_main h2 {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #f0ece6;
margin: 0
}

.ptl .archive_main p {
font-size: 15px;
line-height: 1.7;
color: #a89e90;
margin: 0
}

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

.ptl .a_step {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
padding: 16px;
background: #2a2420;
border-radius: 0;
transition: background .4s ease-in-out
}

.ptl .a_step:hover {
background: #312c27
}

.ptl .a_step_num {
font-size: 21px;
line-height: 1.1;
color: #FFF231;
font-weight: 700;
flex-shrink: 0;
width: 32px
}

.ptl .a_step_body h5 {
font-size: 15px;
line-height: 1.4;
color: #f0ece6;
margin: 0 0 8px
}

.ptl .a_step_body p {
font-size: 15px;
line-height: 1.7;
color: #a89e90;
margin: 0
}

.ptl .archive_aside {
display: flex;
flex-direction: column;
gap: 24px
}

.ptl .archive_img_wrap {
width: 100%;
aspect-ratio: 4/3;
overflow: hidden;
border-radius: 0;
box-shadow: 0 10px 40px 0 #28377221
}

.ptl .archive_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
transition: clip-path .45s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ptl .archive_img_wrap:hover img {
clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%)
}

.ptl .archive_note {
background: #fff23114;
border-radius: 0;
padding: 16px
}

.ptl .archive_note p {
font-size: 15px;
line-height: 1.7;
color: #c8bfb0;
margin: 0
}

.ptl .divider_dots {
height: 16px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
padding: 24px 0
}

.ptl .divider_dots span {
width: 6px;
height: 6px;
background: #fff23133;
border-radius: 0;
display: block
}

.ptl .stats_sec {
background: #283772;
padding: 96px 48px;
position: relative;
overflow: hidden
}

.ptl .stats_sec::before {
content: '';
position: absolute;
width: 500px;
height: 500px;
border: 1px solid #fff2310d;
border-radius: 0;
top: -200px;
right: -100px;
transform: rotate(22deg);
pointer-events: none
}

.ptl .stats_inner {
max-width: 1600px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 48px;
align-items: center;
text-align: center
}

.ptl .stats_head h2 {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #f0ece6;
margin: 0 0 16px
}

.ptl .stats_head p {
font-size: 21px;
line-height: 1.4;
color: #c0cce8;
margin: 0;
max-width: 560px
}

.ptl .stats_row {
display: flex;
flex-direction: row;
gap: 16px;
width: 100%;
align-items: stretch
}

.ptl .stat_box {
flex: 1;
background: #ffffff0f;
border-radius: 0;
padding: 24px;
display: flex;
flex-direction: column;
gap: 8px;
align-items: center;
text-align: center;
box-shadow: 0 3px 3px 0 #fff23114;
transition: background .35s ease-in-out, box-shadow .35s ease-in-out
}

.ptl .stat_box:hover {
background: #ffffff1a;
box-shadow: 0 6px 28px 0 #fff2311c
}

.ptl .stat_val {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.03em;
color: #FFF231;
font-weight: 700
}

.ptl .stat_label {
font-size: 15px;
line-height: 1.4;
color: #c0cce8;
letter-spacing: .05em
}

.ptl .stats_imgs {
display: flex;
flex-direction: row;
gap: 16px;
width: 100%
}

.ptl .stats_img_wrap {
flex: 1;
aspect-ratio: 4/3;
overflow: hidden;
border-radius: 0;
box-shadow: 0 6px 28px 0 #fff2311c
}

.ptl .stats_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
filter: saturate(0.7);
transition: filter .4s ease-in-out
}

.ptl .stats_img_wrap:hover img {
filter: saturate(1)
}

.ptl .editorial_sec {
background: #1e1a17;
padding: 96px 48px
}

.ptl .editorial_inner {
max-width: 1600px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 48px
}

.ptl .editorial_top {
display: grid;
grid-template-columns: 30% 70%;
gap: 48px;
align-items: start
}

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

.ptl .editorial_label h2 {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #f0ece6;
margin: 0
}

.ptl .editorial_label .sec_num {
font-size: 68px;
line-height: 1.1;
color: #fff2310f;
font-weight: 900;
margin: 0
}

.ptl .editorial_body {
display: flex;
flex-direction: column;
gap: 24px
}

.ptl .editorial_body p {
font-size: 15px;
line-height: 1.7;
color: #a89e90;
margin: 0
}

.ptl .editorial_body .em_phrase {
font-size: 21px;
line-height: 1.4;
color: #f0ece6;
background: linear-gradient(to right, #fff23138 0%, transparent 100%);
padding: 16px;
border-radius: 0;
margin: 0
}

.ptl .editorial_bottom {
display: flex;
flex-direction: row;
gap: 16px;
align-items: stretch
}

.ptl .ed_col {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px
}

.ptl .ed_col.tall {
flex: 1.3;
background: #2a2420;
padding: 24px;
border-radius: 0;
box-shadow: 0 6px 28px 0 #2837721c
}

.ptl .ed_col h5 {
font-size: 15px;
line-height: 1.4;
color: #FFF231;
margin: 0;
letter-spacing: .04em
}

.ptl .ed_col p {
font-size: 15px;
line-height: 1.7;
color: #a89e90;
margin: 0
}

.ptl .ed_img_wrap {
width: 100%;
aspect-ratio: 4/3;
overflow: hidden;
border-radius: 0
}

.ptl .ed_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
clip-path: polygon(0 6%, 94% 0, 100% 94%, 6% 100%);
transition: clip-path .43s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ptl .ed_img_wrap:hover img {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.ptl .ed_portrait_wrap {
width: 100%;
aspect-ratio: 1/1;
overflow: hidden;
border-radius: 0;
box-shadow: 0 3px 3px 0 #28377214
}

.ptl .ed_portrait_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block
}

@media (max-width: 1024px) {
.ptl .pg_top {
padding: 48px 24px
}

.ptl .pg_top_grid {
flex-direction: column;
gap: 24px
}

.ptl .pg_top_left {
flex: none;
width: 100%
}

.ptl .pg_h1 {
font-size: 51px
}

.ptl .portrait_sec {
padding: 48px 24px
}

.ptl .portrait_sec_inner {
flex-direction: column
}

.ptl .portrait_left {
flex: none
}

.ptl .portrait_right {
flex-direction: column
}

.ptl .portrait_imgs {
flex-direction: row;
flex: none
}

.ptl .topics_sec {
padding: 48px 24px
}

.ptl .topics_grid {
grid-template-columns: 1fr 1fr
}

.ptl .archive_sec {
padding: 48px 24px
}

.ptl .archive_inner {
grid-template-columns: 1fr
}

.ptl .stats_sec {
padding: 48px 24px
}

.ptl .stats_row {
flex-wrap: wrap
}

.ptl .stat_box {
flex: 0 0 calc(50% - 8px)
}

.ptl .editorial_sec {
padding: 48px 24px
}

.ptl .editorial_top {
grid-template-columns: 1fr;
gap: 24px
}

.ptl .editorial_bottom {
flex-direction: column
}
}

@media (max-width: 768px) {
.ptl .pg_h1 {
font-size: 51px
}

.ptl .topics_grid {
grid-template-columns: 1fr
}

.ptl .topic_item.deep {
grid-row: span 1
}

.ptl .stats_row {
flex-direction: column
}

.ptl .stat_box {
flex: none
}

.ptl .stats_imgs {
flex-direction: column
}

.ptl .portrait_imgs {
flex-direction: column
}
}

@media (max-width: 640px) {
.ptl .pg_top {
padding: 48px 16px
}

.ptl .pg_h1 {
font-size: 51px
}

.ptl .portrait_sec,
.ptl .topics_sec,
.ptl .archive_sec,
.ptl .stats_sec,
.ptl .editorial_sec {
padding: 48px 16px
}

.ptl .portrait_right {
flex-direction: column
}
}

.success_pg {
min-height: 100vh;
background: #1a120b;
background: linear-gradient(to right, #1a120b, #1e1a2e);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 96px 24px
}

.success_pg .card {
background: #221c30;
border: 2px solid #283772;
border-radius: 12px;
max-width: 560px;
width: 100%;
padding: 48px;
text-align: center;
box-shadow: 0 6px 28px 0 #2837721c 0 10px 40px 0 #28377221;
position: relative
}

.success_pg .card .icon_wrap {
width: 72px;
height: 72px;
margin: 0 auto 24px;
border-radius: 12px;
background: linear-gradient(to right, #221c30, #283772);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
box-shadow: 0 3px 3px 0 #fff23114
}

.success_pg .card .icon_wrap svg {
width: 36px;
height: 36px
}

.success_pg .card .tag {
display: inline-block;
background: #FFF231;
color: #1a120b;
font-size: 15px;
line-height: 1.1;
letter-spacing: .08em;
padding: 8px 16px;
border-radius: 0;
margin-bottom: 24px;
font-weight: 700;
text-transform: uppercase
}

.success_pg .card .heading {
font-size: 51px;
line-height: 1.1;
letter-spacing: -.02em;
color: #FFF231;
margin: 0 0 16px
}

.success_pg .card .sub {
font-size: 15px;
line-height: 1.7;
color: #FFE3E5;
margin: 0 0 48px;
opacity: .88
}

.success_pg .card .divider {
width: 100%;
height: 1px;
background: linear-gradient(to right, transparent, #283772, transparent);
margin-bottom: 48px
}

.success_pg .card .meta_row {
display: flex;
flex-direction: row;
gap: 16px;
justify-content: center;
margin-bottom: 48px;
flex-wrap: wrap
}

.success_pg .card .meta_item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: #2a2040;
border-radius: 12px;
padding: 8px 16px;
border: 1px solid #283772
}

.success_pg .card .meta_item svg {
width: 16px;
height: 16px;
flex-shrink: 0
}

.success_pg .card .meta_item span {
font-size: 15px;
line-height: 1.4;
color: #FFE3E5;
opacity: .8
}

.success_pg .card .btn_home {
display: inline-block;
background: linear-gradient(to right, #283772, #FFF231);
color: #1a120b;
font-size: 15px;
line-height: 1.1;
letter-spacing: .04em;
font-weight: 700;
padding: 16px 48px;
border-radius: 0;
text-decoration: none;
border: none;
cursor: pointer;
transition: background-position .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out;
background-size: 200% 100%;
background-position: right center;
box-shadow: 0 3px 3px 0 #fff23114
}

.success_pg .card .btn_home:hover {
background-position: left center;
box-shadow: 0 6px 28px 0 #fff2311c
}

.success_pg .card .btn_home:focus {
outline: 2px solid #FFF231;
outline-offset: 4px
}

.success_pg .card .deco_num {
position: absolute;
font-size: 68px;
line-height: 1.1;
color: #283772;
opacity: .07;
top: 16px;
right: 24px;
pointer-events: none;
user-select: none;
letter-spacing: -.04em
}

@media (max-width: 640px) {
.success_pg {
padding: 48px 16px
}

.success_pg .card {
padding: 48px 24px
}

.success_pg .card .heading {
font-size: 51px
}

.success_pg .card .meta_row {
flex-direction: column;
align-items: center
}
}