@import "https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700&display=swap";

html {
box-sizing: border-box
}

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

body {
margin: 0;
-webkit-text-size-adjust: 100%
}

.pg_header {
background: linear-gradient(160deg, #271687 0%, #130b42 55%, #0d1a2e 100%);
font-family: 'Ubuntu Mono', monospace;
overflow: hidden;
position: relative
}

.pg_header::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #22AAA2 0%, #FEE39D 50%, #22AAA2 100%)
}

.hd_top {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 40px 12px;
position: relative
}

.hd_logo_card {
background: #fee39d14;
border: 1px solid #fee39d40;
border-radius: 10px;
padding: 8px 12px;
box-shadow: 1px 5px 22px -1px #22aaa217;
display: flex;
align-items: center;
justify-content: center
}

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

.hd_brand_row {
display: flex;
justify-content: center;
align-items: center;
padding: 4px 40px 8px;
gap: 20px
}

.hd_brand_name {
font-family: 'Ubuntu Mono', monospace;
font-size: 44px;
font-weight: 700;
line-height: 1.1;
letter-spacing: .02em;
color: #FEE39D;
text-align: center;
margin: 0
}

.hd_brand_accent {
color: #22AAA2
}

.hd_region_badge {
display: flex;
align-items: center;
gap: 8px;
background: #22aaa21f;
border: 1px solid #22aaa24d;
border-radius: 44px;
padding: 4px 12px;
font-size: 16px;
color: #22AAA2;
font-family: 'Ubuntu Mono', monospace;
letter-spacing: .01em;
white-space: nowrap
}

.hd_region_badge .pe-7s-map-marker {
font-size: 16px;
color: #22AAA2
}

.hd_nav_row {
background: #27168773;
border-top: 1px solid #22aaa226;
border-bottom: 1px solid #22aaa214;
padding: 0 40px;
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap: 0
}

.hd_nav_list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
gap: 0
}

.hd_nav_item {
display: flex;
align-items: stretch
}

.hd_nav_link {
font-family: 'Ubuntu Mono', monospace;
font-size: 16px;
font-weight: 400;
letter-spacing: .01em;
line-height: 1.75;
color: #ffffffd1;
text-decoration: none;
padding: 12px 20px;
display: flex;
align-items: center;
gap: 8px;
position: relative;
overflow: hidden;
border-radius: 0;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.hd_nav_link::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background: #22AAA2;
border-radius: 6px;
transition: width .25s cubic-bezier(0.34, 1.56, 0.64, 1), left .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.hd_nav_link:hover {
color: #FEE39D
}

.hd_nav_link:hover::after {
width: 100%;
left: 0
}

.hd_nav_link:focus {
outline: 2px solid #22AAA2;
outline-offset: -2px;
border-radius: 6px
}

.hd_nav_link .pe-7s-home,
.hd_nav_link .pe-7s-info,
.hd_nav_link .pe-7s-call,
.hd_nav_link .pe-7s-medal {
font-size: 16px;
flex-shrink: 0
}

@media (max-width: 768px) {
.hd_top {
padding: 20px 20px 12px
}

.hd_brand_row {
flex-direction: column;
gap: 8px;
padding: 4px 20px 8px
}

.hd_brand_name {
font-size: 44px
}

.hd_nav_row {
padding: 0 20px
}

.hd_nav_link {
padding: 12px;
font-size: 16px
}
}

@media (max-width: 640px) {
.hd_brand_name {
font-size: 24px
}

.hd_nav_link {
padding: 12px 8px
}
}

.pg_footer {
background: linear-gradient(160deg, #1a0f5e 0%, #0f1d38 60%, #071520 100%);
font-family: 'Ubuntu Mono', monospace;
border-top: 2px solid #22AAA2;
position: relative
}

.pg_footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, #FEE39D 40%, #22AAA2 60%, transparent);
opacity: .4
}

.ft_grid {
max-width: 1100px;
margin: 0 auto;
padding: 80px 40px 40px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px
}

.ft_col_label {
font-size: 16px;
font-weight: 700;
letter-spacing: .02em;
line-height: 1.1;
color: #FEE39D;
margin: 0 0 20px;
display: flex;
align-items: center;
gap: 8px
}

.ft_col_label .pe-7s-map-marker,
.ft_col_label .pe-7s-call,
.ft_col_label .pe-7s-mail,
.ft_col_label .pe-7s-link,
.ft_col_label .pe-7s-shield {
font-size: 16px;
color: #22AAA2
}

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

.ft_addr_line {
font-size: 16px;
line-height: 1.75;
color: #ffffffb8;
letter-spacing: .01em
}

.ft_contact_list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px
}

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

.ft_contact_type {
font-size: 16px;
color: #ffffff73;
letter-spacing: .01em;
line-height: 1.1
}

.ft_contact_val {
font-size: 16px;
color: #ffffffd1;
letter-spacing: .01em;
line-height: 1.75;
text-decoration: none;
transition: color .2s cubic-bezier(0.34, 1.56, 0.64, 1);
word-break: break-all
}

.ft_contact_val:hover {
color: #22AAA2
}

.ft_contact_val:focus {
outline: 2px solid #22AAA2;
outline-offset: 2px;
border-radius: 6px
}

.ft_nav_list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px
}

.ft_nav_link {
font-size: 16px;
line-height: 1.75;
color: #ffffffb8;
letter-spacing: .01em;
text-decoration: none;
display: flex;
align-items: center;
gap: 8px;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ft_nav_link:hover {
color: #FEE39D
}

.ft_nav_link:focus {
outline: 2px solid #FEE39D;
outline-offset: 2px;
border-radius: 6px
}

.ft_nav_link .pe-7s-angle-right {
font-size: 16px;
color: #22AAA2
}

.ft_about_text {
font-size: 16px;
line-height: 1.75;
color: #fff9;
letter-spacing: .01em;
margin: 0
}

.ft_about_accent {
color: #22AAA2
}

.ft_bottom {
max-width: 1100px;
margin: 0 auto;
padding: 20px 40px 40px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
border-top: 1px solid #22aaa226
}

.ft_copy {
font-size: 16px;
color: #fff6;
letter-spacing: .01em;
line-height: 1.75;
margin: 0
}

.ft_copy_brand {
color: #22AAA2
}

.ft_logo_card {
background: #fee39d0f;
border: 1px solid #fee39d33;
border-radius: 10px;
padding: 8px 12px;
box-shadow: 1px 1px 5px -1px #22aaa20d;
display: flex;
align-items: center;
justify-content: center
}

.ft_logo_card img {
width: 55px;
height: 55px;
object-fit: contain;
display: block
}

@media (max-width: 1024px) {
.ft_grid {
grid-template-columns: repeat(2, 1fr);
padding: 80px 40px 40px
}
}

@media (max-width: 640px) {
.ft_grid {
grid-template-columns: 1fr;
padding: 40px 20px 20px;
gap: 40px
}

.ft_bottom {
padding: 20px 20px 40px;
flex-direction: column;
align-items: flex-start
}
}

.ck_card {
display: none;
position: fixed;
top: 20px;
right: 20px;
width: 320px;
background: #0f1d38;
border: 1px solid #22aaa259;
border-radius: 10px;
box-shadow: 1px 12px 48px -1px #27168721;
z-index: 2000;
font-family: 'Ubuntu Mono', monospace;
overflow: hidden;
max-width: calc(100vw - 40px)
}

.ck_body {
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px
}

.ck_desc {
font-size: 16px;
line-height: 1.75;
color: #ffffffc7;
letter-spacing: .01em;
margin: 0
}

.ck_expand_btn {
background: transparent;
border: 1px solid #22aaa24d;
border-radius: 6px;
color: #22AAA2;
font-family: 'Ubuntu Mono', monospace;
font-size: 16px;
letter-spacing: .01em;
padding: 8px 12px;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
width: 100%;
text-align: left;
transition: border-color .2s cubic-bezier(0.34, 1.56, 0.64, 1), color .2s cubic-bezier(0.34, 1.56, 0.64, 1);
min-height: 44px
}

.ck_expand_btn:hover {
border-color: #22AAA2;
color: #FEE39D
}

.ck_expand_btn:focus {
outline: 2px solid #22AAA2;
outline-offset: 2px
}

.ck_panel {
display: none;
flex-direction: column;
gap: 12px;
padding: 12px 20px;
background: #27168733;
border-top: 1px solid #22aaa21f
}

.ck_panel.open {
display: flex
}

.ck_toggle_row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px
}

