body {
margin: 0;
min-height: 100dvh;
font-family: 'Archivo', sans-serif;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%
}

.pub_frame {
box-sizing: border-box;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 28px;
padding-right: 28px
}

.site_head {
background: #fff;
border-bottom: 2px solid #00E2DE;
position: relative
}

.head_utility {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 16px;
padding-bottom: 8px;
border-bottom: 1px solid #00e2de2e
}

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

.brand_mark_ring {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 13px;
background: #fff;
box-shadow: 0 0 0 2px #00E2DE, 0 1px 5px 0 #00e2de0f;
overflow: hidden;
flex-shrink: 0
}

.brand_mark_ring img {
width: 36px;
height: 36px;
object-fit: contain;
display: block
}

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

.brand_label_name {
font-size: 18px;
font-weight: 700;
line-height: 1.15;
color: #1a0033;
letter-spacing: .02em
}

.brand_label_tag {
font-size: 15px;
font-weight: 400;
line-height: 1.15;
color: #681C91;
letter-spacing: .08em;
text-transform: uppercase
}

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

.accent_pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
border-radius: 36px;
background: linear-gradient(135deg, #00e2de1f 0%, #681c9114 100%);
border: 1px solid #00e2de47;
font-size: 15px;
font-weight: 500;
color: #681C91;
line-height: 1.15;
letter-spacing: .04em;
white-space: nowrap
}

.accent_pill_dot {
width: 8px;
height: 8px;
border-radius: 4px;
background: #00E2DE;
flex-shrink: 0
}

.head_nav_row {
display: flex;
align-items: center;
justify-content: flex-end;
padding-top: 8px;
padding-bottom: 16px;
gap: 4px
}

.head_nav_row nav {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px
}

.nav_link {
display: inline-flex;
align-items: center;
padding: 8px 16px;
border-radius: 4px;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
color: #2a0050;
text-decoration: none;
letter-spacing: .02em;
transition: background .18s ease-out, color .14s ease-out;
min-height: 44px;
white-space: nowrap
}

.nav_link:hover {
background: #00e2de1a;
color: #681C91
}

.nav_link:focus-visible {
outline: 2px solid #681C91;
outline-offset: 3px;
box-shadow: 0 0 0 4px #00e2de38
}

.nav_link.active_route {
background: #681c9114;
color: #681C91;
font-weight: 600
}

.nav_link_blog {
background: #681C91;
color: #fff;
border-radius: 13px;
box-shadow: 0 1px 5px 0 #681c910f 0 7px 22px 0 #681c911c;
transition: background .2s cubic-bezier(0.4, 0, 0.6, 1), box-shadow .22s ease-out
}

.nav_link_blog:hover {
background: #4e1570;
color: #fff;
box-shadow: 0 8px 60px 0 #681c911f
}

.nav_link_blog:focus-visible {
outline: 2px solid #00E2DE;
outline-offset: 3px;
box-shadow: 0 0 0 4px #00e2de38
}

.site_foot {
background: #0d0020;
border-top: 2px solid #681C91
}

.foot_upper {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #681c914d;
flex-wrap: wrap;
gap: 8px
}

.foot_util_nav {
display: flex;
align-items: center;
gap: 4px;
flex-wrap: wrap
}

.foot_util_link {
display: inline-flex;
align-items: center;
padding: 8px 16px;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
color: #ffeb98bf;
text-decoration: none;
border-radius: 4px;
letter-spacing: .02em;
transition: color .16s ease-out, background .18s ease-out;
min-height: 44px;
white-space: nowrap
}

.foot_util_link:hover {
color: #FFEB98;
background: #ffeb980f
}

.foot_util_link:focus-visible {
outline: 2px solid #00E2DE;
outline-offset: 3px;
box-shadow: 0 0 0 4px #00e2de33
}

.foot_util_sep {
width: 1px;
height: 16px;
background: #681c9166;
flex-shrink: 0
}

.foot_contact_quick {
font-size: 15px;
color: #ffffff80;
line-height: 1.4
}

.foot_contact_quick a {
color: #00e2decc;
text-decoration: none;
transition: color .14s ease-out
}

.foot_contact_quick a:hover {
color: #00E2DE
}

.foot_contact_quick a:focus-visible {
outline: 2px solid #00E2DE;
outline-offset: 2px
}

.foot_body {
padding-top: 56px;
padding-bottom: 56px;
display: grid;
grid-template-columns: auto 1fr auto;
gap: 56px;
align-items: start
}

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

.foot_logo_ring {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 13px;
background: #ffffff0f;
box-shadow: 0 0 0 2px #00e2de66 0 1px 5px 0 #00e2de0f;
overflow: hidden;
flex-shrink: 0
}

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

.foot_brand_name {
font-size: 18px;
font-weight: 700;
line-height: 1.15;
color: #fff;
letter-spacing: .02em
}

.foot_brand_desc {
font-size: 15px;
font-weight: 400;
line-height: 1.6;
color: #ffffff80;
max-width: 220px
}

.foot_mid_col {
display: flex;
flex-direction: column;
gap: 28px;
align-items: center
}

.foot_editorial_strip {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 28px;
border-radius: 13px;
background: linear-gradient(135deg, #00e2de12 0%, #681c911a 100%);
border: 1px solid #00e2de26
}

.foot_editorial_icon {
width: 28px;
height: 28px;
flex-shrink: 0
}

.foot_editorial_text {
font-size: 15px;
font-weight: 500;
line-height: 1.4;
color: #ffeb98d9;
letter-spacing: .03em
}

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

.trust_badge {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px
}

.trust_badge_num {
font-size: 31px;
font-weight: 700;
line-height: 1.15;
color: #00E2DE
}

.trust_badge_label {
font-size: 15px;
font-weight: 400;
line-height: 1.4;
color: #ffffff80;
letter-spacing: .04em;
text-align: center
}

.trust_badge_divider {
width: 1px;
height: 40px;
background: #681c9159;
flex-shrink: 0
}

.foot_right_col {
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-end
}

.foot_topic_label {
font-size: 15px;
font-weight: 600;
line-height: 1.15;
color: #681C91;
letter-spacing: .1em;
text-transform: uppercase
}

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

.foot_tag {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
border-radius: 36px;
background: #681c9126;
border: 1px solid #681c914d;
font-size: 15px;
font-weight: 400;
line-height: 1.15;
color: #ffffffb3;
white-space: nowrap
}

.foot_tag_dot {
width: 6px;
height: 6px;
border-radius: 4px;
background: #681C91;
flex-shrink: 0
}

.foot_bottom_bar {
border-top: 1px solid #681c9140;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px
}

.foot_copy {
font-size: 15px;
font-weight: 400;
line-height: 1.4;
color: #ffffff59
}

.foot_domain {
font-size: 15px;
font-weight: 500;
line-height: 1.4;
color: #00e2de80;
letter-spacing: .03em
}

.cookie_notice {
position: fixed;
bottom: 28px;
right: 28px;
width: 320px;
background: #fff;
border-radius: 13px;
border: 1px solid #00e2de4d;
box-shadow: 0 8px 60px 0 #00e2de1f 0 7px 22px 0 #681c911c;
padding: 28px;
z-index: 8000;
box-sizing: border-box
}

.cookie_notice_text {
font-size: 15px;
font-weight: 400;
line-height: 1.6;
color: #2a0050;
margin-bottom: 16px
}

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

.cookie_accept_btn {
font-size: 15px;
font-weight: 600;
line-height: 1.4;
color: #681C91;
background: none;
border: none;
padding: 0;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 3px;
font-family: 'Archivo', sans-serif;
transition: color .16s ease-out;
min-height: 44px;
display: inline-flex;
align-items: center
}

.cookie_accept_btn:hover {
color: #4e1570
}

.cookie_accept_btn:focus-visible {
outline: 2px solid #681C91;
outline-offset: 3px;
box-shadow: 0 0 0 4px #00e2de38
}

.cookie_decline_link {
font-size: 15px;
font-weight: 400;
line-height: 1.4;
color: #2a005080;
background: none;
border: none;
padding: 0;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 3px;
font-family: 'Archivo', sans-serif;
transition: color .14s ease-out;
min-height: 44px;
display: inline-flex;
align-items: center
}

.cookie_decline_link:hover {
color: #2a0050
}

.cookie_decline_link:focus-visible {
outline: 2px solid #681C91;
outline-offset: 3px;
box-shadow: 0 0 0 4px #00e2de38
}

@media (max-width: 768px) {
.head_utility {
flex-direction: column;
align-items: flex-start;
gap: 8px
}

.head_accent_strip {
width: 100%
}

.head_nav_row {
justify-content: flex-start;
padding-bottom: 16px
}

.head_nav_row nav {
gap: 4px
}

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

.foot_right_col {
align-items: flex-start
}

.foot_topic_tags {
align-items: flex-start
}

.foot_mid_col {
align-items: flex-start
}

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

.cookie_notice {
width: calc(100vw - 56px);
right: 28px;
left: 28px;
bottom: 16px
}

.brand_label_tag {
display: none
}
}

@media (max-width: 390px) {
.pub_frame {
padding-left: 16px;
padding-right: 16px
}

.head_nav_row nav {
flex-direction: column;
align-items: flex-start
}

.nav_link {
padding: 8px
}

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

.trust_badge_divider {
display: none
}

.cookie_notice {
width: calc(100vw - 32px);
right: 16px;
left: 16px;
bottom: 16px;
padding: 16px
}

.foot_editorial_strip {
padding: 16px
}
}

.legal-content {
max-width: 1200px;
margin: 0 auto;
padding: 56px 28px;
color: #2a2a2a;
line-height: 1.6;
font-size: 18px
}

.legal-content h1 {
font-size: 43px;
line-height: 1.15;
color: #681C91;
margin-bottom: 28px;
margin-top: 0;
letter-spacing: -.01em;
padding-bottom: 16px;
border-bottom: 2px solid #00E2DE
}

.legal-content h2 {
font-size: 31px;
line-height: 1.15;
color: #681C91;
margin-top: 56px;
margin-bottom: 16px;
letter-spacing: -.005em
}

.legal-content h3 {
font-size: 18px;
line-height: 1.4;
color: #3d1158;
margin-top: 28px;
margin-bottom: 8px;
letter-spacing: .02em;
text-transform: uppercase
}

.legal-content h4 {
font-size: 18px;
line-height: 1.4;
color: #2a2a2a;
margin-top: 28px;
margin-bottom: 8px;
font-weight: 700
}

.legal-content h5 {
font-size: 15px;
line-height: 1.4;
color: #2a2a2a;
margin-top: 16px;
margin-bottom: 8px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase
}

.legal-content h6 {
font-size: 15px;
line-height: 1.4;
color: #555;
margin-top: 16px;
margin-bottom: 8px;
font-weight: 600;
letter-spacing: .04em
}

.legal-content p {
font-size: 18px;
line-height: 1.6;
margin-top: 0;
margin-bottom: 16px;
color: #2a2a2a
}

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

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

.legal-content a {
color: #681C91;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .18s ease-out, text-decoration-color .18s ease-out
}

.legal-content a:hover {
color: #00E2DE;
text-decoration-color: #00E2DE
}

.legal-content a:visited {
color: #8a3ab5
}

.legal-content hr {
border: none;
border-top: 1px solid #d4c8e0;
margin: 56px 0;
opacity: .7
}

.legal-content table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
line-height: 1.6;
margin-top: 28px;
margin-bottom: 28px;
box-shadow: 0 1px 5px 0 #681c910f;
border-radius: 13px;
overflow: hidden
}