.ck_toggle_label {
font-size: 16px;
color: #ffffffb8;
letter-spacing: .01em;
line-height: 1.75;
flex: 1
}

.ck_toggle_label.required_lbl {
color: #ffffff73
}

.ck_switch {
position: relative;
width: 44px;
height: 24px;
flex-shrink: 0
}

.ck_switch input {
opacity: 0;
width: 0;
height: 0;
position: absolute
}

.ck_switch_track {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffff26;
border-radius: 44px;
transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1);
cursor: pointer
}

.ck_switch_track::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 18px;
height: 18px;
background: #fff9;
border-radius: 44px;
transition: transform .22s cubic-bezier(0.34, 1.56, 0.64, 1), background .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ck_switch input:checked+.ck_switch_track {
background: #22AAA2
}

.ck_switch input:checked+.ck_switch_track::after {
transform: translateX(20px);
background: #fff
}

.ck_switch input:focus+.ck_switch_track {
outline: 2px solid #22AAA2;
outline-offset: 2px
}

.ck_switch input:disabled+.ck_switch_track {
opacity: .45;
cursor: not-allowed
}

.ck_sale_row {
display: flex;
flex-direction: column;
gap: 4px;
padding-top: 8px;
border-top: 1px solid #22aaa21a
}

.ck_sale_label_text {
font-size: 16px;
color: #ffffffb8;
letter-spacing: .01em;
line-height: 1.1
}

.ck_sale_sub {
font-size: 16px;
color: #fff6;
letter-spacing: .01em;
line-height: 1.75
}

.ck_sale_toggle_row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: 4px
}

.ck_actions {
display: flex;
gap: 8px;
padding: 12px 20px 20px
}

.ck_btn {
flex: 1;
font-family: 'Ubuntu Mono', monospace;
font-size: 16px;
font-weight: 700;
letter-spacing: .01em;
padding: 12px 8px;
border-radius: 6px;
cursor: pointer;
border: 1px solid #22AAA2;
background: transparent;
color: #22AAA2;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1), background .22s cubic-bezier(0.34, 1.56, 0.64, 1);
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px
}

.ck_btn:hover {
background: #22aaa21f;
border-color: #22AAA2;
color: #FEE39D
}

.ck_btn:focus {
outline: 2px solid #22AAA2;
outline-offset: 2px
}

.ck_btn.accept {
background: #22AAA2;
color: #0f1d38;
border-color: #22AAA2
}

.ck_btn.accept:hover {
background: #1d9890;
border-color: #1d9890;
color: #fff
}

.ck_settings_trigger {
position: fixed;
bottom: 20px;
right: 20px;
width: 44px;
height: 44px;
background: #0f1d38;
border: 1px solid #22aaa259;
border-radius: 44px;
display: none;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1999;
box-shadow: 1px 5px 22px -1px #22aaa217;
transition: border-color .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ck_settings_trigger.visible {
display: flex
}

.ck_settings_trigger:hover {
border-color: #22AAA2
}

.ck_settings_trigger:focus {
outline: 2px solid #22AAA2;
outline-offset: 2px
}

.ck_settings_trigger .pe-7s-config {
font-size: 24px;
color: #22AAA2
}

.legal-section {
max-width: 1100px;
margin: 0 auto;
padding: 80px 40px;
color: #d4d8e2
}

.legal-section p {
font-size: 16px;
line-height: 1.75;
letter-spacing: .015em;
margin-bottom: 20px;
color: #d4d8e2
}

.legal-section ul,
.legal-section ol {
margin: 20px 0;
padding-left: 40px
}

.legal-section ul {
list-style: none;
padding-left: 20px
}

.legal-section ul li {
position: relative;
padding-left: 20px
}

.legal-section ul li::before {
content: "";
position: absolute;
left: 0;
top: 11px;
width: 6px;
height: 6px;
background: #22AAA2;
border-radius: 50%
}

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

.legal-section ol li {
padding-left: 8px
}

.legal-section ol li::marker {
color: #22AAA2;
font-size: 16px
}

.legal-section li {
font-size: 16px;
line-height: 1.75;
letter-spacing: .015em;
color: #d4d8e2;
margin-bottom: 8px
}

.legal-section strong,
.legal-section b {
color: #FEE39D;
font-weight: 700;
letter-spacing: .01em
}

.legal-section a {
color: #22AAA2;
text-decoration: none;
border-bottom: 1px solid #22aaa259;
transition: color .2s cubic-bezier(0.34, 1.56, 0.64, 1), border-bottom-color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.legal-section a:hover {
color: #FEE39D;
border-bottom-color: #fee39d80
}

.legal-section a:active {
color: #c8b87a;
border-bottom-color: #c8b87a66
}

.legal-section hr {
border: none;
height: 1px;
background: #22aaa22e;
margin: 40px 0;
border-radius: 6px
}

@media (max-width: 768px) {
.legal-section {
padding: 40px 20px
}

.legal-section ul,
.legal-section ol {
padding-left: 20px
}
}

@media (max-width: 640px) {
.legal-section {
padding: 40px 12px
}

.legal-section p,
.legal-section li {
font-size: 16px
}
}

.abt_us {
background: #0d0d14;
color: #e8e8f0;
overflow-x: clip
}

.abt_us .pg_schema {
display: none
}

.abt_us .lim {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}

.abt_us .traced {
position: relative
}

.abt_us .traced::before {
content: '';
position: absolute;
inset: 0;
border: 1px solid #22AAA2;
border-radius: 6px;
opacity: 0;
animation: trace_draw .35s cubic-bezier(0.34, 1.56, 0.64, 1) .4s forwards
}

@keyframes trace_draw {
from {
opacity: 0;
clip-path: inset(0 100% 0 0)
}

to {
opacity: .4;
clip-path: inset(0 0% 0 0)
}
}

.abt_us .corner_box {
position: relative
}

.abt_us .corner_box::before,
.abt_us .corner_box::after {
content: '';
position: absolute;
width: 20px;
height: 20px;
border-color: #22AAA2;
border-style: solid;
opacity: .6;
pointer-events: none
}

.abt_us .corner_box::before {
top: -4px;
left: -4px;
border-width: 2px 0 0 2px
}

.abt_us .corner_box::after {
bottom: -4px;
right: -4px;
border-width: 0 2px 2px 0
}

.abt_us .part_line {
width: 40%;
height: 1px;
background: linear-gradient(287deg, #271687, #FEE39D);
border: none;
margin: 0
}

.abt_us .part_line.right {
margin-left: auto
}

.abt_us .outlined_h {
-webkit-text-stroke: 1px #22AAA2;
color: transparent;
letter-spacing: .02em
}

.abt_us .outlined_h.gold {
-webkit-text-stroke: 1px #FEE39D
}

.abt_us .outlined_h.violet {
-webkit-text-stroke: 1px #271687
}

.abt_us .tag_box {
display: inline-block;
border: 1px solid #22AAA2;
border-radius: 6px;
padding: 4px 12px;
font-size: 16px;
color: #22AAA2;
letter-spacing: .02em;
line-height: 1.75
}

.abt_us .btn_prim {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 20px;
background: transparent;
border: 1px solid #22AAA2;
border-radius: 10px;
color: #22AAA2;
font-size: 16px;
letter-spacing: .01em;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .25s cubic-bezier(0.34, 1.56, 0.64, 1);
text-decoration: none
}

.abt_us .btn_prim::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #22AAA2;
transition: left .22s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: 0
}

.abt_us .btn_prim:hover::before {
left: 0
}

.abt_us .btn_prim:hover {
color: #0d0d14
}

.abt_us .btn_prim:focus {
outline: 2px solid #FEE39D;
outline-offset: 4px
}

.abt_us .btn_prim:active {
box-shadow: inset 1px 1px 5px -1px #22aaa24d
}

.abt_us .btn_prim span,
.abt_us .btn_prim i {
position: relative;
z-index: 1
}

.abt_us .btn_sec {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 20px;
background: transparent;
border: 1px solid #fee39d80;
border-radius: 10px;
color: #FEE39D;
font-size: 16px;
letter-spacing: .01em;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color .2s cubic-bezier(0.68, -0.55, 0.27, 1.55), border-color .2s ease;
text-decoration: none
}

.abt_us .btn_sec::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #FEE39D;
transition: left .25s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: 0
}

.abt_us .btn_sec:hover::before {
left: 0
}

.abt_us .btn_sec:hover {
color: #0d0d14
}

.abt_us .btn_sec:focus {
outline: 2px solid #22AAA2;
outline-offset: 4px
}

.abt_us .btn_sec span,
.abt_us .btn_sec i {
position: relative;
z-index: 1
}

.abt_us .img_skel {
background: #1a1535;
position: relative;
overflow: hidden
}

.abt_us .img_skel::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 0%, #22aaa20f 50%, transparent 100%);
animation: skel_shine 1.8s ease infinite
}

@keyframes skel_shine {
0% {
transform: translateX(-100%)
}

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

.abt_us .img_skel img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
position: relative;
z-index: 1
}

@keyframes slow_zoom {
from {
transform: scale(1)
}

to {
transform: scale(1.06)
}
}

.abt_us .img_skel img {
animation: slow_zoom 8s ease-in-out infinite alternate
}

.abt_us .vert_accent {
position: relative;
padding-left: 20px
}

.abt_us .vert_accent::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(287deg, #271687, #FEE39D)
}

.abt_us .title_blk {
padding-top: 80px;
padding-bottom: 80px
}

.abt_us .title_blk .inner_grid {
display: grid;
grid-template-columns: 1fr 420px;
gap: 40px;
align-items: center
}

.abt_us .title_blk .text_zone {
display: flex;
flex-direction: column;
gap: 20px
}

.abt_us .title_blk .h1_main {
font-size: 44px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0
}

.abt_us .title_blk .sub_para {
font-size: 16px;
line-height: 1.75;
color: #b0afc8;
text-align: justify;
margin: 0;
max-width: 520px
}

.abt_us .title_blk .btn_row {
display: flex;
flex-direction: row;
gap: 12px;
flex-wrap: wrap
}

.abt_us .title_blk .img_zone {
position: relative
}

.abt_us .title_blk .geo_frame {
position: relative;
width: 420px;
height: 340px
}

.abt_us .title_blk .geo_frame .img_skel {
width: 100%;
height: 100%;
clip-path: polygon(0 0, 88% 0, 100% 12%, 100% 100%, 12% 100%, 0 88%)
}

.abt_us .title_blk .geo_frame .img_skel img {
object-position: center
}

.abt_us .title_blk .geo_deco {
position: absolute;
pointer-events: none
}

.abt_us .title_blk .geo_deco.d1 {
top: -12px;
right: -12px;
width: 60px;
height: 60px;
border: 1px solid #22aaa240;
border-radius: 6px;
transform: rotate(15deg)
}

.abt_us .title_blk .geo_deco.d2 {
bottom: -8px;
left: -8px;
width: 40px;
height: 40px;
border: 1px solid #fee39d33;
border-radius: 6px;
transform: rotate(-10deg)
}

.abt_us .title_blk .vignette_layer {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 50% 50%, transparent 40%, #0d0d148c 100%);
pointer-events: none;
z-index: 2;
clip-path: polygon(0 0, 88% 0, 100% 12%, 100% 100%, 12% 100%, 0 88%)
}

.abt_us .dual_sec {
background: #0a0918;
padding-top: 80px;
padding-bottom: 80px
}

.abt_us .dual_sec .sec_top {
margin-bottom: 40px;
display: flex;
flex-direction: column;
gap: 12px
}

.abt_us .dual_sec .h2_dual {
font-size: 44px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0
}

.abt_us .dual_sec .dual_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px
}

.abt_us .dual_sec .path_card {
background: #12112a;
border-radius: 10px;
padding: 40px;
display: flex;
flex-direction: column;
gap: 20px;
box-shadow: 1px 5px 22px -1px #22aaa217;
position: relative
}

.abt_us .dual_sec .path_card.traced::before {
border-radius: 10px
}

.abt_us .dual_sec .path_num {
font-size: 70px;
line-height: 1.1;
letter-spacing: .01em;
-webkit-text-stroke: 1px #22aaa24d;
color: transparent;
margin: 0;
pointer-events: none
}

.abt_us .dual_sec .path_num.alt {
-webkit-text-stroke: 1px #fee39d4d
}

.abt_us .dual_sec .path_h {
font-size: 24px;
line-height: 1.1;
letter-spacing: .02em;
margin: 0
}

.abt_us .dual_sec .path_p {
font-size: 16px;
line-height: 1.75;
color: #b0afc8;
text-align: justify;
margin: 0
}

.abt_us .dual_sec .path_img {
width: 100%;
height: 180px;
border-radius: 6px;
overflow: hidden
}

.abt_us .dual_sec .path_img .img_skel {
width: 100%;
height: 100%;
border-radius: 6px
}

.abt_us .dual_sec .path_img .img_skel img {
object-position: center
}

.abt_us .dual_sec .feat_list {
display: flex;
flex-direction: column;
gap: 12px;
list-style: none;
padding: 0;
margin: 0
}

.abt_us .dual_sec .feat_list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
font-size: 16px;
line-height: 1.75;
color: #c8c7de
}

.abt_us .dual_sec .feat_list li .fi {
color: #22AAA2;
font-size: 16px;
flex-shrink: 0;
margin-top: 4px
}

.abt_us .dual_sec .feat_list li .fi.gold {
color: #FEE39D
}

.abt_us .team_sec {
padding-top: 80px;
padding-bottom: 80px;
background: linear-gradient(287deg, #2716872e 0%, #0d0d14ff 60%)
}

.abt_us .team_sec .sec_head {
margin-bottom: 40px;
display: flex;
flex-direction: column;
gap: 8px
}

.abt_us .team_sec .h2_team {
font-size: 44px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0
}

.abt_us .team_sec .team_layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 40px;
align-items: start
}

.abt_us .team_sec .portrait_wrap {
display: flex;
flex-direction: column;
gap: 20px
}

.abt_us .team_sec .portrait_frame {
width: 280px;
height: 392px;
overflow: hidden;
border-radius: 0;
box-shadow: 1px 12px 48px -1px #27168721
}

.abt_us .team_sec .portrait_frame .img_skel {
width: 100%;
height: 100%
}

.abt_us .team_sec .portrait_frame .img_skel img {
object-position: top
}

.abt_us .team_sec .person_meta {
display: flex;
flex-direction: column;
gap: 4px
}

.abt_us .team_sec .person_name {
font-size: 16px;
line-height: 1.75;
color: #e8e8f0;
letter-spacing: .02em;
margin: 0
}

.abt_us .team_sec .person_role {
font-size: 16px;
line-height: 1.75;
color: #22AAA2;
letter-spacing: .01em;
margin: 0
}

.abt_us .team_sec .person_quote {
font-size: 16px;
line-height: 1.75;
color: #9896b8;
text-align: justify;
margin: 0;
font-style: italic
}

.abt_us .team_sec .right_col {
display: flex;
flex-direction: column;
gap: 40px
}

.abt_us .team_sec .about_txt {
display: flex;
flex-direction: column;
gap: 12px
}

.abt_us .team_sec .about_txt p {
font-size: 16px;
line-height: 1.75;
color: #b0afc8;
text-align: justify;
margin: 0
}

.abt_us .team_sec .metrics_row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px
}