.legal-content thead {
background-color: #681C91;
color: #fff
}

.legal-content thead th {
padding: 16px;
font-size: 15px;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
text-align: left;
color: #fff;
border: none
}

.legal-content tbody tr {
border-bottom: 1px solid #ece4f5;
transition: background-color .15s ease-out
}

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

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

.legal-content tbody tr:hover {
background-color: #f0e6fa
}

.legal-content th {
padding: 16px;
text-align: left;
font-weight: 700;
font-size: 15px;
color: #2a2a2a;
background-color: #ece4f5;
border-bottom: 2px solid #d4c8e0
}

.legal-content td {
padding: 16px;
font-size: 15px;
color: #2a2a2a;
vertical-align: top
}

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

.legal-content div[class] {
margin-bottom: 16px
}

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

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

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

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

.legal-content table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 4px
}

.legal-content thead th,
.legal-content td,
.legal-content th {
padding: 8px 16px
}
}

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

.legal-content h1 {
font-size: 31px;
padding-bottom: 8px
}

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

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

.legal-content hr {
margin: 28px 0
}
}

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

.blog_det .bd_wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 28px
}

.blog_det .post_lead {
padding: 56px 0 28px;
position: relative
}

.blog_det .post_lead .bd_wrap {
display: grid;
grid-template-columns: 1fr 320px;
gap: 56px;
align-items: start
}

.blog_det .lead_meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 28px
}

.blog_det .tag_pill {
display: inline-block;
background: #681C91;
color: #fff;
font-size: 15px;
font-weight: 600;
letter-spacing: .08em;
padding: 4px 16px;
border-radius: 4px;
text-decoration: none;
transition: background-color .18s ease-out, color .18s ease-out
}

.blog_det .tag_pill:hover {
background: #00E2DE;
color: #1a0028
}

.blog_det .cat_tag {
display: inline-block;
border: 1.5px solid #00E2DE;
color: #681C91;
font-size: 15px;
font-weight: 500;
letter-spacing: .06em;
padding: 4px 16px;
border-radius: 4px;
text-decoration: none;
transition: border-color .22s ease-out, color .22s ease-out
}

.blog_det .cat_tag:hover {
border-color: #681C91;
color: #00bfbc
}

.blog_det .read_time {
font-size: 15px;
color: #555;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.blog_det .read_time svg {
flex-shrink: 0
}

.blog_det .post_sub {
font-size: 18px;
line-height: 1.6;
color: #555;
margin-bottom: 16px;
letter-spacing: .01em
}

.blog_det .post_heading {
font-size: 43px;
line-height: 1.15;
font-weight: 300;
letter-spacing: .04em;
color: #1b0033;
margin-bottom: 28px
}

.blog_det .author_byline {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 15px;
color: #444
}

.blog_det .author_byline strong {
color: #681C91;
font-weight: 600
}

.blog_det .views_badge {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
font-size: 15px;
color: #777
}