.abt_us .team_sec .metric_item {
background: #12112a;
border-radius: 10px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 8px;
box-shadow: 1px 1px 5px -1px #22aaa20d;
transition: box-shadow .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abt_us .team_sec .metric_item:hover {
box-shadow: 1px 5px 22px -1px #22aaa217
}

.abt_us .team_sec .metric_val {
font-size: 44px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0
}

.abt_us .team_sec .metric_val.c1 {
color: #22AAA2
}

.abt_us .team_sec .metric_val.c2 {
color: #FEE39D
}

.abt_us .team_sec .metric_val.c3 {
-webkit-text-stroke: 1px #22AAA2;
color: transparent
}

.abt_us .team_sec .metric_lbl {
font-size: 16px;
line-height: 1.75;
color: #9896b8;
letter-spacing: .01em;
margin: 0
}

.abt_us .team_sec .img_strip {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px
}

.abt_us .team_sec .strip_img {
height: 140px;
border-radius: 6px;
overflow: hidden
}

.abt_us .team_sec .strip_img .img_skel {
width: 100%;
height: 100%;
border-radius: 6px
}

.abt_us .team_sec .strip_img .img_skel img {
object-position: center
}

@media (max-width: 1024px) {
.abt_us .title_blk .inner_grid {
grid-template-columns: 1fr 340px
}

.abt_us .title_blk .geo_frame {
width: 340px;
height: 280px
}

.abt_us .team_sec .team_layout {
grid-template-columns: 240px 1fr
}

.abt_us .team_sec .portrait_frame {
width: 240px;
height: 336px
}
}

@media (max-width: 768px) {
.abt_us .title_blk .inner_grid {
grid-template-columns: 1fr
}

.abt_us .title_blk .geo_frame {
display: none
}

.abt_us .dual_sec .dual_grid {
grid-template-columns: 1fr
}

.abt_us .team_sec .team_layout {
grid-template-columns: 1fr
}

.abt_us .team_sec .portrait_frame {
display: none
}

.abt_us .team_sec .metrics_row {
grid-template-columns: 1fr 1fr
}

.abt_us .h1_main {
font-size: 44px
}
}

@media (max-width: 640px) {
.abt_us .title_blk {
padding-top: 40px;
padding-bottom: 40px
}

.abt_us .dual_sec {
padding-top: 40px;
padding-bottom: 40px
}

.abt_us .team_sec {
padding-top: 40px;
padding-bottom: 40px
}

.abt_us .team_sec .metrics_row {
grid-template-columns: 1fr
}

.abt_us .team_sec .img_strip {
grid-template-columns: 1fr
}

.abt_us .dual_sec .path_card {
padding: 20px
}

.abt_us .h2_dual {
font-size: 24px
}

.abt_us .h2_team {
font-size: 24px
}
}

.cont-pg {
background: #0d0d14;
color: #e8e8f0;
overflow-x: hidden;
position: relative
}

.cont-pg .reveal-1 {
animation: slideUp1 .25s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.cont-pg .reveal-2 {
animation: slideUp2 .28s cubic-bezier(0.34, 1.56, 0.64, 1) .08s both
}

.cont-pg .reveal-3 {
animation: slideUp3 .32s cubic-bezier(0.34, 1.56, 0.64, 1) .16s both
}

.cont-pg .reveal-4 {
animation: slideUp4 .35s cubic-bezier(0.34, 1.56, 0.64, 1) .24s both
}

@keyframes slideUp1 {
from {
opacity: 0;
transform: translateY(12px)
}

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

@keyframes slideUp2 {
from {
opacity: 0;
transform: translateY(24px)
}

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

@keyframes slideUp3 {
from {
opacity: 0;
transform: translateY(40px)
}

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

@keyframes slideUp4 {
from {
opacity: 0;
transform: translateY(60px)
}

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

.cont-pg .pg-top {
max-width: 1100px;
margin: 0 auto;
padding: 80px 40px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.cont-pg .pg-top .left-col {
display: flex;
flex-direction: column;
gap: 20px
}

.cont-pg .pg-top .right-col {
position: relative
}

.cont-pg .corner-bracket {
position: absolute;
width: 28px;
height: 28px;
pointer-events: none
}

.cont-pg .corner-bracket.tl {
top: -8px;
left: -8px;
border-top: 2px solid #22AAA2;
border-left: 2px solid #22AAA2
}

.cont-pg .corner-bracket.tr {
top: -8px;
right: -8px;
border-top: 2px solid #22AAA2;
border-right: 2px solid #22AAA2
}

.cont-pg .corner-bracket.bl {
bottom: -8px;
left: -8px;
border-bottom: 2px solid #22AAA2;
border-left: 2px solid #22AAA2
}

.cont-pg .corner-bracket.br {
bottom: -8px;
right: -8px;
border-bottom: 2px solid #22AAA2;
border-right: 2px solid #22AAA2
}

.cont-pg .label-tag {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid #22AAA2;
border-radius: 6px;
padding: 4px 12px;
font-size: 16px;
color: #22AAA2;
letter-spacing: .02em;
width: fit-content
}

.cont-pg .label-tag .pe-icon {
font-size: 16px
}

.cont-pg .main-heading {
font-size: 44px;
line-height: 1.1;
letter-spacing: .01em;
color: transparent;
-webkit-text-stroke: 1.5px #FEE39D;
margin: 0
}

.cont-pg .sub-desc {
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
margin: 0;
text-align: justify
}

.cont-pg .contact-cards {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 8px
}

.cont-pg .c-card {
background: #13131f;
border-radius: 10px;
padding: 20px;
border: 1px solid #1e1e30;
box-shadow: 1px 5px 22px -1px #22aaa217;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
transition: box-shadow .22s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cont-pg .c-card:hover {
box-shadow: 1px 12px 48px -1px #22aaa221;
border-color: #22AAA2
}

.cont-pg .c-card .icon-box {
width: 40px;
height: 40px;
border-radius: 10px;
background: linear-gradient(287deg, #271687, #22AAA2);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.cont-pg .c-card .icon-box .pe-icon {
font-size: 16px;
color: #FEE39D
}

.cont-pg .c-card .card-body {
display: flex;
flex-direction: column;
gap: 4px
}

.cont-pg .c-card .card-lbl {
font-size: 16px;
color: #22AAA2;
letter-spacing: .02em
}

.cont-pg .c-card .card-val {
font-size: 16px;
color: #e8e8f0;
line-height: 1.75;
letter-spacing: .01em
}

.cont-pg .c-card .card-val a {
color: #e8e8f0;
text-decoration: none;
transition: color .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cont-pg .c-card .card-val a:hover {
color: #22AAA2
}

.cont-pg .img-wrap {
position: relative;
border-radius: 10px;
overflow: hidden;
width: 100%;
aspect-ratio: 4/3;
background: #1a1a28
}

.cont-pg .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
animation: imgFadeIn .35s cubic-bezier(0.34, 1.56, 0.64, 1) .12s both
}

@keyframes imgFadeIn {
from {
opacity: 0
}

to {
opacity: 1
}
}

.cont-pg .img-wrap .img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(287deg, #2716878c, #22aaa240);
pointer-events: none
}

.cont-pg .img-wrap .img-caption {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
font-size: 16px;
color: #FEE39D;
letter-spacing: .02em;
line-height: 1.75
}

.cont-pg .concentric-deco {
position: absolute;
top: -20px;
right: -20px;
width: 80px;
height: 80px;
pointer-events: none;
overflow: hidden
}

.cont-pg .concentric-deco span {
position: absolute;
border: 1px solid #fee39d26;
border-radius: 6px
}

.cont-pg .concentric-deco span:nth-child(1) {
inset: 0
}

.cont-pg .concentric-deco span:nth-child(2) {
inset: 10px
}

.cont-pg .concentric-deco span:nth-child(3) {
inset: 20px
}

.cont-pg .concentric-deco span:nth-child(4) {
inset: 30px
}

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

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

.cont-pg .form-band {
background: #0f1520;
padding: 80px 40px;
position: relative
}

.cont-pg .form-band .inner {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 40px;
align-items: start
}

.cont-pg .form-band .form-col {
display: flex;
flex-direction: column;
gap: 20px
}

.cont-pg .form-band .form-head {
display: flex;
flex-direction: column;
gap: 12px
}

.cont-pg .form-band .form-h2 {
font-size: 44px;
line-height: 1.1;
letter-spacing: .01em;
color: transparent;
-webkit-text-stroke: 1.5px #22AAA2;
margin: 0
}

.cont-pg .form-band .form-sub {
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
margin: 0;
text-align: justify
}

.cont-pg .contact-form {
display: flex;
flex-direction: column;
gap: 20px
}

.cont-pg .field-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px
}

.cont-pg .field-grp {
display: flex;
flex-direction: column;
gap: 8px
}

.cont-pg .field-grp label {
font-size: 16px;
color: #22AAA2;
letter-spacing: .02em
}

.cont-pg .field-grp input[type="text"],
.cont-pg .field-grp input[type="tel"] {
background: #13131f;
border: 1px solid #1e1e30;
border-radius: 6px;
padding: 12px 20px;
font-size: 16px;
color: #e8e8f0;
outline: none;
width: 100%;
box-sizing: border-box;
letter-spacing: .01em;
transition: border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cont-pg .field-grp input[type="text"]::placeholder,
.cont-pg .field-grp input[type="tel"]::placeholder {
color: #4a4a6a;
font-style: italic
}

.cont-pg .field-grp input[type="text"]:focus,
.cont-pg .field-grp input[type="tel"]:focus {
border-color: #22AAA2;
box-shadow: 1px 5px 22px -1px #22aaa217
}

.cont-pg .field-grp input[type="text"]:active,
.cont-pg .field-grp input[type="tel"]:active {
box-shadow: inset 1px 1px 5px -1px #22aaa20d
}

.cont-pg .chk-group {
display: flex;
flex-direction: column;
gap: 12px
}

.cont-pg .chk-group .grp-lbl {
font-size: 16px;
color: #22AAA2;
letter-spacing: .02em
}

.cont-pg .chk-items {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px
}

.cont-pg .chk-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
cursor: pointer
}

.cont-pg .chk-item input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid #22AAA2;
border-radius: 6px;
background: #13131f;
flex-shrink: 0;
cursor: pointer;
position: relative;
transition: background .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cont-pg .chk-item input[type="checkbox"]:checked {
background: #22AAA2;
box-shadow: inset 1px 1px 5px -1px #22aaa20d
}

.cont-pg .chk-item input[type="checkbox"]:checked::after {
content: '';
display: block;
width: 5px;
height: 9px;
border: 2px solid #0d0d14;
border-top: none;
border-left: none;
transform: rotate(45deg);
position: absolute;
top: 3px;
left: 6px
}

.cont-pg .chk-item .chk-lbl {
font-size: 16px;
color: #b8b8cc;
letter-spacing: .01em;
cursor: pointer
}

.cont-pg .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px
}

.cont-pg .privacy-row input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid #271687;
border-radius: 6px;
background: #13131f;
flex-shrink: 0;
cursor: pointer;
position: relative;
margin-top: 4px;
transition: background .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cont-pg .privacy-row input[type="checkbox"]:checked {
background: #271687;
box-shadow: inset 1px 1px 5px -1px #2716870d
}

.cont-pg .privacy-row input[type="checkbox"]:checked::after {
content: '';
display: block;
width: 5px;
height: 9px;
border: 2px solid #e8e8f0;
border-top: none;
border-left: none;
transform: rotate(45deg);
position: absolute;
top: 3px;
left: 6px
}

.cont-pg .privacy-row .priv-txt {
font-size: 16px;
color: #7a7a9a;
line-height: 1.75;
letter-spacing: .01em
}

.cont-pg .privacy-row .priv-txt a {
color: #22AAA2;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cont-pg .privacy-row .priv-txt a:hover {
color: #FEE39D
}

.cont-pg .submit-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 40px;
border-radius: 10px;
border: 1px solid #22AAA2;
background: transparent;
color: #22AAA2;
font-size: 16px;
letter-spacing: .02em;
cursor: pointer;
position: relative;
overflow: hidden;
width: fit-content;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cont-pg .submit-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #22AAA2;
transition: left .25s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: 0
}

.cont-pg .submit-btn:hover::before {
left: 0
}

.cont-pg .submit-btn:hover {
color: #0d0d14
}

.cont-pg .submit-btn:active {
box-shadow: inset 1px 1px 5px -1px #22aaa20d
}

.cont-pg .submit-btn .btn-icon,
.cont-pg .submit-btn .btn-txt {
position: relative;
z-index: 1
}

.cont-pg .sidebar-col {
display: flex;
flex-direction: column;
gap: 20px
}

.cont-pg .sidebar-info {
background: #13131f;
border-radius: 10px;
padding: 20px;
border: 1px solid #1e1e30;
box-shadow: 1px 1px 5px -1px #2716870d;
display: flex;
flex-direction: column;
gap: 12px
}

.cont-pg .sidebar-info .si-head {
font-size: 16px;
color: #FEE39D;
letter-spacing: .02em;
border-bottom: 1px solid #1e1e30;
padding-bottom: 12px
}

.cont-pg .sidebar-info .si-body {
font-size: 16px;
color: #b8b8cc;
line-height: 1.75;
letter-spacing: .01em;
text-align: justify
}

.cont-pg .code-snippet {
background: #0a0a12;
border-radius: 10px;
padding: 20px;
border: 1px solid #1e1e30;
overflow: hidden
}

.cont-pg .code-snippet .cs-bar {
display: flex;
flex-direction: row;
gap: 8px;
margin-bottom: 12px;
align-items: center
}

.cont-pg .code-snippet .cs-dot {
width: 10px;
height: 10px;
border-radius: 44px
}

.cont-pg .code-snippet .cs-dot.red {
background: #ff5f56
}

.cont-pg .code-snippet .cs-dot.yel {
background: #ffbd2e
}

.cont-pg .code-snippet .cs-dot.grn {
background: #27c93f
}

.cont-pg .code-snippet pre {
margin: 0;
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
white-space: pre-wrap;
word-break: break-word;
letter-spacing: .01em
}

.cont-pg .code-snippet pre .kw {
color: #22AAA2
}

.cont-pg .code-snippet pre .str {
color: #FEE39D
}

.cont-pg .code-snippet pre .cm {
color: #4a4a6a
}

.cont-pg .form-band .deco-rect {
position: absolute;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
pointer-events: none;
overflow: hidden
}

.cont-pg .form-band .deco-rect span {
position: absolute;
border: 1px solid #27168733;
border-radius: 6px
}

.cont-pg .form-band .deco-rect span:nth-child(1) {
inset: 0
}

.cont-pg .form-band .deco-rect span:nth-child(2) {
inset: 8px
}

.cont-pg .form-band .deco-rect span:nth-child(3) {
inset: 16px
}

.cont-pg .form-band .deco-rect span:nth-child(4) {
inset: 24px
}

@media (max-width: 1024px) {
.cont-pg .pg-top {
grid-template-columns: 1fr;
padding: 40px 20px
}

.cont-pg .form-band .inner {
grid-template-columns: 1fr;
padding: 0
}

.cont-pg .form-band {
padding: 40px 20px
}

.cont-pg .field-row {
grid-template-columns: 1fr
}

.cont-pg .chk-items {
grid-template-columns: 1fr
}

.cont-pg .right-col {
display: none
}
}

@media (max-width: 768px) {
.cont-pg .main-heading {
font-size: 44px
}

.cont-pg .form-band .form-h2 {
font-size: 44px
}

.cont-pg .pg-top {
padding: 40px 20px
}
}

@media (max-width: 640px) {
.cont-pg .main-heading {
font-size: 24px
}

.cont-pg .form-band .form-h2 {
font-size: 24px
}

.cont-pg .contact-cards {
gap: 12px
}
}

.strt {
background: #0d0d14;
color: #e8e8f0;
overflow-x: hidden
}

.strt *,
.strt ::before,
.strt ::after {
box-sizing: border-box
}

.strt .pg_wrap {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px
}

.strt .t_blk {
padding: 80px 0;
position: relative
}

.strt .t_blk .pg_wrap {
display: flex;
flex-direction: row;
align-items: center;
gap: 40px
}

.strt .t_blk_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
width: 100%
}

.strt .t_blk_txt {
display: flex;
flex-direction: column;
gap: 20px
}

.strt .t_blk_badge {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid #22aaa266;
border-radius: 6px;
padding: 4px 12px;
font-size: 16px;
color: #22AAA2;
letter-spacing: .02em;
width: fit-content
}

.strt .t_h1 {
font-size: 70px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0;
color: transparent;
-webkit-text-stroke: 1.5px #FEE39D
}

.strt .t_sub {
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
margin: 0;
text-align: justify
}

.strt .t_blk_cta {
display: inline-flex;
align-items: center;
gap: 8px;
background: #22AAA2;
color: #0d0d14;
font-size: 16px;
font-weight: 600;
padding: 12px 20px;
border-radius: 10px;
text-decoration: none;
border: none;
cursor: pointer;
position: relative;
overflow: hidden;
width: fit-content;
letter-spacing: .01em;
transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow: 1px 5px 22px -1px #22aaa217
}

.strt .t_blk_cta::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #271687;
transition: left .22s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: 0
}

.strt .t_blk_cta:hover::before {
left: 0
}

.strt .t_blk_cta:hover {
color: #FEE39D
}

.strt .t_blk_cta span,
.strt .t_blk_cta i {
position: relative;
z-index: 1
}

.strt .t_blk_cta:active {
box-shadow: inset 1px 1px 5px -1px #22aaa221
}

.strt .t_img_side {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center
}

.strt .t_img_frame {
width: 100%;
max-width: 480px;
aspect-ratio: 4/3;
overflow: hidden;
border-radius: 28px;
position: relative
}

.strt .t_img_frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%);
transition: transform .25s cubic-bezier(0.34, 1.56, 0.64, 1);
display: block
}

.strt .t_img_frame:hover img {
transform: scale(1.04)
}

.strt .t_img_skeleton {
position: absolute;
inset: 0;
background: #1a1a2e;
border-radius: 28px;
z-index: 0
}

.strt .t_img_frame img {
position: relative;
z-index: 1
}

.strt .grid_bg {
position: absolute;
inset: 0;
background-image: linear-gradient(#22aaa20a 1px, transparent 1px), linear-gradient(90deg, #22aaa20a 1px, transparent 1px);
background-size: 60px 60px;
pointer-events: none
}

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

.strt .div_curve svg {
display: block;
width: 100%
}

.strt .rev_blk {
background: linear-gradient(287deg, #271687 0%, #0d0d14 60%);
padding: 80px 0;
position: relative
}

.strt .rev_blk_head {
margin-bottom: 40px
}

.strt .rev_blk_head h2 {
font-size: 44px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0 0 12px;
color: transparent;
-webkit-text-stroke: 1px #22AAA2
}

.strt .rev_blk_head p {
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
margin: 0;
max-width: 560px;
text-align: justify
}

.strt .rev_cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px
}

.strt .rev_card {
background: #0d0d14b3;
border: 1px solid #22aaa226;
border-radius: 10px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
box-shadow: 1px 5px 22px -1px #22aaa217;
transition: border-color .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.strt .rev_card:hover {
border-color: #22aaa266
}

.strt .rev_card_top {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px
}

.strt .rev_portrait {
width: 52px;
height: 52px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
border: 2px solid #22aaa24d
}

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

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

.strt .rev_name {
font-size: 16px;
font-weight: 600;
color: #e8e8f0;
letter-spacing: .01em
}

.strt .rev_role {
font-size: 16px;
color: #22AAA2;
letter-spacing: .01em
}

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

.strt .rev_phase {
display: flex;
flex-direction: row;
gap: 8px;
align-items: flex-start
}

.strt .rev_phase_label {
font-size: 16px;
font-weight: 700;
letter-spacing: .02em;
flex-shrink: 0;
padding: 2px 8px;
border-radius: 6px
}

.strt .rev_phase_label.before {
background: #27168766;
color: #FEE39D;
border: 1px solid #fee39d4d
}

.strt .rev_phase_label.after {
background: #22aaa226;
color: #22AAA2;
border: 1px solid #22aaa24d
}

.strt .rev_phase_txt {
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
margin: 0
}

.strt .rev_quote {
font-size: 16px;
line-height: 1.75;
color: #d0d0e0;
margin: 0;
border-top: 1px solid #22aaa21a;
padding-top: 12px;
text-align: justify;
font-style: italic
}

.strt .rev_card_no_portrait {
background: #0d0d14b3;
border: 1px solid #fee39d26;
border-radius: 10px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
box-shadow: 1px 5px 22px -1px #27168717
}

.strt .rev_anon_icon {
width: 52px;
height: 52px;
border-radius: 50%;
background: #27168766;
border: 2px solid #fee39d33;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.strt .div_line {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
padding: 0 20px;
max-width: 1100px;
margin: 0 auto
}

.strt .div_line_seg {
flex: 1;
height: 1px;
background: linear-gradient(90deg, transparent, #22aaa24d, transparent)
}

.strt .div_line_center {
width: 40px;
height: 40px;
border: 1px solid #22aaa266;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #0d0d14;
flex-shrink: 0
}

.strt .inv_blk {
background: #0d0d14;
padding: 80px 0 40px
}

.strt .inv_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px;
align-items: start
}

.strt .inv_accent_col {
grid-column: 1;
display: flex;
flex-direction: column;
gap: 20px
}

.strt .inv_accent_label {
font-size: 16px;
color: #22AAA2;
letter-spacing: .02em;
text-transform: uppercase;
border: 1px solid #22aaa24d;
border-radius: 6px;
padding: 4px 12px;
width: fit-content
}

.strt .inv_accent_h {
font-size: 44px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0;
color: transparent;
-webkit-text-stroke: 1px #FEE39D
}

.strt .inv_accent_p {
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
margin: 0;
text-align: justify
}

.strt .inv_tier {
background: #2716871f;
border: 1px solid #2716874d;
border-radius: 10px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
transition: border-color .22s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform .22s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow: 1px 1px 5px -1px #2716870d
}

.strt .inv_tier:hover {
border-color: #22aaa280;
transform: translateY(-4px)
}

.strt .inv_tier.featured {
background: #22aaa214;
border-color: #22aaa259;
box-shadow: 1px 12px 48px -1px #22aaa221
}

.strt .inv_tier_name {
font-size: 16px;
font-weight: 700;
color: #e8e8f0;
letter-spacing: .02em
}

.strt .inv_tier_price {
font-size: 44px;
line-height: 1.1;
font-weight: 700;
letter-spacing: .01em;
color: #FEE39D
}

.strt .inv_tier_price span {
font-size: 16px;
color: #b8b8cc;
font-weight: 400
}

.strt .inv_tier_desc {
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
margin: 0;
text-align: justify
}

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

.strt .inv_tier_items li {
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px
}

.strt .inv_tier_items li i {
color: #22AAA2;
flex-shrink: 0;
margin-top: 2px
}

.strt .inv_img_wrap {
border-radius: 10px;
overflow: hidden;
aspect-ratio: 3/4;
position: relative
}

.strt .inv_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.strt .inv_img_wrap:hover img {
transform: scale(1.04)
}

.strt .val_blk {
padding: 80px 0;
position: relative;
background: #101020
}

.strt .val_blk_inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.strt .val_img_col {
display: flex;
flex-direction: column;
gap: 20px
}

.strt .val_img_main {
border-radius: 28px;
overflow: hidden;
aspect-ratio: 4/3;
position: relative
}

.strt .val_img_main img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.strt .val_img_main:hover img {
transform: scale(1.04)
}

.strt .val_img_skeleton {
position: absolute;
inset: 0;
background: #1a1a2e;
border-radius: 28px;
z-index: 0
}

.strt .val_img_main img {
position: relative;
z-index: 1
}

.strt .val_img_sub {
border-radius: 10px;
overflow: hidden;
aspect-ratio: 16/7;
position: relative
}

.strt .val_img_sub img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.strt .val_img_sub:hover img {
transform: scale(1.04)
}

.strt .val_txt_col {
display: flex;
flex-direction: column;
gap: 20px
}

.strt .val_h2 {
font-size: 44px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0;
color: transparent;
-webkit-text-stroke: 1px #22AAA2
}

.strt .val_intro {
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
margin: 0;
text-align: justify
}

.strt .val_items {
display: flex;
flex-direction: column;
gap: 12px
}

.strt .val_item {
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
padding: 12px;
border-radius: 10px;
border: 1px solid #22aaa21a;
background: #22aaa208;
transition: border-color .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.strt .val_item:hover {
border-color: #22aaa24d
}

.strt .val_item_icon {
width: 40px;
height: 40px;
border-radius: 10px;
background: #22aaa21f;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.strt .val_item_icon i {
color: #22AAA2;
font-size: 20px
}

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

.strt .val_item_h {
font-size: 16px;
font-weight: 700;
color: #e8e8f0;
margin: 0;
letter-spacing: .01em
}

.strt .val_item_p {
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
margin: 0;
text-align: justify
}

.strt .num_blk {
background: #22AAA2;
padding: 80px 0;
position: relative;
overflow: hidden
}

.strt .num_blk_bg {
position: absolute;
inset: 0;
pointer-events: none
}

.strt .num_blk_bg svg {
width: 100%;
height: 100%;
opacity: .07
}

.strt .num_head {
text-align: center;
margin-bottom: 40px
}

.strt .num_h2 {
font-size: 44px;
line-height: 1.1;
letter-spacing: .01em;
margin: 0 0 12px;
color: #0d0d14
}

.strt .num_sub {
font-size: 16px;
line-height: 1.75;
color: #0d0d14bf;
margin: 0
}

.strt .num_grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px
}

.strt .num_card {
background: #0d0d141f;
border: 1px solid #0d0d1426;
border-radius: 10px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-start;
opacity: 0;
animation: col_appear .35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards
}

.strt .num_card:nth-child(1) {
animation-delay: .1s
}

.strt .num_card:nth-child(2) {
animation-delay: .2s
}

.strt .num_card:nth-child(3) {
animation-delay: .3s
}

.strt .num_card:nth-child(4) {
animation-delay: .4s
}

@keyframes col_appear {
from {
opacity: 0;
transform: translateY(20px)
}

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

.strt .num_val {
font-size: 70px;
line-height: 1.1;
font-weight: 700;
letter-spacing: .01em;
color: #0d0d14
}

.strt .num_label {
font-size: 16px;
line-height: 1.75;
color: #0d0d14cc;
letter-spacing: .01em
}

.strt .num_desc {
font-size: 16px;
line-height: 1.75;
color: #0d0d14a6;
margin: 0
}

.strt .num_tags_row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-top: 40px;
justify-content: center;
position: relative
}

.strt .num_tag {
background: #0d0d141a;
border: 1px solid #0d0d1433;
border-radius: 44px;
padding: 4px 20px;
font-size: 16px;
color: #0d0d14;
letter-spacing: .01em;
cursor: default;
transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1), transform .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.strt .num_tags_row:hover .num_tag {
transform: translateY(-2px) rotate(-2deg) scale(0.95)
}

.strt .num_tags_row .num_tag:hover {
transform: translateY(-8px) rotate(0deg) scale(1.06) !important;
background: #0d0d1440
}

@media (max-width: 1024px) {
.strt .t_blk_grid {
grid-template-columns: 1fr;
gap: 40px
}

.strt .t_img_side {
justify-content: center
}

.strt .t_h1 {
font-size: 44px
}

.strt .inv_grid {
grid-template-columns: 1fr 1fr;
gap: 20px
}

.strt .inv_accent_col {
grid-column: 1 / -1
}

.strt .num_grid {
grid-template-columns: 1fr 1fr
}
}

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

.strt .val_blk_inner {
grid-template-columns: 1fr
}

.strt .val_img_col {
display: none
}

.strt .inv_grid {
grid-template-columns: 1fr
}

.strt .num_grid {
grid-template-columns: 1fr 1fr
}

.strt .t_h1 {
font-size: 44px
}
}

@media (max-width: 640px) {
.strt .t_h1 {
font-size: 44px
}

.strt .num_grid {
grid-template-columns: 1fr
}

.strt .num_val {
font-size: 44px
}

.strt .t_img_side {
display: none
}

.strt .t_blk {
padding: 40px 0
}

.strt .rev_blk,
.strt .val_blk,
.strt .num_blk {
padding: 40px 0
}
}

.accred {
background: #0d0d14;
color: #e8e8f0;
overflow-x: clip;
position: relative
}

.accred .pg_wrap {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px
}

.accred a {
text-decoration: none !important
}

.accred .sr_only {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap
}

@keyframes slide_right {
from {
opacity: 0;
transform: translateX(60px)
}

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

.accred .anim_a {
animation: slide_right .32s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.accred .anim_b {
animation: slide_right .28s cubic-bezier(0.34, 1.56, 0.64, 1) .08s both
}

.accred .anim_c {
animation: slide_right .3s cubic-bezier(0.34, 1.56, 0.64, 1) .16s both
}

.accred .anim_d {
animation: slide_right .26s cubic-bezier(0.34, 1.56, 0.64, 1) .24s both
}

.accred .pg_top {
padding: 80px 20px 40px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
overflow: hidden
}

.accred .pg_top::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(287deg, #271687 0%, #0d0d14 60%);
z-index: 0
}

.accred .pg_top .noise_tex {
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
opacity: .35;
z-index: 0;
pointer-events: none
}

.accred .pg_top .curl_dec {
position: absolute;
top: 20px;
right: 40px;
width: 80px;
height: 80px;
opacity: .08;
z-index: 0;
pointer-events: none
}

.accred .pg_top .top_inner {
position: relative;
z-index: 1;
max-width: 700px;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px
}

.accred .pg_top .pre_label {
font-size: 16px;
line-height: 1.75;
color: #22AAA2;
letter-spacing: .02em;
border: 1px solid #22aaa266;
border-radius: 6px;
padding: 4px 12px;
display: inline-block
}

.accred .pg_top .pg_h1 {
font-size: 44px;
line-height: 1.1;
letter-spacing: .01em;
color: transparent;
-webkit-text-stroke: 1.5px #FEE39D;
margin: 0
}

.accred .pg_top .pg_desc {
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
max-width: 560px;
text-align: justify;
margin: 0
}

.accred .pg_top .img_frame {
margin-top: 20px;
width: 100%;
max-width: 680px;
border-radius: 10px;
overflow: hidden;
position: relative;
box-shadow: 1px 12px 48px -1px #22aaa221
}

.accred .pg_top .img_frame::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 40%;
height: 60%;
background: radial-gradient(ellipse at 0% 0%, #fee39d38 0%, transparent 70%);
pointer-events: none
}

.accred .pg_top .img_frame .img_skel {
width: 100%;
height: 320px;
background: #1a1530;
display: block;
position: relative
}

.accred .pg_top .img_frame img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 10px
}

.accred .zz_div {
display: block;
width: 100%;
line-height: 0;
margin: 0
}

.accred .cert_sec {
padding: 80px 20px;
position: relative;
background: #10101c
}

.accred .cert_sec::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(287deg, #2716872e 0%, transparent 55%);
pointer-events: none
}

.accred .cert_sec .curl_dec2 {
position: absolute;
bottom: 40px;
left: 20px;
width: 64px;
height: 64px;
opacity: .07;
pointer-events: none
}

.accred .cert_sec .cert_inner {
max-width: 1100px;
margin: 0 auto;
position: relative;
z-index: 1
}

.accred .cert_sec .split_row {
display: grid;
grid-template-columns: 30% 1fr;
gap: 40px;
align-items: start
}

.accred .cert_sec .left_col {
display: flex;
flex-direction: column;
gap: 20px
}

.accred .cert_sec .sec_label {
font-size: 16px;
line-height: 1.75;
color: #22AAA2;
letter-spacing: .02em;
border: 1px solid #22aaa259;
border-radius: 6px;
padding: 4px 12px;
display: inline-block;
align-self: flex-start
}

.accred .cert_sec .sec_h2 {
font-size: 44px;
line-height: 1.1;
letter-spacing: .01em;
color: transparent;
-webkit-text-stroke: 1.5px #22AAA2;
margin: 0
}

.accred .cert_sec .left_body {
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
text-align: justify;
margin: 0
}

.accred .cert_sec .circ_row {
display: flex;
flex-direction: row;
gap: 12px;
flex-wrap: wrap;
margin-top: 8px
}

.accred .cert_sec .circ_item {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px
}

.accred .cert_sec .circ_ring {
width: 64px;
height: 64px;
border-radius: 44px;
border: 2px solid #22AAA2;
display: flex;
align-items: center;
justify-content: center;
background: #22aaa212;
box-shadow: 1px 5px 22px -1px #22aaa217;
transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1), transform .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.accred .cert_sec .circ_item:hover .circ_ring {
background: #22aaa22e;
transform: translateY(-3px)
}

.accred .cert_sec .circ_ring .pe-7s-medal,
.accred .cert_sec .circ_ring .pe-7s-check,
.accred .cert_sec .circ_ring .pe-7s-shield,
.accred .cert_sec .circ_ring .pe-7s-star {
font-size: 24px;
color: #22AAA2
}

.accred .cert_sec .circ_lbl {
font-size: 16px;
line-height: 1.1;
color: #e8e8f0;
letter-spacing: .01em;
text-align: center;
max-width: 72px
}

.accred .cert_sec .right_col {
display: flex;
flex-direction: column;
gap: 20px
}

.accred .cert_sec .cert_card {
background: #161624;
border-radius: 10px;
padding: 20px;
display: grid;
grid-template-columns: 48px 1fr;
gap: 20px;
align-items: start;
box-shadow: 1px 5px 22px -1px #27168717;
transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .25s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative
}

.accred .cert_sec .cert_card:hover {
box-shadow: 1px 12px 48px -1px #22aaa221;
transform: translateY(-2px)
}

.accred .cert_sec .cert_card.large_card {
grid-template-columns: 1fr;
background: linear-gradient(287deg, #27168780 0%, #161624 100%);
border: 1px solid #fee39d33
}

.accred .cert_sec .card_icon_wrap {
width: 48px;
height: 48px;
border-radius: 10px;
background: #22aaa21a;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.accred .cert_sec .card_icon_wrap .pe-7s-certificate,
.accred .cert_sec .card_icon_wrap .pe-7s-shield,
.accred .cert_sec .card_icon_wrap .pe-7s-global,
.accred .cert_sec .card_icon_wrap .pe-7s-tools {
font-size: 22px;
color: #22AAA2
}

.accred .cert_sec .card_txt {
display: flex;
flex-direction: column;
gap: 8px
}

.accred .cert_sec .card_h {
font-size: 16px;
line-height: 1.1;
letter-spacing: .02em;
color: #FEE39D;
margin: 0
}

.accred .cert_sec .card_p {
font-size: 16px;
line-height: 1.75;
color: #b8b8cc;
margin: 0;
text-align: justify
}

.accred .cert_sec .large_card .lc_head {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
margin-bottom: 8px
}

.accred .cert_sec .large_card .lc_num {
font-size: 70px;
line-height: 1.1;
letter-spacing: -.01em;
color: transparent;
-webkit-text-stroke: 1px #FEE39D;
flex-shrink: 0;
margin: 0
}

.accred .cert_sec .large_card .lc_sub {
display: flex;
flex-direction: column;
gap: 4px
}

.accred .cert_sec .large_card .lc_sub .card_h {
font-size: 24px
}

.accred .cert_sec .large_card .card_p {
font-size: 16px
}

.accred .cert_sec .cards_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px
}

@media (max-width: 1024px) {
.accred .cert_sec .split_row {
grid-template-columns: 1fr
}

.accred .cert_sec .sec_h2 {
font-size: 44px
}
}

@media (max-width: 768px) {
.accred .pg_top {
padding: 60px 20px 40px
}

.accred .pg_top .pg_h1 {
font-size: 44px
}

.accred .pg_top .img_frame {
display: none
}

.accred .cert_sec .cards_grid {
grid-template-columns: 1fr
}

.accred .cert_sec .sec_h2 {
font-size: 44px
}

.accred .cert_sec .large_card .lc_num {
font-size: 44px
}
}

@media (max-width: 640px) {
.accred .pg_top .pg_h1 {
font-size: 44px
}

.accred .cert_sec {
padding: 60px 20px
}

.accred .cert_sec .circ_row {
gap: 8px
}

.accred .cert_sec .circ_ring {
width: 52px;
height: 52px
}
}

.success_page {
min-height: 80vh;
background: #0d0d14;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 20px
}

.success_page .inner_wrap {
max-width: 1100px;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px
}

.success_page .icon_ring {
width: 88px;
height: 88px;
border-radius: 44px;
border: 2px solid #22AAA2;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 1px 5px 22px -1px #22aaa217;
flex-shrink: 0
}

.success_page .icon_ring svg {
display: block
}

.success_page .msg_block {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
text-align: center;
max-width: 560px
}

.success_page .msg_block .tag_label {
display: inline-block;
border: 1px solid #22AAA2;
border-radius: 6px;
padding: 4px 12px;
font-size: 16px;
line-height: 1.75;
letter-spacing: .02em;
color: #22AAA2
}

.success_page .msg_block .main_heading {
font-size: 44px;
line-height: 1.1;
letter-spacing: .01em;
color: transparent;
-webkit-text-stroke: 1.5px #FEE39D;
text-stroke: 1.5px #FEE39D;
margin: 0
}

.success_page .msg_block .sub_text {
font-size: 16px;
line-height: 1.75;
letter-spacing: .01em;
color: #c8c8d8;
margin: 0;
text-align: justify
}

.success_page .divider_line {
width: 60px;
height: 2px;
background: linear-gradient(287deg, #271687, #FEE39D);
border-radius: 6px
}

.success_page .action_row {
display: flex;
flex-direction: row;
gap: 20px;
flex-wrap: wrap;
justify-content: center
}

.success_page .btn_primary {
position: relative;
overflow: hidden;
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 12px 40px;
border-radius: 10px;
border: none;
background: #22AAA2;
color: #0d0d14;
font-size: 16px;
line-height: 1.75;
letter-spacing: .02em;
cursor: pointer;
text-decoration: none;
font-weight: 600;
box-shadow: 1px 5px 22px -1px #22aaa217;
transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.success_page .btn_primary::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #271687;
transition: left .22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
z-index: 0
}

.success_page .btn_primary:hover::before {
left: 0
}

.success_page .btn_primary:hover {
color: #FEE39D
}

.success_page .btn_primary:active {
box-shadow: inset 1px 1px 5px -1px #22aaa20d
}

.success_page .btn_primary:focus-visible {
outline: 2px solid #FEE39D;
outline-offset: 3px
}

.success_page .btn_primary .btn_icon,
.success_page .btn_primary .btn_label {
position: relative;
z-index: 1
}

.success_page .btn_secondary {
position: relative;
overflow: hidden;
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 12px 40px;
border-radius: 10px;
border: 1px solid #271687;
background: transparent;
color: #c8c8d8;
font-size: 16px;
line-height: 1.75;
letter-spacing: .02em;
cursor: pointer;
text-decoration: none;
transition: color .2s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.success_page .btn_secondary::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #271687;
transition: left .25s cubic-bezier(0.68, -0.55, 0.27, 1.55);
z-index: 0
}

.success_page .btn_secondary:hover::before {
left: 0
}

.success_page .btn_secondary:hover {
color: #FEE39D;
border-color: #271687
}

.success_page .btn_secondary:active {
box-shadow: inset 1px 1px 5px -1px #2716870d
}

.success_page .btn_secondary:focus-visible {
outline: 2px solid #22AAA2;
outline-offset: 3px
}

.success_page .btn_secondary .btn_icon,
.success_page .btn_secondary .btn_label {
position: relative;
z-index: 1
}

.success_page .info_strip {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 12px 20px;
border-radius: 28px;
background: #13131f;
border: 1px solid #1e1e30;
box-shadow: 1px 1px 5px -1px #2716870d
}

.success_page .info_strip .strip_dot {
width: 8px;
height: 8px;
border-radius: 44px;
background: #22AAA2;
flex-shrink: 0
}

.success_page .info_strip .strip_text {
font-size: 16px;
line-height: 1.75;
letter-spacing: .01em;
color: #8888a8;
margin: 0
}

@media (max-width: 640px) {
.success_page {
padding: 80px 20px
}

.success_page .msg_block .main_heading {
font-size: 24px
}

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

.success_page .btn_primary,
.success_page .btn_secondary {
justify-content: center
}
}