.blog_det .lead_divider {
width: 40%;
height: 2px;
background: linear-gradient(90deg, #00E2DE 0%, #FFEB98 60%, transparent 100%);
margin: 28px 0;
border: none
}

.blog_det .img_strip {
position: relative;
border-radius: 13px;
overflow: hidden;
box-shadow: 0 7px 22px 0 #681c911c
}

.blog_det .img_strip img {
width: 100%;
height: 480px;
object-fit: cover;
display: block;
transition: transform .55s cubic-bezier(0.4, 0, 0.6, 1)
}

.blog_det .img_strip:hover img {
transform: scale(1.03)
}

.blog_det .img_overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, #681c9161 0%, #00e2de14 50%, transparent 100%);
pointer-events: none;
transition: opacity .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.blog_det .img_strip:hover .img_overlay {
opacity: .2
}

.blog_det .atm_spot {
position: absolute;
border-radius: 36px;
pointer-events: none;
z-index: 0
}

.blog_det .atm_spot.s1 {
width: 320px;
height: 320px;
background: #00e2de12;
filter: blur(60px);
top: -56px;
left: -80px
}

.blog_det .atm_spot.s2 {
width: 200px;
height: 200px;
background: #681c9114;
filter: blur(48px);
bottom: 0;
right: 40px
}

.blog_det .post_lead .bd_wrap>.lead_text_col {
position: relative;
z-index: 1
}

.blog_det .stroke_deco {
position: absolute;
top: 28px;
right: 0;
display: flex;
flex-direction: column;
gap: 8px;
pointer-events: none;
z-index: 0
}

.blog_det .stroke_deco span {
display: block;
height: 2px;
background: #FFEB98;
border-radius: 4px;
opacity: .7
}

.blog_det .stroke_deco span:nth-child(1) {
width: 28px
}

.blog_det .stroke_deco span:nth-child(2) {
width: 20px
}

.blog_det .stroke_deco span:nth-child(3) {
width: 36px
}

.blog_det .stroke_deco span:nth-child(4) {
width: 16px
}

.blog_det .stroke_deco span:nth-child(5) {
width: 24px
}

.blog_det .article_body_sec {
padding: 56px 0;
background: linear-gradient(100deg, #00e2de0f 0%, #fff 55%);
position: relative
}

.blog_det .article_body_sec::before {
content: '';
display: block;
width: 55%;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #681C91 40%, transparent 100%);
margin: 0 auto 56px
}

.blog_det .article_body_sec .bd_wrap {
display: grid;
grid-template-columns: 3fr 1fr;
gap: 56px;
align-items: start
}

.blog_det .article_text {
min-width: 0
}

.blog_det .article_text .first_para {
background: #00e2de12;
border-top: 3px solid #00E2DE;
border-radius: 4px 4px 0 0;
padding: 16px 28px;
margin-bottom: 28px;
font-size: 18px;
line-height: 1.6;
color: #1b0033
}

.blog_det .article_text p {
font-size: 18px;
line-height: 1.6;
color: #2a1040;
margin-bottom: 16px
}

.blog_det .article_text h2 {
font-size: 31px;
font-weight: 300;
letter-spacing: .05em;
color: #681C91;
line-height: 1.15;
margin-top: 56px;
margin-bottom: 16px
}

.blog_det .article_text h3 {
font-size: 31px;
font-weight: 400;
letter-spacing: .04em;
color: #1b0033;
line-height: 1.15;
margin-top: 28px;
margin-bottom: 16px
}

.blog_det .article_text h4 {
font-size: 18px;
font-weight: 600;
letter-spacing: .03em;
color: #681C91;
line-height: 1.4;
margin-top: 28px;
margin-bottom: 8px
}

.blog_det .article_text strong {
color: #681C91;
font-weight: 600
}

.blog_det .article_text code {
background: #681c9112;
color: #681C91;
font-size: 15px;
padding: 2px 8px;
border-radius: 4px
}

.blog_det .article_text ul,
.blog_det .article_text ol {
padding-left: 0;
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px 28px;
margin-bottom: 28px
}

.blog_det .article_text li {
font-size: 18px;
line-height: 1.6;
color: #2a1040;
padding-left: 16px;
position: relative
}

.blog_det .article_text li::before {
content: '';
display: block;
width: 6px;
height: 6px;
border-radius: 36px;
background: #00E2DE;
position: absolute;
left: 0;
top: 10px
}

.blog_det .aside_col {
position: sticky;
top: 28px;
display: flex;
flex-direction: column;
gap: 28px
}

.blog_det .aside_metric {
background: #fff;
border-radius: 13px;
padding: 28px;
box-shadow: 0 7px 22px 0 #681c911c;
display: flex;
flex-direction: column;
gap: 16px
}

.blog_det .metric_label {
font-size: 15px;
letter-spacing: .08em;
color: #888;
text-transform: uppercase;
font-weight: 500
}

.blog_det .metric_val {
font-size: 43px;
font-weight: 300;
color: #681C91;
line-height: 1.15;
letter-spacing: .04em
}

.blog_det .metric_sub {
font-size: 15px;
color: #555;
line-height: 1.4
}

.blog_det .aside_cta_box {
background: linear-gradient(135deg, #681c91e6 0%, #00e2de40 100%);
border-radius: 13px;
padding: 28px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 8px 60px 0 #681c911f
}

.blog_det .aside_cta_box .cta_hdg {
font-size: 18px;
font-weight: 300;
letter-spacing: .05em;
color: #fff;
line-height: 1.4
}

.blog_det .aside_cta_box .cta_body {
font-size: 15px;
color: #ffffffd1;
line-height: 1.6
}

.blog_det .btn_primary {
display: inline-block;
background: #fff;
color: #681C91;
font-size: 15px;
font-weight: 600;
letter-spacing: .06em;
padding: 16px 28px;
border-radius: 4px;
text-decoration: none;
text-align: center;
border: none;
cursor: pointer;
transition: background-color .2s ease-out, color .16s ease-out, box-shadow .2s ease-out;
box-shadow: 0 1px 5px 0 #681c910f
}

.blog_det .btn_primary:hover {
background: #FFEB98;
color: #1b0033;
box-shadow: 0 7px 22px 0 #681c911c
}

.blog_det .btn_primary:focus {
outline: 2px solid #681C91;
outline-offset: 3px
}

.blog_det .btn_primary:active {
transform: scale(0.98)
}

@keyframes shake_err {

0%,
100% {
transform: translateX(0)
}

20% {
transform: translateX(-6px)
}

40% {
transform: translateX(6px)
}

60% {
transform: translateX(-4px)
}

80% {
transform: translateX(4px)
}
}

.blog_det .btn_primary.shake {
animation: shake_err .45s cubic-bezier(0.4, 0, 0.6, 1)
}

@keyframes ring_pulse {
0% {
transform: translate(-50%, -50%) scale(0.5);
opacity: .18
}

70% {
opacity: .07
}

100% {
transform: translate(-50%, -50%) scale(2.2);
opacity: 0
}
}

.blog_det .pulse_bg {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
border-radius: 0;
z-index: 0
}

.blog_det .pulse_ring {
position: absolute;
top: 50%;
left: 50%;
width: 300px;
height: 300px;
border-radius: 36px;
border: 1.5px solid #00e2de40;
animation: ring_pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

.blog_det .pulse_ring:nth-child(2) {
animation-delay: 1.3s
}

.blog_det .pulse_ring:nth-child(3) {
animation-delay: 2.6s
}

.blog_det .article_body_sec>.bd_wrap {
position: relative;
z-index: 1
}

@media (max-width: 1280px) {
.blog_det .post_lead .bd_wrap {
grid-template-columns: 1fr 280px;
gap: 28px
}

.blog_det .post_heading {
font-size: 43px
}

.blog_det .article_body_sec .bd_wrap {
grid-template-columns: 2fr 1fr;
gap: 28px
}
}

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

.blog_det .img_strip {
order: -1
}

.blog_det .img_strip img {
height: 280px
}

.blog_det .post_heading {
font-size: 31px
}

.blog_det .article_body_sec .bd_wrap {
grid-template-columns: 1fr;
gap: 28px
}

.blog_det .aside_col {
position: static
}

.blog_det .article_text ul,
.blog_det .article_text ol {
grid-template-columns: 1fr
}

.blog_det .stroke_deco {
display: none
}
}

@media (max-width: 390px) {
.blog_det .bd_wrap {
padding: 0 16px
}

.blog_det .post_heading {
font-size: 31px
}

.blog_det .lead_meta {
flex-wrap: wrap;
gap: 8px
}

.blog_det .metric_val {
font-size: 31px
}
}

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

.cchg .pg_wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 28px
}

@keyframes diag_slide {
from {
opacity: 0;
transform: translate(-18px, -18px)
}

to {
opacity: 1;
transform: translate(0, 0)
}
}

.cchg .reveal {
animation: diag_slide .52s cubic-bezier(0.4, 0, 0.6, 1) both
}

.cchg .reveal_d1 {
animation-delay: .08s
}

.cchg .reveal_d2 {
animation-delay: .18s
}

.cchg .reveal_d3 {
animation-delay: .28s
}

.cchg .geo_divider {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
padding: 16px 0;
overflow: hidden
}

.cchg .geo_divider span {
width: 10px;
height: 10px;
background: #00E2DE;
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
opacity: .45;
flex-shrink: 0
}

.cchg .geo_divider span:nth-child(even) {
background: #681C91;
transform: rotate(180deg);
opacity: .3
}

.cchg .geo_divider span:nth-child(3n) {
background: #FFEB98;
opacity: .55
}

.cchg .title_band {
position: relative;
padding: 28px 0;
background: #fff;
overflow: hidden
}

.cchg .title_band::before {
content: "";
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(135deg, #681c910a 0px, #681c910a 2px, transparent 2px, transparent 18px);
pointer-events: none
}

.cchg .title_inner {
display: flex;
flex-direction: row;
align-items: center;
gap: 56px
}

.cchg .title_img_mosaic {
flex: 0 0 420px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 8px;
position: relative
}

.cchg .mosaic_main {
grid-column: 1 / 3;
grid-row: 1 / 2;
position: relative;
border-radius: 13px;
overflow: hidden;
height: 220px
}

.cchg .mosaic_main img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .52s cubic-bezier(0.4, 0, 0.6, 1)
}

.cchg .mosaic_main::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, #00e2de73 0%, #681c9159 100%);
transition: opacity .48s cubic-bezier(0.4, 0, 0.6, 1);
pointer-events: none
}

.cchg .mosaic_main:hover::after {
opacity: 0
}

.cchg .mosaic_main:hover img {
transform: scale(1.04)
}

.cchg .mosaic_accent {
grid-column: 1 / 3;
grid-row: 2 / 3;
display: flex;
flex-direction: row;
gap: 8px
}

.cchg .mosaic_chip {
flex: 1;
height: 56px;
border-radius: 4px;
background: linear-gradient(120deg, #00e2de1f 0%, #ffeb982e 100%);
border: 1px solid #00e2de40
}

.cchg .mosaic_chip.deep {
background: linear-gradient(120deg, #681c911a 0%, #00e2de14 100%);
border-color: #681c9133
}

.cchg .title_text {
flex: 1;
min-width: 0
}

.cchg .title_label {
display: inline-block;
font-size: 15px;
letter-spacing: .14em;
color: #681C91;
text-transform: uppercase;
margin-bottom: 16px;
font-weight: 600
}

.cchg .title_h1 {
font-size: 43px;
line-height: 1.15;
font-weight: 300;
color: #1b1035;
letter-spacing: .02em;
margin: 0 0 16px
}

.cchg .title_h1 em {
font-style: normal;
font-weight: 700;
color: #681C91
}

.cchg .title_h1 span {
display: block
}

.cchg .title_sub {
font-size: 18px;
line-height: 1.6;
color: #3a2f50;
margin: 0 0 28px;
padding: 16px;
background: linear-gradient(100deg, #00e2de12 0%, #ffeb981a 100%);
border-radius: 4px
}

.cchg .title_actions {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap
}

.cchg .btn_prim {
display: inline-block;
padding: 16px 28px;
background: #681C91;
color: #fff;
font-size: 15px;
font-weight: 600;
letter-spacing: .06em;
border-radius: 4px;
text-decoration: none;
border: none;
cursor: pointer;
transition: background .18s ease-out, box-shadow .22s ease-out;
box-shadow: 0 7px 22px 0 #681c911c
}

.cchg .btn_prim:hover {
background: #4e1470;
box-shadow: 0 8px 60px 0 #681c911f
}

.cchg .btn_prim:focus {
outline: 3px solid #00E2DE;
outline-offset: 3px
}

.cchg .btn_prim:active {
background: #3a0f55
}

@keyframes shake_err {

0%,
100% {
transform: translateX(0)
}

20% {
transform: translateX(-6px)
}

40% {
transform: translateX(6px)
}

60% {
transform: translateX(-4px)
}

80% {
transform: translateX(4px)
}
}

.cchg .btn_prim.shake {
animation: shake_err .42s cubic-bezier(0.4, 0, 0.6, 1)
}

.cchg .btn_sec {
display: inline-block;
padding: 16px 28px;
background: transparent;
color: #681C91;
font-size: 15px;
font-weight: 600;
letter-spacing: .06em;
border-radius: 4px;
text-decoration: none;
border: 2px solid #681C91;
cursor: pointer;
transition: background .2s ease-out, color .18s ease-out
}

.cchg .btn_sec:hover {
background: #681c9112
}

.cchg .btn_sec:focus {
outline: 3px solid #00E2DE;
outline-offset: 3px
}

.cchg .detail_band {
padding: 56px 0;
background: radial-gradient(ellipse at 30% 60%, #ffeb982e 0%, #fff0 70%), radial-gradient(ellipse at 75% 25%, #00e2de21 0%, #fff0 65%);
background-color: #fdfcff
}

.cchg .detail_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 28px
}

.cchg .detail_card {
background: #fff;
border-radius: 13px;
padding: 28px;
box-shadow: 0 1px 5px 0 #00e2de0f 0 7px 22px 0 #00e2de1c;
transition: box-shadow .2s ease-out, transform .18s ease-out;
position: relative
}

.cchg .detail_card:hover {
box-shadow: 0 8px 60px 0 #681c911f;
transform: translateY(-4px)
}

.cchg .detail_card.featured {
grid-column: 1 / 3;
grid-row: 1 / 3;
display: flex;
flex-direction: column;
justify-content: space-between;
background: linear-gradient(140deg, #681c910a 0%, #00e2de0f 100%);
border: 1px dashed #681c914d;
padding: 56px
}

.cchg .detail_card.featured .card_icon {
width: 56px;
height: 56px;
margin-bottom: 28px
}

.cchg .detail_card.featured .card_h {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
letter-spacing: .04em;
color: #1b1035;
margin: 0 0 16px
}

.cchg .detail_card.featured .card_h strong {
font-weight: 700;
color: #681C91
}

.cchg .detail_card.featured .card_p {
font-size: 18px;
line-height: 1.6;
color: #3a2f50;
margin: 0 0 28px
}

.cchg .detail_card.featured .card_list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px 28px;
list-style: none;
padding: 0;
margin: 0
}

.cchg .detail_card.featured .card_list li {
font-size: 15px;
line-height: 1.4;
color: #3a2f50;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px
}

.cchg .detail_card.featured .card_list li::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
min-width: 8px;
background: #00E2DE;
border-radius: 4px;
margin-top: 5px
}

.cchg .card_icon {
width: 40px;
height: 40px;
margin-bottom: 16px
}

.cchg .card_h {
font-size: 18px;
line-height: 1.4;
font-weight: 600;
color: #1b1035;
margin: 0 0 8px;
letter-spacing: .02em
}

.cchg .card_p {
font-size: 15px;
line-height: 1.6;
color: #3a2f50;
margin: 0
}

.cchg .card_tag {
display: inline-block;
margin-top: 16px;
padding: 4px 16px;
background: #00e2de1f;
color: #005f5d;
font-size: 15px;
font-weight: 600;
border-radius: 36px;
letter-spacing: .04em
}

.cchg .spider_band {
padding: 56px 0;
background: #1b1035;
position: relative;
overflow: hidden
}

.cchg .spider_band::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(#00e2de0a 1px, transparent 1px), linear-gradient(90deg, #00e2de0a 1px, transparent 1px);
background-size: 32px 32px;
pointer-events: none
}

.cchg .spider_bg_tri {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden
}

.cchg .spider_bg_tri svg {
position: absolute;
bottom: -20px;
right: -20px;
opacity: .06;
width: 340px;
height: 340px
}

.cchg .spider_layout {
display: flex;
flex-direction: row;
align-items: center;
gap: 56px
}

.cchg .spider_text {
flex: 1;
min-width: 0
}

.cchg .spider_label {
display: inline-block;
font-size: 15px;
letter-spacing: .14em;
color: #00E2DE;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 16px
}

.cchg .spider_h2 {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
color: #fff;
letter-spacing: .04em;
margin: 0 0 16px
}

.cchg .spider_h2 strong {
font-weight: 700;
color: #FFEB98
}

.cchg .spider_p {
font-size: 18px;
line-height: 1.6;
color: #ffffffbf;
margin: 0 0 28px
}

.cchg .spider_p.first {
font-size: 15px;
line-height: 1.4;
color: #ffffff8c;
padding: 16px;
background: #00e2de12;
border-radius: 4px;
margin-bottom: 16px
}

.cchg .spider_attrs {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 28px
}

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

.cchg .attr_label {
font-size: 15px;
color: #fff9;
letter-spacing: .06em;
min-width: 140px
}

.cchg .attr_bar_wrap {
flex: 1;
height: 6px;
background: #ffffff1a;
border-radius: 36px;
overflow: hidden
}

.cchg .attr_bar {
height: 100%;
border-radius: 36px;
background: linear-gradient(90deg, #00E2DE 0%, #681C91 100%);
transition: width .52s cubic-bezier(0.4, 0, 0.6, 1)
}

.cchg .attr_val {
font-size: 15px;
font-weight: 700;
color: #FFEB98;
min-width: 36px;
text-align: right
}

.cchg .spider_chart_wrap {
flex: 0 0 340px;
display: flex;
flex-direction: column;
align-items: center
}

.cchg .spider_chart_wrap svg {
width: 320px;
height: 320px;
overflow: visible
}

.cchg .chart_title {
font-size: 15px;
color: #ffffff80;
letter-spacing: .08em;
margin-top: 16px;
text-align: center;
text-transform: uppercase
}

@media (max-width: 1280px) {
.cchg .title_img_mosaic {
flex: 0 0 320px
}

.cchg .detail_card.featured {
padding: 28px
}
}

@media (max-width: 768px) {
.cchg .title_inner {
flex-direction: column;
gap: 28px
}

.cchg .title_img_mosaic {
flex: none;
width: 100%
}

.cchg .title_h1 {
font-size: 31px
}

.cchg .detail_grid {
grid-template-columns: 1fr
}

.cchg .detail_card.featured {
grid-column: 1 / 2;
grid-row: auto
}

.cchg .detail_card.featured .card_list {
grid-template-columns: 1fr
}

.cchg .spider_layout {
flex-direction: column;
gap: 28px
}

.cchg .spider_chart_wrap {
flex: none;
width: 100%
}

.cchg .spider_chart_wrap svg {
width: 260px;
height: 260px
}

.cchg .attr_label {
min-width: 100px;
font-size: 15px
}
}

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

.cchg .title_h1 {
font-size: 31px
}

.cchg .title_actions {
flex-direction: column
}

.cchg .spider_chart_wrap svg {
width: 220px;
height: 220px
}

.cchg .attr_label {
min-width: 80px;
font-size: 15px
}
}

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

.abt_auth .pg_inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 28px
}

.abt_auth .diamond_div {
display: flex;
align-items: center;
gap: 8px;
padding: 16px 0;
overflow: hidden
}

.abt_auth .diamond_div .dmd_track {
display: flex;
flex-direction: row;
gap: 8px;
flex: 1;
overflow: hidden
}

.abt_auth .diamond_div .dmd_shape {
width: 7px;
height: 7px;
background: #00E2DE;
transform: rotate(45deg);
flex-shrink: 0;
opacity: .55
}

.abt_auth .diamond_div .dmd_shape.alt {
background: #681C91;
opacity: .35
}

.abt_auth .diamond_div .dmd_shape.bright {
background: #FFEB98;
opacity: .7
}

.abt_auth .title_strip {
position: relative;
background: #f5f3f8;
padding: 28px 0;
overflow: hidden
}

.abt_auth .title_strip::before {
content: "";
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(135deg, #00e2de0a 0px, #00e2de0a 1px, transparent 1px, transparent 14px), repeating-linear-gradient(45deg, #681c9108 0px, #681c9108 1px, transparent 1px, transparent 14px);
pointer-events: none
}

.abt_auth .title_strip .ts_grid {
display: grid;
grid-template-columns: 1fr 260px;
gap: 28px;
align-items: start;
position: relative;
z-index: 1
}

.abt_auth .title_strip .ts_text {
display: flex;
flex-direction: column;
gap: 16px;
padding: 16px 0
}

.abt_auth .title_strip .ts_label {
font-size: 15px;
letter-spacing: .14em;
color: #681C91;
font-weight: 600;
text-transform: uppercase
}

.abt_auth .title_strip .ts_h1 {
font-size: 43px;
line-height: 1.15;
font-weight: 300;
color: #1e1428;
letter-spacing: .04em;
margin: 0
}

.abt_auth .title_strip .ts_h1 .marker_hl {
position: relative;
display: inline
}

.abt_auth .title_strip .ts_h1 .marker_hl::after {
content: "";
position: absolute;
left: 0;
bottom: 2px;
width: 100%;
height: 10px;
background: #ffeb98bf;
z-index: -1;
border-radius: 4px
}

.abt_auth .title_strip .ts_desc {
font-size: 18px;
line-height: 1.6;
color: #3a2e4a;
max-width: 520px;
margin: 0
}

.abt_auth .title_strip .ts_link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 600;
color: #fff;
background: #681C91;
padding: 16px 28px;
border-radius: 4px;
text-decoration: none !important;
width: fit-content;
transition: background .18s ease-out, box-shadow .22s ease-out;
box-shadow: 0 1px 5px 0 #681c910f
}

.abt_auth .title_strip .ts_link:hover {
background: #531674;
box-shadow: 0 7px 22px 0 #681c911c
}

.abt_auth .title_strip .ts_link:focus {
outline: 2px solid #00E2DE;
outline-offset: 3px
}

.abt_auth .title_strip .ts_img_col {
position: relative;
height: 100%;
min-height: 220px
}

.abt_auth .title_strip .ts_img_wrap {
position: relative;
width: 100%;
height: 240px;
border-radius: 4px;
overflow: hidden
}

.abt_auth .title_strip .ts_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block;
transition: transform .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.abt_auth .title_strip .ts_img_wrap::after {
content: "";
position: absolute;
inset: 0;
background: #681c9138;
transition: opacity .45s cubic-bezier(0.4, 0, 0.6, 1);
pointer-events: none
}

.abt_auth .title_strip .ts_img_wrap:hover::after {
opacity: 0
}

.abt_auth .title_strip .ts_img_wrap:hover img {
transform: scale(1.03)
}

.abt_auth .profile_row {
padding: 56px 0;
background: #fff
}

.abt_auth .profile_row .pr_grid {
display: grid;
grid-template-columns: 300px 1fr;
gap: 56px;
align-items: start
}

.abt_auth .profile_row .pr_portrait {
display: flex;
flex-direction: column;
gap: 16px
}

.abt_auth .profile_row .pr_img_frame {
position: relative;
width: 100%;
aspect-ratio: 7/9;
overflow: hidden;
border-radius: 4px
}

.abt_auth .profile_row .pr_img_frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block;
transition: transform .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.abt_auth .profile_row .pr_img_frame::before {
content: "";
position: absolute;
inset: 0;
border: 3px solid transparent;
border-radius: 4px;
z-index: 2;
transition: border-color .45s cubic-bezier(0.4, 0, 0.6, 1);
pointer-events: none
}

.abt_auth .profile_row .pr_img_frame:hover::before {
border-color: #00E2DE
}

.abt_auth .profile_row .pr_img_frame::after {
content: "";
position: absolute;
inset: 0;
background: #00e2de26;
transition: opacity .45s cubic-bezier(0.4, 0, 0.6, 1);
pointer-events: none
}

.abt_auth .profile_row .pr_img_frame:hover::after {
opacity: 0
}

.abt_auth .profile_row .pr_img_frame:hover img {
transform: scale(1.04)
}

.abt_auth .profile_row .pr_name_tag {
background: linear-gradient(170deg, #681c910f 0%, #00e2de0a 100%);
border-radius: 13px;
padding: 16px;
text-align: center
}

.abt_auth .profile_row .pr_name {
font-size: 18px;
font-weight: 700;
color: #1e1428;
margin: 0 0 4px;
line-height: 1.4
}

.abt_auth .profile_row .pr_role {
font-size: 15px;
color: #681C91;
font-weight: 500;
letter-spacing: .06em;
margin: 0
}

.abt_auth .profile_row .pr_text {
display: flex;
flex-direction: column;
gap: 16px
}

.abt_auth .profile_row .pr_h2 {
font-size: 31px;
font-weight: 300;
letter-spacing: .05em;
color: #1e1428;
margin: 0;
line-height: 1.4
}

.abt_auth .profile_row .pr_lead {
font-size: 18px;
line-height: 1.6;
color: #2a1e38;
background: #00e2de12;
border-radius: 4px;
padding: 16px;
margin: 0
}

.abt_auth .profile_row .pr_body {
font-size: 18px;
line-height: 1.6;
color: #3a2e4a;
margin: 0
}

.abt_auth .profile_row .pr_skills {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
list-style: none;
padding: 0;
margin: 0
}

.abt_auth .profile_row .pr_skills li {
font-size: 15px;
color: #3a2e4a;
line-height: 1.4;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
padding: 8px;
border-radius: 4px;
background: #681c910a
}

.abt_auth .profile_row .pr_skills li .sk_dot {
width: 8px;
height: 8px;
background: #00E2DE;
border-radius: 4px;
flex-shrink: 0;
margin-top: 4px
}

.abt_auth .chart_band {
padding: 56px 0;
background: linear-gradient(0deg, #f9f6ff 0%, #e8e0f4 100%);
position: relative;
overflow: hidden
}

.abt_auth .chart_band .cb_bg_grid {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden
}

.abt_auth .chart_band .cb_bg_grid svg {
width: 100%;
height: 100%;
opacity: .06
}

.abt_auth .chart_band .cb_bg_grid svg line {
stroke: #681C91;
stroke-width: 1;
animation: grid_pulse 4s ease-in-out infinite
}

.abt_auth .chart_band .cb_bg_grid svg line:nth-child(odd) {
animation-delay: 1.2s
}

@keyframes grid_pulse {

0%,
100% {
opacity: .3
}

50% {
opacity: 1
}
}

.abt_auth .chart_band .cb_inner {
position: relative;
z-index: 1
}

.abt_auth .chart_band .cb_head {
text-align: center;
margin-bottom: 56px
}

.abt_auth .chart_band .cb_h2 {
font-size: 31px;
font-weight: 300;
letter-spacing: .06em;
color: #1e1428;
margin: 0 0 16px;
line-height: 1.4
}

.abt_auth .chart_band .cb_sub {
font-size: 18px;
color: #3a2e4a;
line-height: 1.6;
max-width: 560px;
margin: 0 auto
}

.abt_auth .chart_band .stepped_chart {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 16px;
background: #fff;
border-radius: 13px;
padding: 28px;
box-shadow: 0 7px 22px 0 #681c911c;
max-width: 900px;
margin: 0 auto
}

.abt_auth .chart_band .chart_step {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
flex: 1
}

.abt_auth .chart_band .chart_step .step_bar_wrap {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px
}

.abt_auth .chart_band .chart_step .step_val {
font-size: 15px;
font-weight: 700;
color: #681C91;
letter-spacing: .04em
}

.abt_auth .chart_band .chart_step .step_bar {
width: 100%;
border-radius: 4px 4px 0 0;
transition: opacity .2s ease-out;
min-height: 8px
}

.abt_auth .chart_band .chart_step:nth-child(1) .step_bar {
height: 40px;
background: #00E2DE
}

.abt_auth .chart_band .chart_step:nth-child(2) .step_bar {
height: 70px;
background: #00c8c4
}

.abt_auth .chart_band .chart_step:nth-child(3) .step_bar {
height: 110px;
background: #681C91
}

.abt_auth .chart_band .chart_step:nth-child(4) .step_bar {
height: 155px;
background: #531674
}

.abt_auth .chart_band .chart_step:nth-child(5) .step_bar {
height: 200px;
background: #FFEB98;
border: 2px solid #d4b800
}

.abt_auth .chart_band .chart_step:hover .step_bar {
opacity: .8
}

.abt_auth .chart_band .chart_step .step_label {
font-size: 15px;
color: #3a2e4a;
text-align: center;
line-height: 1.4;
font-weight: 500
}

.abt_auth .chart_band .chart_step .step_year {
font-size: 15px;
color: #681C91;
font-weight: 600;
letter-spacing: .06em
}

.abt_auth .chart_band .chart_floor {
max-width: 900px;
margin: 0 auto;
height: 3px;
background: linear-gradient(90deg, #00E2DE, #681C91, #FFEB98);
border-radius: 4px;
margin-top: 0
}

.abt_auth .expert_tools {
padding: 56px 0;
background: #1e1428;
position: relative;
overflow: hidden
}

.abt_auth .expert_tools::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(160deg, #00e2de12 0%, transparent 55%), linear-gradient(340deg, #681c911f 0%, transparent 60%);
pointer-events: none
}

.abt_auth .expert_tools .et_inner {
position: relative;
z-index: 1
}

.abt_auth .expert_tools .et_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 16px;
margin-top: 28px
}

.abt_auth .expert_tools .et_head {
text-align: center;
margin-bottom: 28px
}

.abt_auth .expert_tools .et_h2 {
font-size: 31px;
font-weight: 300;
letter-spacing: .06em;
color: #fff;
margin: 0 0 16px;
line-height: 1.4
}

.abt_auth .expert_tools .et_sub {
font-size: 18px;
color: #ffffffb3;
line-height: 1.6;
max-width: 600px;
margin: 0 auto
}

.abt_auth .expert_tools .tool_card {
background: #ffffff0f;
border-radius: 13px;
padding: 28px 16px;
text-align: center;
border: 1px solid #00e2de1f;
transition: background .2s ease-out, border-color .18s ease-out, transform .2s cubic-bezier(0.4, 0, 0.6, 1);
position: relative;
overflow: hidden;
cursor: default
}

.abt_auth .expert_tools .tool_card::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 32px 32px 0;
border-color: transparent #00e2de4d transparent transparent;
transition: border-width .22s cubic-bezier(0.4, 0, 0.6, 1)
}

.abt_auth .expert_tools .tool_card:hover::before {
border-width: 0 48px 48px 0;
border-color: transparent #00e2de99 transparent transparent
}

.abt_auth .expert_tools .tool_card:hover {
background: #ffffff1a;
border-color: #00e2de59;
transform: translateY(-4px)
}

.abt_auth .expert_tools .tool_card .tc_icon {
width: 48px;
height: 48px;
margin: 0 auto 16px;
display: flex;
align-items: center;
justify-content: center
}

.abt_auth .expert_tools .tool_card .tc_name {
font-size: 15px;
font-weight: 700;
color: #fff;
margin: 0 0 8px;
letter-spacing: .04em;
line-height: 1.4
}

.abt_auth .expert_tools .tool_card .tc_desc {
font-size: 15px;
color: #ffffffa6;
line-height: 1.6;
margin: 0
}

.abt_auth .expert_tools .et_portrait_row {
display: grid;
grid-template-columns: 200px 1fr;
gap: 28px;
align-items: start;
margin-top: 56px;
background: #ffffff0a;
border-radius: 13px;
padding: 28px;
border: 1px solid #ffeb981f
}

.abt_auth .expert_tools .ep_img_wrap {
position: relative;
width: 200px;
aspect-ratio: 7/9;
overflow: hidden;
border-radius: 4px;
flex-shrink: 0
}

.abt_auth .expert_tools .ep_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block;
transition: transform .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.abt_auth .expert_tools .ep_img_wrap::before {
content: "";
position: absolute;
inset: 0;
border: 3px solid transparent;
border-radius: 4px;
z-index: 2;
transition: border-color .45s cubic-bezier(0.4, 0, 0.6, 1);
pointer-events: none
}

.abt_auth .expert_tools .ep_img_wrap:hover::before {
border-color: #FFEB98
}

.abt_auth .expert_tools .ep_img_wrap::after {
content: "";
position: absolute;
inset: 0;
background: #681c9140;
transition: opacity .45s cubic-bezier(0.4, 0, 0.6, 1);
pointer-events: none
}

.abt_auth .expert_tools .ep_img_wrap:hover::after {
opacity: 0
}

.abt_auth .expert_tools .ep_img_wrap:hover img {
transform: scale(1.04)
}

.abt_auth .expert_tools .ep_text {
display: flex;
flex-direction: column;
gap: 16px
}

.abt_auth .expert_tools .ep_name {
font-size: 18px;
font-weight: 700;
color: #FFEB98;
margin: 0;
line-height: 1.4
}

.abt_auth .expert_tools .ep_role {
font-size: 15px;
color: #fff9;
letter-spacing: .06em;
margin: 0
}

.abt_auth .expert_tools .ep_quote {
font-size: 18px;
line-height: 1.6;
color: #ffffffd9;
margin: 0;
font-style: italic
}

.abt_auth .expert_tools .ep_body {
font-size: 15px;
line-height: 1.6;
color: #ffffffa6;
margin: 0
}

.abt_auth .circles_deco {
position: absolute;
pointer-events: none;
overflow: hidden
}

.abt_auth .circles_deco .c_ring {
position: absolute;
border-radius: 36px;
border-style: solid
}

@media (max-width: 1280px) {
.abt_auth .title_strip .ts_grid {
grid-template-columns: 1fr 220px
}

.abt_auth .expert_tools .et_grid {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 768px) {
.abt_auth .title_strip .ts_grid {
grid-template-columns: 1fr
}

.abt_auth .title_strip .ts_img_col {
display: none
}

.abt_auth .title_strip .ts_h1 {
font-size: 31px
}

.abt_auth .profile_row .pr_grid {
grid-template-columns: 1fr;
gap: 28px
}

.abt_auth .profile_row .pr_portrait {
max-width: 240px;
margin: 0 auto
}

.abt_auth .expert_tools .et_grid {
grid-template-columns: 1fr 1fr
}

.abt_auth .expert_tools .et_portrait_row {
grid-template-columns: 1fr
}

.abt_auth .expert_tools .ep_img_wrap {
width: 160px;
margin: 0 auto
}

.abt_auth .stepped_chart {
gap: 8px
}
}

@media (max-width: 390px) {
.abt_auth .pg_inner {
padding: 0 16px
}

.abt_auth .title_strip .ts_h1 {
font-size: 31px
}

.abt_auth .expert_tools .et_grid {
grid-template-columns: 1fr
}

.abt_auth .profile_row .pr_skills {
grid-template-columns: 1fr
}

.abt_auth .chart_band .stepped_chart {
padding: 16px 8px;
gap: 4px
}

.abt_auth .chart_band .chart_step .step_label {
font-size: 15px;
letter-spacing: 0
}
}

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

.rt_home .pg_wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 28px
}

.rt_home .load_reveal {
animation: reveal_in .55s cubic-bezier(0.4, 0, 0.6, 1) both
}

@keyframes reveal_in {
from {
opacity: 0;
transform: rotate(-1.2deg) translateY(18px)
}

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

.rt_home .shake_err {
animation: shake_once .18s ease-out
}

@keyframes shake_once {
0% {
transform: translateX(0)
}

25% {
transform: translateX(-6px)
}

75% {
transform: translateX(6px)
}

100% {
transform: translateX(0)
}
}

.rt_home .tb_area {
padding: 56px 0;
background: #fff;
position: relative
}

.rt_home .tb_area .pg_wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center
}

.rt_home .tb_dots {
position: absolute;
top: 28px;
right: 0;
width: 180px;
height: 180px;
pointer-events: none;
overflow: hidden
}

.rt_home .tb_dots svg {
width: 100%;
height: 100%
}

.rt_home .tb_img_col {
position: relative
}

.rt_home .tb_shape_wrap {
clip-path: polygon(0 8%, 8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%);
overflow: hidden;
border-radius: 13px
}

.rt_home .tb_shape_wrap img {
width: 100%;
height: 480px;
object-fit: cover;
object-position: center;
display: block;
filter: saturate(0.55) brightness(0.92);
transition: filter .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .tb_shape_wrap:hover img {
filter: saturate(1) brightness(1)
}

.rt_home .tb_text_col {
display: flex;
flex-direction: column;
gap: 28px
}

.rt_home .tb_label {
font-size: 15px;
letter-spacing: .18em;
color: #681C91;
font-weight: 600;
text-transform: uppercase
}

.rt_home .tb_h1 {
font-size: 43px;
line-height: 1.15;
font-weight: 300;
color: #1a0a2e;
letter-spacing: .04em
}

.rt_home .tb_h1 span {
display: block;
color: #00E2DE
}

.rt_home .tb_desc {
font-size: 18px;
line-height: 1.6;
color: #3a2a4a;
background: linear-gradient(135deg, #00e2de12 0%, #ffeb9817 100%);
border-radius: 4px;
padding: 16px
}

.rt_home .tb_btn {
display: inline-block;
padding: 16px 28px;
background: #681C91;
color: #fff;
font-size: 15px;
font-weight: 600;
letter-spacing: .08em;
border-radius: 4px;
text-decoration: none;
border: none;
cursor: pointer;
align-self: flex-start;
transition: background .45s cubic-bezier(0.4, 0, 0.6, 1), box-shadow .45s cubic-bezier(0.4, 0, 0.6, 1);
box-shadow: 0 1px 5px 0 #681c910f
}

.rt_home .tb_btn:hover {
background: #4e1570;
box-shadow: 0 7px 22px 0 #681c911c
}

.rt_home .tb_btn:focus {
outline: 3px solid #00E2DE;
outline-offset: 3px
}

.rt_home .div_band_1 {
height: 56px;
background: linear-gradient(180deg, #fff 0%, #00e2de21 50%, #681c9112 100%);
filter: blur(1px)
}

.rt_home .feed_area {
padding: 56px 0;
background: linear-gradient(160deg, #f5f0fa 0%, #edfffe 100%)
}

.rt_home .feed_area .sec_label {
font-size: 15px;
letter-spacing: .16em;
color: #681C91;
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin-bottom: 8px
}

.rt_home .feed_area .sec_h2 {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
color: #1a0a2e;
letter-spacing: .05em;
text-align: center;
margin-bottom: 28px
}

.rt_home .post_card {
background: #fff;
border-radius: 13px;
box-shadow: 0 1px 5px 0 #00e2de0f;
overflow: hidden;
display: flex;
flex-direction: column;
transition: box-shadow .5s cubic-bezier(0.4, 0, 0.6, 1), transform .5s cubic-bezier(0.4, 0, 0.6, 1);
max-width: 680px;
margin: 0 auto
}

.rt_home .post_card:hover {
box-shadow: 0 8px 60px 0 #00e2de1f;
transform: translateY(-4px)
}

.rt_home .post_img_wrap {
position: relative;
overflow: hidden
}

.rt_home .post_img_wrap img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
filter: saturate(0.6);
transition: filter .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .post_card:hover .post_img_wrap img {
filter: saturate(1)
}

.rt_home .post_tag_badge {
position: absolute;
top: 16px;
left: 16px;
background: #681C91;
color: #fff;
font-size: 15px;
font-weight: 600;
letter-spacing: .08em;
padding: 4px 16px;
border-radius: 4px
}

.rt_home .post_body {
padding: 28px;
display: flex;
flex-direction: column;
gap: 16px
}

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

.rt_home .post_cat {
font-size: 15px;
color: #00E2DE;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase
}

.rt_home .post_read {
font-size: 15px;
color: #7a6a8a
}

.rt_home .post_views {
font-size: 15px;
color: #7a6a8a;
margin-left: auto
}

.rt_home .post_h3 {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
color: #1a0a2e;
letter-spacing: .03em
}

.rt_home .post_subtitle {
font-size: 18px;
line-height: 1.4;
color: #4a3a5a;
font-weight: 400
}

.rt_home .post_excerpt {
font-size: 15px;
line-height: 1.6;
color: #3a2a4a
}

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

.rt_home .post_author_name {
font-size: 15px;
color: #681C91;
font-weight: 600
}

.rt_home .post_read_link {
display: inline-block;
padding: 16px 28px;
background: #681C91;
color: #fff;
font-size: 15px;
font-weight: 600;
letter-spacing: .06em;
border-radius: 4px;
text-decoration: none;
align-self: flex-start;
transition: background .45s cubic-bezier(0.4, 0, 0.6, 1), box-shadow .45s cubic-bezier(0.4, 0, 0.6, 1);
box-shadow: 0 1px 5px 0 #681c910f;
position: relative
}

.rt_home .post_read_link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 4px;
background: #00E2DE;
border-radius: 0 0 4px 4px;
transition: width .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .post_read_link:hover::after {
width: 100%
}

.rt_home .post_read_link:hover {
background: #4e1570;
box-shadow: 0 7px 22px 0 #681c911c
}

.rt_home .post_read_link:focus {
outline: 3px solid #00E2DE;
outline-offset: 3px
}

.rt_home .div_line_2 {
height: 4px;
background: linear-gradient(90deg, transparent 0%, #00E2DE 30%, #681C91 70%, transparent 100%);
opacity: .35
}

.rt_home .nums_area {
padding: 56px 0;
background: #fff;
position: relative
}

.rt_home .nums_area .math_bg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 260px;
line-height: 1;
color: #00e2de0d;
font-weight: 900;
pointer-events: none;
user-select: none;
letter-spacing: -.05em;
white-space: nowrap
}

.rt_home .nums_area .sec_h2 {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
color: #1a0a2e;
letter-spacing: .05em;
text-align: center;
margin-bottom: 8px
}

.rt_home .nums_area .sec_sub {
font-size: 15px;
line-height: 1.6;
color: #7a6a8a;
text-align: center;
margin-bottom: 56px
}

.rt_home .nums_grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 28px;
position: relative;
z-index: 1
}

.rt_home .num_item {
text-align: center;
padding: 28px 16px;
border-radius: 13px;
background: linear-gradient(145deg, #00e2de0f 0%, #ffeb9814 100%);
box-shadow: 0 1px 5px 0 #00e2de0f;
transition: box-shadow .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .num_item:hover {
box-shadow: 0 7px 22px 0 #00e2de1c
}

.rt_home .num_val {
font-size: 43px;
line-height: 1.15;
font-weight: 700;
color: #681C91;
display: block
}

.rt_home .num_label {
font-size: 15px;
line-height: 1.4;
color: #3a2a4a;
margin-top: 8px;
display: block
}

.rt_home .div_img_band {
height: 80px;
position: relative;
overflow: hidden
}

.rt_home .div_img_band img {
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(8px) saturate(0.5);
transform: scale(1.08)
}

.rt_home .div_img_band::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, #ffffffb3 0%, #ffffff4d 50%, #ffffffb3 100%)
}

.rt_home .pick_area {
padding: 56px 0;
background: linear-gradient(155deg, #681c910f 0%, #00e2de0d 100%)
}

.rt_home .pick_area .sec_label {
font-size: 15px;
letter-spacing: .16em;
color: #00E2DE;
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin-bottom: 8px
}

.rt_home .pick_area .sec_h2 {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
color: #1a0a2e;
letter-spacing: .05em;
text-align: center;
margin-bottom: 56px
}

.rt_home .pick_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px
}

.rt_home .pick_item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
background: #fff;
border-radius: 13px;
padding: 28px;
box-shadow: 0 1px 5px 0 #681c910f;
position: relative;
transition: box-shadow .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .pick_item::after {
content: '';
position: absolute;
bottom: 0;
left: 28px;
right: 28px;
height: 3px;
background: #00E2DE;
border-radius: 4px 4px 0 0;
transform: scaleX(0);
transition: transform .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .pick_item:hover::after {
transform: scaleX(1)
}

.rt_home .pick_item:hover {
box-shadow: 0 7px 22px 0 #681c911c
}

.rt_home .pick_img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 4px;
flex-shrink: 0;
filter: saturate(0.55);
transition: filter .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .pick_item:hover .pick_img {
filter: saturate(1)
}

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

.rt_home .pick_h4 {
font-size: 18px;
line-height: 1.4;
font-weight: 600;
color: #1a0a2e
}

.rt_home .pick_why {
font-size: 15px;
line-height: 1.6;
color: #4a3a5a
}

.rt_home .pick_link {
font-size: 15px;
color: #681C91;
font-weight: 600;
text-decoration: none;
letter-spacing: .06em;
transition: color .2s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .pick_link:hover {
color: #00a8a5
}

.rt_home .map_area {
padding: 56px 0;
background: #fff
}

.rt_home .map_area .sec_h2 {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
color: #1a0a2e;
letter-spacing: .05em;
text-align: center;
margin-bottom: 8px
}

.rt_home .map_area .sec_sub {
font-size: 15px;
line-height: 1.6;
color: #7a6a8a;
text-align: center;
margin-bottom: 56px
}

.rt_home .map_layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: start
}

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

.rt_home .map_cluster_label {
font-size: 15px;
letter-spacing: .14em;
color: #681C91;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 4px
}

.rt_home .tag_group {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px
}

.rt_home .tag_pill {
display: inline-block;
padding: 4px 16px;
border-radius: 36px;
background: #00e2de1a;
color: #1a0a2e;
font-size: 15px;
font-weight: 500;
border: 1.5px solid #00e2de40;
text-decoration: none;
transition: background .2s cubic-bezier(0.4, 0, 0.6, 1), border-color .2s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .tag_pill:hover {
background: #00e2de38;
border-color: #00E2DE
}

.rt_home .tag_pill.sec {
background: #681c9112;
border-color: #681c9133
}

.rt_home .tag_pill.sec:hover {
background: #681c9126;
border-color: #681C91
}

.rt_home .tag_pill.tert {
background: #ffeb9840;
border-color: #ffc80040
}

.rt_home .tag_pill.tert:hover {
background: #ffeb9880;
border-color: #e6c800
}

.rt_home .map_img_col {
position: relative
}

.rt_home .map_img_wrap {
border-radius: 13px;
overflow: hidden;
box-shadow: 0 8px 60px 0 #681c911f
}

.rt_home .map_img_wrap img {
width: 100%;
height: 360px;
object-fit: cover;
display: block;
filter: saturate(0.55);
transition: filter .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .map_img_wrap:hover img {
filter: saturate(1)
}

.rt_home .map_img_caption {
margin-top: 16px;
font-size: 15px;
line-height: 1.6;
color: #4a3a5a;
padding: 16px;
background: #ffeb982e;
border-radius: 4px
}

.rt_home .div_dots_4 {
padding: 28px 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 16px
}

.rt_home .div_dots_4 span {
display: inline-block;
border-radius: 50%
}

.rt_home .div_dots_4 span:nth-child(1) {
width: 8px;
height: 8px;
background: #00E2DE
}

.rt_home .div_dots_4 span:nth-child(2) {
width: 12px;
height: 12px;
background: #681C91
}

.rt_home .div_dots_4 span:nth-child(3) {
width: 8px;
height: 8px;
background: #FFEB98;
border: 1.5px solid #c8b800
}

.rt_home .habit_area {
padding: 56px 0;
background: linear-gradient(160deg, #681c9114 0%, #00e2de0f 60%, #ffeb981a 100%);
position: relative
}

.rt_home .habit_area .pg_wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center
}

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

.rt_home .habit_h2 {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
color: #1a0a2e;
letter-spacing: .05em
}

.rt_home .habit_lead {
font-size: 18px;
line-height: 1.6;
color: #1a0a2e;
background: #00e2de14;
border-radius: 4px;
padding: 16px
}

.rt_home .habit_body {
font-size: 15px;
line-height: 1.6;
color: #3a2a4a
}

.rt_home .habit_steps {
display: flex;
flex-direction: column;
gap: 16px;
list-style: none;
padding: 0;
margin: 0;
columns: 2;
column-gap: 28px
}

.rt_home .habit_steps li {
font-size: 15px;
line-height: 1.6;
color: #3a2a4a;
break-inside: avoid;
padding: 8px 0;
border-bottom: 1.5px solid #00e2de2e;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px
}

.rt_home .habit_steps li .step_dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #681C91;
flex-shrink: 0;
margin-top: 6px
}

.rt_home .habit_img_col {
position: relative
}

.rt_home .habit_img_frame {
border-radius: 13px;
overflow: hidden;
box-shadow: 0 7px 22px 0 #681c911c;
position: relative
}

.rt_home .habit_img_frame img {
width: 100%;
height: 400px;
object-fit: cover;
display: block;
filter: saturate(0.55) brightness(0.9);
transition: filter .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .habit_img_frame:hover img {
filter: saturate(1) brightness(1)
}

.rt_home .habit_img_overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 28px;
background: linear-gradient(0deg, #681c91d9 0%, transparent 100%);
border-radius: 0 0 13px 13px
}

.rt_home .habit_img_overlay p {
font-size: 15px;
line-height: 1.4;
color: #fff;
margin: 0
}

.rt_home .cont_area {
padding: 56px 0;
background: #fff
}

.rt_home .cont_area .pg_wrap {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 56px;
align-items: start
}

.rt_home .cont_left {
display: flex;
flex-direction: column;
gap: 16px;
position: sticky;
top: 28px
}

.rt_home .cont_h2 {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
color: #1a0a2e;
letter-spacing: .05em
}

.rt_home .cont_desc {
font-size: 15px;
line-height: 1.6;
color: #4a3a5a
}

.rt_home .cont_cta {
display: inline-block;
padding: 16px 28px;
background: #3a1a5a;
color: #fff;
font-size: 15px;
font-weight: 600;
letter-spacing: .06em;
border-radius: 4px;
text-decoration: none;
align-self: flex-start;
transition: background .45s cubic-bezier(0.4, 0, 0.6, 1), box-shadow .45s cubic-bezier(0.4, 0, 0.6, 1);
box-shadow: 0 1px 5px 0 #681c910f
}

.rt_home .cont_cta:hover {
background: #681C91;
box-shadow: 0 7px 22px 0 #681c911c
}

.rt_home .cont_cta:focus {
outline: 3px solid #00E2DE;
outline-offset: 3px
}

.rt_home .cont_right {
display: flex;
flex-direction: column;
gap: 28px
}

.rt_home .cont_item {
display: grid;
grid-template-columns: 120px 1fr;
gap: 16px;
align-items: center;
padding: 16px;
border-radius: 13px;
background: linear-gradient(135deg, #00e2de0a 0%, #ffeb980f 100%);
box-shadow: 0 1px 5px 0 #00e2de0f;
transition: box-shadow .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .cont_item:hover {
box-shadow: 0 7px 22px 0 #00e2de1c
}

.rt_home .cont_item_img {
width: 120px;
height: 80px;
object-fit: cover;
border-radius: 4px;
display: block;
filter: saturate(0.55);
transition: filter .5s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .cont_item:hover .cont_item_img {
filter: saturate(1)
}

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

.rt_home .cont_item_h4 {
font-size: 18px;
line-height: 1.4;
font-weight: 600;
color: #1a0a2e
}

.rt_home .cont_item_text {
font-size: 15px;
line-height: 1.6;
color: #4a3a5a
}

.rt_home .cont_item_link {
font-size: 15px;
color: #681C91;
font-weight: 600;
text-decoration: none;
transition: color .2s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .cont_item_link:hover {
color: #00a8a5
}

.rt_home .sub_area {
padding: 56px 0;
background: linear-gradient(155deg, #681C91 0%, #3a1060 100%);
position: relative
}

.rt_home .sub_area .math_sym {
position: absolute;
top: 50%;
right: 56px;
transform: translateY(-50%);
font-size: 200px;
line-height: 1;
color: #ffffff0a;
font-weight: 900;
pointer-events: none;
user-select: none
}

.rt_home .sub_area .pg_wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 28px;
position: relative;
z-index: 1
}

.rt_home .sub_h2 {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
color: #fff;
letter-spacing: .05em;
text-align: center
}

.rt_home .sub_desc {
font-size: 18px;
line-height: 1.6;
color: #ffffffd9;
text-align: center;
max-width: 560px
}

.rt_home .sub_form {
display: flex;
flex-direction: row;
gap: 8px;
width: 100%;
max-width: 560px
}

.rt_home .sub_input {
flex: 1;
padding: 16px;
font-size: 15px;
border: 2px solid #00e2de59;
border-radius: 4px;
background: #ffffff1a;
color: #fff;
outline: none;
transition: border-color .2s cubic-bezier(0.4, 0, 0.6, 1)
}

.rt_home .sub_input::placeholder {
font-size: 13px;
color: #ffffff80
}

.rt_home .sub_input:focus {
border-color: #00E2DE
}

.rt_home .sub_btn {
padding: 16px 28px;
background: #00E2DE;
color: #1a0a2e;
font-size: 15px;
font-weight: 700;
letter-spacing: .06em;
border-radius: 4px;
border: none;
cursor: pointer;
white-space: nowrap;
transition: background .45s cubic-bezier(0.4, 0, 0.6, 1), box-shadow .45s cubic-bezier(0.4, 0, 0.6, 1);
box-shadow: 0 1px 5px 0 #00e2de0f
}

.rt_home .sub_btn:hover {
background: #00b8b5;
box-shadow: 0 7px 22px 0 #00e2de1c
}

.rt_home .sub_btn:focus {
outline: 3px solid #fff;
outline-offset: 3px
}

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

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

.rt_home .tb_shape_wrap img {
height: 280px
}

.rt_home .tb_h1 {
font-size: 31px
}

.rt_home .tb_dots {
display: none
}

.rt_home .nums_grid {
grid-template-columns: repeat(2, 1fr)
}

.rt_home .pick_grid {
grid-template-columns: 1fr
}

.rt_home .map_layout {
grid-template-columns: 1fr;
gap: 28px
}

.rt_home .habit_area .pg_wrap {
grid-template-columns: 1fr;
gap: 28px
}

.rt_home .cont_area .pg_wrap {
grid-template-columns: 1fr;
gap: 28px
}

.rt_home .cont_left {
position: static
}

.rt_home .sub_form {
flex-direction: column
}

.rt_home .sub_btn {
width: 100%
}
}

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

.rt_home .tb_h1 {
font-size: 31px
}

.rt_home .nums_grid {
grid-template-columns: 1fr 1fr;
gap: 16px
}

.rt_home .cont_item {
grid-template-columns: 1fr
}

.rt_home .cont_item_img {
width: 100%;
height: 140px
}

.rt_home .habit_steps {
columns: 1
}
}

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

.blg_root .blg_container {
max-width: 1200px;
margin: 0 auto;
padding: 0 28px
}

.blg_root .drop_in {
opacity: 0;
transform: translateY(-32px);
animation: dropIn .55s cubic-bezier(0.4, 0, 0.6, 1) forwards
}

.blg_root .drop_in:nth-child(1) {
animation-delay: .08s
}

.blg_root .drop_in:nth-child(2) {
animation-delay: .18s
}

.blg_root .drop_in:nth-child(3) {
animation-delay: .28s
}

.blg_root .drop_in:nth-child(4) {
animation-delay: .38s
}

.blg_root .drop_in:nth-child(5) {
animation-delay: .48s
}

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

.blg_root .pub_head {
background: linear-gradient(162deg, #00e2de17 0%, #fff0 55%), linear-gradient(338deg, #681c9112 0%, #fff0 60%);
padding: 56px 0 28px;
position: relative
}

.blg_root .pub_head_inner {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 56px;
max-width: 1200px;
margin: 0 auto;
padding: 0 28px
}

.blg_root .pub_head_text {
flex: 1 1 0
}

.blg_root .pub_head_aside {
flex: 0 0 340px;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 16px
}

.blg_root .pub_label {
font-size: 15px;
letter-spacing: .18em;
color: #681C91;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 8px
}

.blg_root .pub_h1 {
font-size: 43px;
line-height: 1.15;
font-weight: 300;
color: #1b1230;
letter-spacing: .04em;
margin: 0 0 16px
}

.blg_root .pub_h1 .outlined_word {
color: transparent;
-webkit-text-stroke: 1.5px #681C91
}

.blg_root .pub_desc {
font-size: 18px;
line-height: 1.6;
color: #3a2a4d;
max-width: 520px
}

.blg_root .pub_img_wrap {
width: 320px;
height: 220px;
border-radius: 13px;
overflow: hidden;
position: relative;
box-shadow: 0 7px 22px 0 #681c911c
}

.blg_root .pub_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .55s cubic-bezier(0.4, 0, 0.6, 1)
}

.blg_root .pub_img_wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, #00e2de52 0%, #681c912e 100%);
border-radius: 13px;
transition: opacity .48s ease-out;
pointer-events: none
}

.blg_root .pub_img_wrap:hover::after {
opacity: 0
}

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

.blg_root .pub_img_leak {
position: absolute;
top: -18px;
right: -18px;
width: 90px;
height: 90px;
border-radius: 50%;
background: radial-gradient(circle at 30% 30%, #ffeb98b8 0%, #00e2de2e 60%, transparent 80%);
pointer-events: none;
z-index: 2
}

.blg_root .pub_pattern {
display: flex;
flex-direction: row;
gap: 8px;
margin-top: 8px
}

.blg_root .pub_pattern span {
width: 8px;
height: 8px;
border-radius: 50%;
background: #00E2DE;
opacity: .35;
display: block
}

.blg_root .pub_pattern span:nth-child(2) {
background: #681C91;
opacity: .22
}

.blg_root .pub_pattern span:nth-child(3) {
background: #FFEB98;
opacity: .55;
width: 5px;
height: 5px
}

.blg_root .pub_pattern span:nth-child(4) {
background: #00E2DE;
opacity: .28;
width: 6px;
height: 6px
}

.blg_root .pub_pattern span:nth-child(5) {
background: #681C91;
opacity: .18
}

.blg_root .svg_divider {
display: block;
width: 100%;
overflow: hidden;
line-height: 0
}

.blg_root .svg_divider svg {
display: block;
width: 100%
}

.blg_root .posts_area {
padding: 56px 0 28px;
background: #fff;
position: relative
}

.blg_root .posts_area_inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 28px
}

.blg_root .posts_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
margin-top: 28px
}

.blg_root .post_card {
border-radius: 13px;
background: #fff;
box-shadow: 0 1px 5px 0 #00e2de0f 0 7px 22px 0 #00e2de1c;
overflow: hidden;
display: flex;
flex-direction: column;
transition: box-shadow .48s cubic-bezier(0.4, 0, 0.6, 1), transform .48s cubic-bezier(0.4, 0, 0.6, 1);
text-decoration: none;
color: inherit
}

.blg_root .post_card:hover {
box-shadow: 0 8px 60px 0 #681c911f;
transform: translateY(-4px)
}

.blg_root .post_card:focus {
outline: 2px solid #681C91;
outline-offset: 3px
}

.blg_root .post_card_img {
width: 100%;
height: 190px;
position: relative;
overflow: hidden;
flex-shrink: 0
}

.blg_root .post_card_img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .55s cubic-bezier(0.4, 0, 0.6, 1)
}

.blg_root .post_card:hover .post_card_img img {
transform: scale(1.06)
}

.blg_root .post_card_img_overlay {
position: absolute;
inset: 0;
background: linear-gradient(160deg, #00e2de47 0%, #681c9129 100%);
transition: opacity .48s ease-out;
pointer-events: none
}

.blg_root .post_card:hover .post_card_img_overlay {
opacity: 0
}

.blg_root .post_card_body {
padding: 16px 28px 28px;
display: flex;
flex-direction: column;
flex: 1 1 auto;
gap: 8px
}

.blg_root .post_tag {
display: inline-block;
font-size: 15px;
letter-spacing: .12em;
color: #681C91;
background: #681c9112;
border-radius: 36px;
padding: 4px 16px;
font-weight: 600;
text-transform: uppercase;
width: fit-content
}

.blg_root .post_cat_tag {
display: inline-block;
font-size: 15px;
letter-spacing: .1em;
color: #007a78;
background: #00e2de1a;
border-radius: 4px;
padding: 4px 8px;
font-weight: 500;
width: fit-content
}

.blg_root .post_card_h {
font-size: 18px;
line-height: 1.4;
font-weight: 700;
color: #1b1230;
margin: 4px 0 0
}

.blg_root .post_card_sub {
font-size: 15px;
line-height: 1.6;
color: #681C91;
font-style: italic;
margin: 0
}

.blg_root .post_card_desc {
font-size: 15px;
line-height: 1.6;
color: #3a2a4d;
margin: 0;
flex: 1 1 auto
}

.blg_root .post_card_meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-top: 8px;
flex-wrap: wrap
}

.blg_root .post_meta_item {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
font-size: 15px;
color: #7a6a8a
}

.blg_root .post_meta_icon {
width: 16px;
height: 16px;
flex-shrink: 0
}

.blg_root .post_author {
font-size: 15px;
color: #3a2a4d;
font-weight: 600;
margin-top: 4px
}

.blg_root .post_read_link {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 16px;
font-size: 15px;
font-weight: 700;
color: #681C91;
text-decoration: none;
border-radius: 36px;
padding: 8px 16px;
background: #681c9112;
transition: background .22s ease-out, color .18s ease-out;
align-self: flex-start
}

.blg_root .post_read_link:hover {
background: #681C91;
color: #fff
}

.blg_root .post_read_link:focus {
outline: 2px solid #681C91;
outline-offset: 2px
}

.blg_root .section_eyebrow {
font-size: 15px;
letter-spacing: .16em;
text-transform: uppercase;
color: #681C91;
font-weight: 600;
margin-bottom: 8px
}

.blg_root .section_h2 {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
color: #1b1230;
letter-spacing: .05em;
margin: 0 0 4px
}

.blg_root .section_h2 .outlined_word {
color: transparent;
-webkit-text-stroke: 1.5px #00E2DE
}

.blg_root .tips_area {
padding: 56px 0;
background: linear-gradient(162deg, #ffeb9821 0%, #fff0 50%), linear-gradient(338deg, #00e2de12 0%, #fff0 60%);
position: relative
}

.blg_root .tips_area::before {
content: '';
position: absolute;
top: 28px;
right: 56px;
width: 120px;
height: 120px;
border-radius: 50%;
border: 1.5px solid #00e2de2e;
pointer-events: none
}

.blg_root .tips_grid {
display: grid;
grid-template-columns: 1fr 3fr;
gap: 28px;
margin-top: 28px;
align-items: start
}

.blg_root .tips_label_col {
display: flex;
flex-direction: column;
gap: 16px;
padding-top: 8px
}

.blg_root .tips_icon_ring {
width: 56px;
height: 56px;
border-radius: 50%;
background: linear-gradient(135deg, #00e2de2e 0%, #681c911f 100%);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 1px 5px 0 #00e2de0f
}

.blg_root .tips_icon_ring svg {
width: 28px;
height: 28px
}

.blg_root .tips_label_text {
font-size: 15px;
line-height: 1.4;
color: #681C91;
font-weight: 600;
letter-spacing: .06em
}

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

.blg_root .tips_first_p {
font-size: 18px;
line-height: 1.6;
color: #1b1230;
background: #00e2de12;
border-radius: 4px;
padding: 16px;
margin: 0
}

.blg_root .tips_p {
font-size: 15px;
line-height: 1.6;
color: #3a2a4d;
margin: 0
}

.blg_root .tips_list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px 28px;
list-style: none;
padding: 0;
margin: 0
}

.blg_root .tips_list li {
font-size: 15px;
line-height: 1.6;
color: #3a2a4d;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px
}

.blg_root .tips_list li::before {
content: '';
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #00E2DE;
flex-shrink: 0;
margin-top: 6px
}

.blg_root .metrics_area {
padding: 56px 0;
background: #fff;
position: relative
}

.blg_root .metrics_area_inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 28px
}

.blg_root .metrics_row {
display: grid;
grid-template-columns: 3fr 1fr 1fr;
gap: 28px;
align-items: stretch;
margin-top: 28px
}

.blg_root .metrics_text_block {
background: linear-gradient(162deg, #681c9112 0%, #00e2de0f 100%);
border-radius: 13px;
padding: 28px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 1px 5px 0 #681c910f
}

.blg_root .metrics_text_h {
font-size: 18px;
line-height: 1.4;
font-weight: 700;
color: #1b1230;
margin: 0
}

.blg_root .metrics_text_p {
font-size: 15px;
line-height: 1.6;
color: #3a2a4d;
margin: 0
}

.blg_root .metric_card {
border-radius: 13px;
padding: 28px 16px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
text-align: center
}

.blg_root .metric_card.teal {
background: #00e2de1a;
box-shadow: inset 0 4px 10px 0 #00e2de1a
}

.blg_root .metric_card.violet {
background: #681c9114;
box-shadow: inset 0 4px 10px 0 #681c911a
}

.blg_root .metric_num {
font-size: 43px;
line-height: 1.15;
font-weight: 700;
color: #681C91;
letter-spacing: -.01em
}

.blg_root .metric_card.teal .metric_num {
color: #007a78
}

.blg_root .metric_label {
font-size: 15px;
line-height: 1.4;
color: #3a2a4d;
font-weight: 500
}

.blg_root .newsletter_area {
padding: 56px 0;
background: linear-gradient(162deg, #681c9114 0%, #fff0 55%), linear-gradient(338deg, #ffeb9826 0%, #fff0 60%);
position: relative;
overflow: hidden
}

.blg_root .newsletter_curl {
position: absolute;
bottom: 16px;
left: 28px;
width: 80px;
height: 80px;
pointer-events: none;
opacity: .13
}

.blg_root .newsletter_inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 28px;
display: flex;
flex-direction: row;
align-items: center;
gap: 56px
}

.blg_root .newsletter_copy {
flex: 1 1 0
}

.blg_root .newsletter_h2 {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
color: #1b1230;
letter-spacing: .05em;
margin: 0 0 8px
}

.blg_root .newsletter_h2 .outlined_word {
color: transparent;
-webkit-text-stroke: 1.5px #681C91
}

.blg_root .newsletter_p {
font-size: 15px;
line-height: 1.6;
color: #3a2a4d;
margin: 0;
max-width: 400px
}

.blg_root .newsletter_form_wrap {
flex: 0 0 380px
}

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

.blg_root .form_field {
display: flex;
flex-direction: column;
gap: 4px
}

.blg_root .form_label {
font-size: 15px;
color: #3a2a4d;
font-weight: 600
}

.blg_root .form_input {
border: 1.5px solid #681c9133;
border-radius: 4px;
padding: 8px 16px;
font-size: 15px;
color: #1b1230;
background: #fff;
outline: none;
transition: border-color .18s ease-out, box-shadow .22s ease-out
}

.blg_root .form_input::placeholder {
font-size: 13px;
color: #9a8aaa
}

.blg_root .form_input:focus {
border-color: #681C91;
box-shadow: 0 1px 5px 0 #681c910f
}

.blg_root .form_btn {
border: none;
border-radius: 36px;
padding: 16px 28px;
font-size: 15px;
font-weight: 700;
color: #fff;
background: #681C91;
cursor: pointer;
letter-spacing: .08em;
transition: background .22s ease-out, box-shadow .18s ease-out;
align-self: flex-start
}

.blg_root .form_btn:hover {
background: #4a1268;
box-shadow: 0 7px 22px 0 #681c911c
}

.blg_root .form_btn:focus {
outline: 2px solid #681C91;
outline-offset: 3px
}

.blg_root .form_btn:active {
background: #3a0d52
}

.blg_root .form_btn.shake {
animation: shakebtn .45s cubic-bezier(0.4, 0, 0.6, 1)
}

@keyframes shakebtn {

0%,
100% {
transform: translateX(0)
}

18% {
transform: translateX(-6px)
}

36% {
transform: translateX(6px)
}

54% {
transform: translateX(-4px)
}

72% {
transform: translateX(4px)
}

90% {
transform: translateX(-2px)
}
}

@media (max-width: 1280px) {
.blg_root .posts_grid {
grid-template-columns: repeat(3, 1fr);
gap: 16px
}

.blg_root .metrics_row {
grid-template-columns: 2fr 1fr 1fr
}
}

@media (max-width: 768px) {
.blg_root .pub_head_inner {
flex-direction: column;
gap: 28px;
align-items: flex-start
}

.blg_root .pub_head_aside {
flex: 0 0 auto;
width: 100%;
align-items: flex-start
}

.blg_root .pub_img_wrap {
width: 100%;
height: 200px
}

.blg_root .pub_h1 {
font-size: 31px
}

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

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

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

.blg_root .metrics_text_block {
grid-column: 1 / -1
}

.blg_root .newsletter_inner {
flex-direction: column;
gap: 28px;
align-items: flex-start
}

.blg_root .newsletter_form_wrap {
flex: 0 0 auto;
width: 100%
}

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

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

.blg_root .pub_h1 {
font-size: 31px
}

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

.blg_root .metrics_text_block {
grid-column: auto
}

.blg_root .blg_container {
padding: 0 16px
}

.blg_root .posts_area_inner {
padding: 0 16px
}

.blg_root .newsletter_inner {
padding: 0 16px
}

.blg_root .metrics_area_inner {
padding: 0 16px
}
}

.success_page {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 56px 28px;
background: linear-gradient(157deg, #00e2de12 0%, #fff0 60%), linear-gradient(312deg, #681c910f 0%, #ffeb9814 100%)
}

.success_page .confirm_wrap {
max-width: 560px;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 28px
}

.success_page .icon_ring {
width: 80px;
height: 80px;
border-radius: 36px;
background: linear-gradient(135deg, #00e2de1f 0%, #681c9117 100%);
box-shadow: 0 7px 22px 0 #00e2de1c;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.success_page .icon_ring svg {
display: block
}

.success_page .confirm_heading {
font-size: 43px;
font-weight: 300;
line-height: 1.15;
letter-spacing: .04em;
color: #1b0a2e;
margin: 0
}

.success_page .confirm_heading span {
color: #681C91;
font-weight: 600
}

.success_page .confirm_body {
display: flex;
flex-direction: column;
gap: 16px;
padding: 28px;
background: #fff;
border-radius: 13px;
box-shadow: 0 1px 5px 0 #00e2de0f 0 7px 22px 0 #00e2de1c;
width: 100%;
box-sizing: border-box
}

.success_page .confirm_body .lead_text {
font-size: 18px;
line-height: 1.6;
color: #2a0d3e;
margin: 0;
padding: 16px;
background: linear-gradient(90deg, #00e2de12 0%, #ffeb981f 100%);
border-radius: 4px
}

.success_page .confirm_body .detail_text {
font-size: 15px;
line-height: 1.6;
color: #3d1a5c;
margin: 0
}

.success_page .divider_accent {
width: 48px;
height: 3px;
border-radius: 4px;
background: linear-gradient(90deg, #00E2DE 0%, #681C91 100%);
flex-shrink: 0
}

.success_page .action_group {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
justify-content: center;
width: 100%
}

.success_page .btn_primary {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 16px 28px;
font-size: 15px;
font-weight: 600;
line-height: 1.15;
letter-spacing: .06em;
color: #fff;
background: #681C91;
border: none;
border-radius: 13px;
cursor: pointer;
text-decoration: none;
box-shadow: 0 7px 22px 0 #681c911c;
transition: background-color .18s ease-out, box-shadow .22s cubic-bezier(0.4, 0, 0.6, 1)
}

.success_page .btn_primary:hover {
background: #7d22af;
box-shadow: 0 8px 60px 0 #681c911f
}

.success_page .btn_primary:focus {
outline: 3px solid #00E2DE;
outline-offset: 3px
}

.success_page .btn_primary:active {
background: #531573
}

.success_page .btn_secondary {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 16px 28px;
font-size: 15px;
font-weight: 500;
line-height: 1.15;
letter-spacing: .06em;
color: #681C91;
background: transparent;
border: 2px solid #681c9147;
border-radius: 13px;
cursor: pointer;
text-decoration: none;
transition: border-color .15s ease-out, background-color .18s cubic-bezier(0.4, 0, 0.6, 1)
}

.success_page .btn_secondary:hover {
border-color: #681C91;
background: #681c910d
}

.success_page .btn_secondary:focus {
outline: 3px solid #00E2DE;
outline-offset: 3px
}

.success_page .btn_secondary:active {
background: #681c911a
}

.success_page .brand_note {
font-size: 15px;
line-height: 1.4;
color: #7a5a8a;
letter-spacing: .05em;
margin: 0
}

.success_page .brand_note strong {
color: #681C91;
font-weight: 600
}

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

.success_page .confirm_heading {
font-size: 31px
}

.success_page .confirm_body {
padding: 16px
}

.success_page .action_group {
flex-direction: column;
align-items: stretch
}

.success_page .btn_primary,
.success_page .btn_secondary {
width: 100%;
justify-content: center
}
}

@media (max-width: 390px) {
.success_page .confirm_heading {
font-size: 31px;
letter-spacing: .02em
}

.success_page .icon_ring {
width: 64px;
height: 64px
}
}