* {
box-sizing: border-box;
}

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

.hplate {
background: linear-gradient(135deg, #0d1a14 0%, #0f1e1a 60%, #101c1f 100%);
border-bottom: 2px solid #1EB477;
position: relative;
overflow: hidden;
}

.hplate::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, rgba(30, 180, 119, 0.06) 0%, rgba(175, 204, 219, 0.04) 50%, rgba(230, 241, 236, 0.03) 100%);
pointer-events: none;
}

.hdeck {
max-width: 1024px;
margin: 0 auto;
padding: 24px 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
position: relative;
z-index: 1;
}

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

.logopod {
display: flex;
align-items: center;
justify-content: center;
width: 140px;
height: 64px;
border: 1px solid rgba(175, 204, 219, 0.3);
border-radius: 7px;
background: rgba(230, 241, 236, 0.06);
box-shadow: 0 1px 2px 0 rgba(30, 180, 119, 0.05), 0 7px 28px 0 rgba(30, 180, 119, 0.08);
padding: 6px 12px;
}

.logopod img {
width: 100%;
height: 52px;
object-fit: contain;
display: block;
}

.mnav {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
justify-content: center;
}

.mnav a {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.5;
color: #AFCCDB;
text-decoration: none;
padding: 12px 24px;
border-radius: 7px;
border: 1.5px solid transparent;
transition: color 0.15s ease-out, border-color 0.15s ease-out, background 0.18s ease;
white-space: nowrap;
min-height: 44px;
display: flex;
align-items: center;
}

.mnav a:hover,
.mnav a:focus {
color: #1EB477;
border-color: rgba(30, 180, 119, 0.4);
background: rgba(30, 180, 119, 0.07);
outline: none;
}

.mnav a:focus-visible {
outline: 3px solid #1EB477;
outline-offset: 2px;
}

.mnav a.active {
color: #1EB477;
border-color: #1EB477;
}

.statusbadge {
display: flex;
align-items: center;
gap: 6px;
flex-shrink: 0;
padding: 6px 12px;
border-radius: 32px;
border: 1.5px solid rgba(30, 180, 119, 0.5);
background: rgba(30, 180, 119, 0.08);
}

.statusdot {
width: 8px;
height: 8px;
border-radius: 48px;
background: #1EB477;
box-shadow: 0 0 0 2px rgba(30, 180, 119, 0.25);
flex-shrink: 0;
}

.statuslabel {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.5;
color: #1EB477;
white-space: nowrap;
}

@media (max-width: 1024px) {
.hdeck {
flex-wrap: wrap;
padding: 24px 12px;
}

.mnav {
order: 3;
width: 100%;
justify-content: center;
gap: 6px;
}

.statusbadge {
order: 2;
}
}

@media (max-width: 640px) {
.hdeck {
gap: 12px;
}

.logopod {
width: 110px;
height: 56px;
}

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

.ftrplate {
background: linear-gradient(180deg, #080f0c 0%, #060d0a 100%);
border-top: 2px solid rgba(30, 180, 119, 0.5);
}

.ftrdeck {
max-width: 1024px;
margin: 0 auto;
padding: 48px 24px 24px;
}

.ftrgrid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 48px;
margin-bottom: 48px;
}

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

.ftrlogopod {
display: flex;
align-items: center;
justify-content: center;
width: 120px;
height: 56px;
border: 1px solid rgba(175, 204, 219, 0.25);
border-radius: 7px;
background: rgba(230, 241, 236, 0.04);
box-shadow: 0 1px 2px 0 rgba(30, 180, 119, 0.05);
padding: 6px 12px;
}

.ftrlogopod img {
width: 100%;
height: 44px;
object-fit: contain;
display: block;
}

.ftraddr {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.8;
color: rgba(175, 204, 219, 0.7);
}

.ftraddr a {
color: rgba(175, 204, 219, 0.7);
text-decoration: none;
transition: color 0.15s ease-out;
}

.ftraddr a:hover,
.ftraddr a:focus {
color: #1EB477;
}

.ftraddr a:focus-visible {
outline: 3px solid #1EB477;
outline-offset: 2px;
}

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

.ftrnavhead {
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
color: #E6F1EC;
text-transform: uppercase;
letter-spacing: 0.05em;
padding-bottom: 12px;
border-bottom: 1px solid rgba(30, 180, 119, 0.25);
}

.ftrnav a {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.5;
color: rgba(175, 204, 219, 0.65);
text-decoration: none;
padding: 6px 0;
transition: color 0.12s ease-out, padding-left 0.12s ease-out;
display: block;
}

.ftrnav a:hover,
.ftrnav a:focus {
color: #1EB477;
padding-left: 6px;
}

.ftrnav a:focus-visible {
outline: 3px solid #1EB477;
outline-offset: 2px;
}

.ftrbar {
border-top: 1px solid rgba(175, 204, 219, 0.12);
padding-top: 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}

.ftrcopy {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.5;
color: rgba(175, 204, 219, 0.45);
}

.ftrtagline {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.5;
color: rgba(30, 180, 119, 0.6);
font-style: italic;
}

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

.ftrcol:first-child {
grid-column: 1 / -1;
}
}

@media (max-width: 640px) {
.ftrdeck {
padding: 48px 12px 24px;
}

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

.ftrcol:first-child {
grid-column: auto;
}

.ftrbar {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
}

.ckpop {
display: none;
position: fixed;
top: 24px;
left: 24px;
z-index: 1000;
max-width: 420px;
width: calc(100vw - 48px);
background: #0d1a14;
border: 1.5px solid rgba(30, 180, 119, 0.5);
border-radius: 7px;
box-shadow: 0 9px 48px 0 rgba(30, 180, 119, 0.14);
padding: 24px;
font-family: 'Roboto', sans-serif;
}

.ckdesc {
font-size: 16px;
line-height: 1.8;
color: rgba(175, 204, 219, 0.8);
margin-bottom: 12px;
}

.ckhead {
font-size: 16px;
font-weight: 700;
color: #E6F1EC;
margin-bottom: 6px;
}

.cktoggles {
display: none;
flex-direction: column;
gap: 12px;
margin-bottom: 24px;
padding: 12px;
border-radius: 7px;
background: rgba(30, 180, 119, 0.05);
border: 1px solid rgba(30, 180, 119, 0.15);
}

.cktoggles.open {
display: flex;
}

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

.cktlabel {
font-size: 16px;
line-height: 1.5;
color: rgba(175, 204, 219, 0.75);
}

.cktswitch {
width: 40px;
height: 22px;
border-radius: 32px;
border: 1.5px solid rgba(175, 204, 219, 0.3);
background: rgba(175, 204, 219, 0.08);
position: relative;
cursor: pointer;
flex-shrink: 0;
transition: background 0.15s ease-out, border-color 0.15s ease-out;
}

.cktswitch::after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 14px;
height: 14px;
border-radius: 48px;
background: rgba(175, 204, 219, 0.4);
transition: left 0.15s ease-out, background 0.15s ease-out;
}

.cktswitch.on {
background: rgba(30, 180, 119, 0.2);
border-color: #1EB477;
}

.cktswitch.on::after {
left: 20px;
background: #1EB477;
}

.ckbtns {
display: flex;
gap: 12px;
margin-top: 12px;
}

.ckbtn {
flex: 1;
padding: 12px 12px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 700;
border-radius: 7px;
border: 2px solid #1EB477;
background: transparent;
color: #1EB477;
cursor: pointer;
min-height: 44px;
transition: background 0.15s ease-out, color 0.15s ease-out;
overflow: hidden;
position: relative;
}

.ckbtn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #1EB477;
transition: left 0.18s ease-out;
z-index: 0;
}

.ckbtn:hover::before,
.ckbtn:focus::before {
left: 0;
}

.ckbtn:hover,
.ckbtn:focus {
color: #080f0c;
}

.ckbtn span {
position: relative;
z-index: 1;
}

.ckbtn:focus-visible {
outline: 3px solid #1EB477;
outline-offset: 2px;
}

.cksettingslink {
display: block;
text-align: center;
margin-top: 12px;
font-size: 16px;
line-height: 1.5;
color: rgba(175, 204, 219, 0.5);
text-decoration: underline;
cursor: pointer;
background: none;
border: none;
font-family: 'Roboto', sans-serif;
width: 100%;
transition: color 0.12s ease-out;
}

.cksettingslink:hover,
.cksettingslink:focus {
color: #1EB477;
}

.cksettingslink:focus-visible {
outline: 3px solid #1EB477;
outline-offset: 2px;
}

.policy-text {
max-width: 1024px;
margin: 0 auto;
padding: 48px 24px;
color: #d4e8f0;
background: #0d1117;
line-height: 1.8;
font-size: 16px;
}

.policy-text h1 {
font-size: 52px;
line-height: 1.1;
color: #e8f5f0;
margin-bottom: 24px;
margin-top: 0;
}

.policy-text h2 {
font-size: 27px;
line-height: 1.5;
color: #c8e8d8;
margin-top: 48px;
margin-bottom: 24px;
padding-bottom: 12px;
border-bottom: 2px solid #1EB477;
}

.policy-text h3 {
font-size: 27px;
line-height: 1.5;
color: #AFCCDB;
margin-top: 48px;
margin-bottom: 12px;
}

.policy-text h4 {
font-size: 16px;
line-height: 1.5;
color: #AFCCDB;
margin-top: 24px;
margin-bottom: 12px;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.policy-text h5 {
font-size: 16px;
line-height: 1.5;
color: #9ab8c8;
margin-top: 24px;
margin-bottom: 12px;
}

.policy-text h6 {
font-size: 16px;
line-height: 1.5;
color: #7a9aaa;
margin-top: 24px;
margin-bottom: 12px;
}

.policy-text ul {
margin: 24px 0;
padding-left: 24px;
list-style: none;
}

.policy-text ol {
margin: 24px 0;
padding-left: 24px;
list-style: none;
counter-reset: policy-counter;
}

.policy-text ul li {
position: relative;
padding-left: 24px;
margin-bottom: 12px;
line-height: 1.8;
}

.policy-text ul li::before {
content: '';
position: absolute;
left: 0;
top: 11px;
width: 7px;
height: 7px;
border-radius: 48px;
background: #1EB477;
}

.policy-text ol li {
position: relative;
padding-left: 24px;
margin-bottom: 12px;
line-height: 1.8;
counter-increment: policy-counter;
}

.policy-text ol li::before {
content: counter(policy-counter) ".";
position: absolute;
left: 0;
color: #1EB477;
font-size: 16px;
font-weight: 700;
}

.policy-text ul ul,
.policy-text ol ol,
.policy-text ul ol,
.policy-text ol ul {
margin: 12px 0;
}

.policy-text strong,
.policy-text b {
color: #e8f5f0;
font-weight: 700;
}

.policy-text em,
.policy-text i {
color: #AFCCDB;
font-style: italic;
}

.policy-text table {
width: 100%;
border-collapse: collapse;
margin: 48px 0;
font-size: 16px;
border-radius: 7px;
overflow: hidden;
box-shadow: 0 7px 28px 0 rgba(30, 180, 119, 0.08);
}

.policy-text thead {
background: #1EB477;
}

.policy-text thead th {
color: #0d1117;
font-weight: 700;
font-size: 16px;
line-height: 1.5;
padding: 12px 24px;
text-align: left;
}

.policy-text tbody tr {
border-bottom: 1px solid rgba(175, 204, 219, 0.12);
transition: background 0.15s ease-out;
}

.policy-text tbody tr:hover {
background: rgba(30, 180, 119, 0.06);
}

.policy-text tbody tr:last-child {
border-bottom: none;
}

.policy-text td {
padding: 12px 24px;
color: #c0d8e4;
line-height: 1.8;
vertical-align: top;
}

.policy-text th {
padding: 12px 24px;
vertical-align: top;
}

.policy-text hr {
border: none;
height: 1px;
background: rgba(175, 204, 219, 0.18);
margin: 48px 0;
}

.policy-text div {
margin-bottom: 24px;
}

@media (max-width: 640px) {
.policy-text {
padding: 24px 12px;
}

.policy-text h1 {
font-size: 27px;
line-height: 1.5;
}

.policy-text h2 {
font-size: 27px;
margin-top: 24px;
}

.policy-text h3 {
font-size: 16px;
margin-top: 24px;
}

.policy-text table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

.policy-text thead th,
.policy-text td {
padding: 12px;
min-width: 120px;
}
}

@media (min-width: 641px) and (max-width: 1024px) {
.policy-text {
padding: 48px 24px;
}

.policy-text h1 {
font-size: 52px;
}
}

.wbdet {
background: #0d0f14;
color: #d4dde8;
overflow-x: clip;
}

.wbdet .narrow {
max-width: 1024px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}

.wbdet .titlesec {
padding-top: 48px;
padding-bottom: 48px;
position: relative;
}

.wbdet .titlesec .tgrid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}

.wbdet .titlemeta {
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
margin-bottom: 24px;
}

.wbdet .metabadge {
font-size: 16px;
color: #1EB477;
border: 2px solid #1EB477;
border-radius: 7px;
padding: 6px 12px;
line-height: 1.1;
font-weight: 700;
letter-spacing: 0.04em;
}

.wbdet .metadate {
font-size: 16px;
color: #AFCCDB;
line-height: 1.1;
}

.wbdet .maintitle {
font-size: 52px;
font-weight: 900;
line-height: 1.1;
color: #e8f2f8;
margin-bottom: 24px;
}

.wbdet .maintitle em {
font-style: normal;
text-decoration: underline;
text-decoration-color: #1EB477;
text-underline-offset: 6px;
color: #1EB477;
}

.wbdet .titledesc {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
margin-bottom: 24px;
}

.wbdet .pricebox {
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
margin-bottom: 24px;
}

.wbdet .pricelabel {
font-size: 16px;
color: #AFCCDB;
line-height: 1.1;
}

.wbdet .priceamt {
font-size: 52px;
font-weight: 900;
color: #1EB477;
line-height: 1.1;
}

.wbdet .enrollbtn {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #0d0f14;
background: #1EB477;
border: 3px solid #1EB477;
border-radius: 7px;
padding: 12px 48px;
cursor: pointer;
text-decoration: none;
position: relative;
overflow: hidden;
transition: color 0.15s ease-out, border-color 0.15s ease-out;
line-height: 1.5;
}

.wbdet .enrollbtn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #0d0f14;
transition: left 0.18s ease-out;
z-index: 0;
}

.wbdet .enrollbtn:hover::before {
left: 0;
}

.wbdet .enrollbtn:hover {
color: #1EB477;
border-color: #1EB477;
}

.wbdet .enrollbtn span {
position: relative;
z-index: 1;
}

.wbdet .imgside {
position: relative;
border-radius: 32px;
overflow: hidden;
box-shadow: 0 9px 48px 0 rgba(30, 180, 119, 0.14);
}

.wbdet .imgside img {
width: 100%;
display: block;
object-fit: cover;
aspect-ratio: 4/3;
border-radius: 32px;
filter: saturate(0.7) brightness(0.85);
transition: filter 0.2s ease-out;
}

.wbdet .imgside:hover img {
filter: saturate(1) brightness(0.95);
}

.wbdet .imgoverlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 40%, rgba(30, 180, 119, 0.28) 100%);
border-radius: 32px;
pointer-events: none;
}

.wbdet .divline {
max-width: 1024px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}

.wbdet .divline::before {
content: '';
display: block;
height: 1px;
background: #1EB477;
flex: 3;
opacity: 0.4;
}

.wbdet .divline::after {
content: '';
display: block;
height: 1px;
background: #AFCCDB;
flex: 1;
opacity: 0.2;
}

.wbdet .progsec {
padding-top: 48px;
padding-bottom: 48px;
background: linear-gradient(180deg, #0d0f14 0%, #111820 100%);
}

.wbdet .proghead {
font-size: 27px;
font-weight: 900;
color: #e8f2f8;
line-height: 1.1;
margin-bottom: 24px;
text-align: center;
}

.wbdet .progbody {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
}

.wbdet .progbody h2 {
font-size: 27px;
font-weight: 800;
color: #e8f2f8;
line-height: 1.1;
margin-top: 24px;
margin-bottom: 12px;
}

.wbdet .progbody h3 {
font-size: 16px;
font-weight: 700;
color: #1EB477;
line-height: 1.5;
margin-top: 12px;
margin-bottom: 6px;
}

.wbdet .progbody p {
margin-bottom: 12px;
}

.wbdet .progbody ul,
.wbdet .progbody ol {
padding-left: 24px;
margin-bottom: 12px;
}

.wbdet .progbody li {
margin-bottom: 6px;
line-height: 1.8;
}

.wbdet .progbody strong {
color: #e8f2f8;
font-weight: 700;
}

.wbdet .progbody em {
color: #1EB477;
font-style: italic;
}

.wbdet .statussec {
padding-top: 48px;
padding-bottom: 48px;
background: #111820;
}

.wbdet .statusgrid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 48px;
align-items: center;
}

.wbdet .statusleft h4 {
font-size: 27px;
font-weight: 900;
color: #e8f2f8;
line-height: 1.1;
margin-bottom: 12px;
}

.wbdet .statusleft p {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
}

.wbdet .riskbar {
display: flex;
flex-direction: column;
gap: 12px;
}

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

.wbdet .risklbl {
font-size: 16px;
color: #AFCCDB;
line-height: 1.1;
min-width: 140px;
}

.wbdet .risktrack {
flex: 1;
height: 10px;
background: rgba(175, 204, 219, 0.12);
border-radius: 7px;
overflow: hidden;
box-shadow: inset 0 4px 8px 0 rgba(30, 180, 119, 0.08);
}

.wbdet .riskfill {
height: 100%;
border-radius: 7px;
transition: width 0.2s ease-out;
}

.wbdet .riskfill.low {
background: #1EB477;
width: 30%;
}

.wbdet .riskfill.med {
background: #AFCCDB;
width: 60%;
}

.wbdet .riskfill.high {
background: #e06b5a;
width: 88%;
}

.wbdet .riskfill.crit {
background: #c0392b;
width: 96%;
}

.wbdet .riskval {
font-size: 16px;
font-weight: 700;
color: #e8f2f8;
line-height: 1.1;
min-width: 36px;
text-align: right;
}

.wbdet .descsec {
padding-top: 48px;
padding-bottom: 48px;
background: linear-gradient(0deg, #111820 0%, #0d0f14 100%);
}

.wbdet .descinner {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}

.wbdet .deschead {
font-size: 27px;
font-weight: 900;
color: #e8f2f8;
line-height: 1.1;
margin-bottom: 24px;
text-align: center;
}

.wbdet .descbody {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
}

.wbdet .descbody h2 {
font-size: 27px;
font-weight: 800;
color: #e8f2f8;
line-height: 1.1;
margin-top: 24px;
margin-bottom: 12px;
}

.wbdet .descbody h3 {
font-size: 16px;
font-weight: 700;
color: #1EB477;
line-height: 1.5;
margin-top: 12px;
margin-bottom: 6px;
}

.wbdet .descbody p {
margin-bottom: 12px;
}

.wbdet .descbody ul,
.wbdet .descbody ol {
padding-left: 24px;
margin-bottom: 12px;
}

.wbdet .descbody li {
margin-bottom: 6px;
line-height: 1.8;
}

.wbdet .descbody blockquote {
border-left: 4px solid #1EB477;
border-top: 1px solid rgba(175, 204, 219, 0.15);
border-bottom: 1px solid rgba(175, 204, 219, 0.15);
padding: 12px 24px;
margin: 24px 0;
color: #e8f2f8;
font-style: italic;
border-radius: 7px;
background: rgba(30, 180, 119, 0.06);
box-shadow: inset 0 6px 10px 0 rgba(30, 180, 119, 0.05);
}

.wbdet .descbody cite {
display: block;
font-size: 16px;
color: #1EB477;
font-style: normal;
margin-top: 6px;
}

.wbdet .descbody dl {
margin-bottom: 12px;
}

.wbdet .descbody dt {
font-weight: 700;
color: #e8f2f8;
margin-top: 12px;
}

.wbdet .descbody dd {
padding-left: 24px;
color: #AFCCDB;
}

.wbdet .descbody figure {
margin: 24px 0;
}

.wbdet .descbody figcaption {
font-size: 16px;
color: #AFCCDB;
text-align: center;
margin-top: 6px;
}

.wbdet .ctastrip {
background: #1EB477;
border-radius: 32px;
padding: 48px;
margin-top: 48px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 24px;
box-shadow: 0 7px 28px 0 rgba(30, 180, 119, 0.08);
}

.wbdet .ctastrip h5 {
font-size: 27px;
font-weight: 900;
color: #0d0f14;
line-height: 1.1;
margin-bottom: 6px;
}

.wbdet .ctastrip p {
font-size: 16px;
color: #0d1a12;
line-height: 1.5;
}

.wbdet .ctabtn {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #1EB477;
background: #0d0f14;
border: 3px solid #0d0f14;
border-radius: 7px;
padding: 12px 48px;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
position: relative;
overflow: hidden;
transition: color 0.15s ease-out, border-color 0.15s ease-out;
line-height: 1.5;
}

.wbdet .ctabtn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #e8f2f8;
transition: left 0.18s ease-out;
z-index: 0;
}

.wbdet .ctabtn:hover::before {
left: 0;
}

.wbdet .ctabtn:hover {
color: #0d0f14;
border-color: #e8f2f8;
}

.wbdet .ctabtn span {
position: relative;
z-index: 1;
}

@media (max-width: 1024px) {
.wbdet .tgrid {
grid-template-columns: 1fr;
gap: 24px;
}

.wbdet .statusgrid {
grid-template-columns: 1fr;
gap: 24px;
}

.wbdet .ctastrip {
flex-direction: column;
align-items: flex-start;
padding: 24px;
}

.wbdet .maintitle {
font-size: 52px;
}
}

@media (max-width: 640px) {
.wbdet .maintitle {
font-size: 27px;
}

.wbdet .priceamt {
font-size: 27px;
}

.wbdet .risklbl {
min-width: 90px;
font-size: 16px;
}

.wbdet .ctastrip {
padding: 24px;
}

.wbdet .enrollbtn,
.wbdet .ctabtn {
padding: 12px 24px;
}
}

.wbn {
background: #0d0f14;
color: #d4dde8;
overflow-x: hidden;
}

.wbn .titleblock {
max-width: 1024px;
margin: 0 auto;
padding: 72px 24px 48px;
text-align: center;
position: relative;
}

.wbn .titleblock .bgnum {
position: absolute;
top: 24px;
left: 50%;
transform: translateX(-50%);
font-size: 200px;
font-weight: 900;
color: #1EB477;
opacity: 0.04;
line-height: 1.1;
pointer-events: none;
user-select: none;
white-space: nowrap;
z-index: 0;
}

.wbn .titleblock .tbcontent {
position: relative;
z-index: 1;
}

.wbn .titleblock h1 {
font-size: 52px;
line-height: 1.1;
font-weight: 900;
color: #e8f4ee;
margin: 0 0 24px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}

.wbn .titleblock h1 em {
font-style: italic;
color: #1EB477;
}

.wbn .titleblock .tbdesc {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
max-width: 540px;
margin: 0 auto 48px;
}

.wbn .titleblock .tbimg {
width: 100%;
max-width: 820px;
margin: 0 auto;
border-radius: 32px;
overflow: hidden;
box-shadow: 0 9px 48px 0 rgba(30, 180, 119, 0.14);
border: 1.5px dashed rgba(175, 204, 219, 0.18);
}

.wbn .titleblock .tbimg img {
width: 100%;
height: 340px;
object-fit: cover;
display: block;
border-radius: 32px;
}

.wbn .cardgrid {
max-width: 1024px;
margin: 0 auto;
padding: 48px 24px;
}

.wbn .cardgrid h2 {
font-size: 27px;
line-height: 1.1;
font-weight: 900;
color: #e8f4ee;
margin: 0 0 48px;
}

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

.wbn .wcard {
background: #141820;
border-radius: 32px;
border: 1.5px solid rgba(175, 204, 219, 0.10);
overflow: hidden;
box-shadow: 0 7px 28px 0 rgba(30, 180, 119, 0.08);
display: flex;
flex-direction: column;
transition: box-shadow 0.15s ease-out, border-color 0.15s ease-out, transform 0.18s ease-out;
animation: scaleIn 0.2s ease-out both;
}

.wbn .wcard:nth-child(1) {
animation-delay: 0s;
}

.wbn .wcard:nth-child(2) {
animation-delay: 0.06s;
}

.wbn .wcard:nth-child(3) {
animation-delay: 0.12s;
}

.wbn .wcard:nth-child(4) {
animation-delay: 0.18s;
}

.wbn .wcard:nth-child(5) {
animation-delay: 0.24s;
}

@keyframes scaleIn {
from {
opacity: 0;
transform: scale(0.93);
}

to {
opacity: 1;
transform: scale(1);
}
}

.wbn .wcard:hover {
box-shadow: 0 9px 48px 0 rgba(30, 180, 119, 0.14);
border-color: rgba(30, 180, 119, 0.35);
transform: translateY(-4px);
}

.wbn .wcard .cimgbox {
width: 100%;
height: 180px;
overflow: hidden;
position: relative;
}

.wbn .wcard .cimgbox img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.2s ease-out;
}

.wbn .wcard:hover .cimgbox img {
transform: scale(1.04);
}

.wbn .wcard .cbody {
padding: 24px;
display: flex;
flex-direction: column;
flex: 1;
gap: 12px;
}

.wbn .wcard .cdate {
font-size: 16px;
color: #AFCCDB;
opacity: 0.6;
}

.wbn .wcard h4 {
font-size: 16px;
font-weight: 900;
line-height: 1.5;
color: #e8f4ee;
margin: 0;
}

.wbn .wcard .cdesc {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
flex: 1;
margin: 0;
}

.wbn .wcard .cfooter {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: 6px;
}

.wbn .wcard .cprice {
font-size: 27px;
font-weight: 900;
color: #1EB477;
line-height: 1.1;
}

.wbn .wcard .clink {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #1EB477;
border: 2px solid #1EB477;
border-radius: 7px;
padding: 6px 24px;
text-decoration: none;
position: relative;
overflow: hidden;
transition: color 0.15s ease-out;
z-index: 0;
}

.wbn .wcard .clink::before {
content: '';
position: absolute;
inset: 0;
background: #1EB477;
transform: translateX(-100%);
transition: transform 0.18s ease-out;
z-index: -1;
}

.wbn .wcard .clink:hover {
color: #0d0f14;
}

.wbn .wcard .clink:hover::before {
transform: translateX(0);
}

.wbn .infosplit {
background: #0f1318;
border-top: 1px solid rgba(175, 204, 219, 0.08);
border-bottom: 1px solid rgba(175, 204, 219, 0.08);
}

.wbn .infosplit .inner {
max-width: 1024px;
margin: 0 auto;
padding: 48px 24px;
display: flex;
flex-direction: row;
gap: 48px;
align-items: flex-start;
}

.wbn .infosplit .ileft {
flex: 0 0 340px;
}

.wbn .infosplit .ileft h2 {
font-size: 27px;
font-weight: 900;
line-height: 1.1;
color: #e8f4ee;
margin: 0 0 24px;
}

.wbn .infosplit .ileft p {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
margin: 0 0 24px;
}

.wbn .infosplit .iright {
flex: 1;
display: flex;
flex-direction: column;
gap: 24px;
}

.wbn .infosplit .iright img {
width: 100%;
height: 260px;
object-fit: cover;
border-radius: 32px;
box-shadow: 0 9px 48px 0 rgba(30, 180, 119, 0.14);
display: block;
}

.wbn .statrow {
display: flex;
flex-direction: row;
gap: 12px;
}

.wbn .statbox {
flex: 1;
background: #141820;
border-radius: 7px;
border: 1.5px solid rgba(175, 204, 219, 0.10);
padding: 24px;
text-align: center;
box-shadow: 0 1px 2px 0 rgba(30, 180, 119, 0.05);
}

.wbn .statbox .snum {
font-size: 27px;
font-weight: 900;
color: #1EB477;
line-height: 1.1;
display: block;
}

.wbn .statbox .slabel {
font-size: 16px;
color: #AFCCDB;
line-height: 1.5;
display: block;
margin-top: 6px;
}

.wbn .pricingtable {
max-width: 1024px;
margin: 0 auto;
padding: 48px 24px;
}

.wbn .pricingtable h2 {
font-size: 27px;
font-weight: 900;
line-height: 1.1;
color: #e8f4ee;
margin: 0 0 12px;
}

.wbn .pricingtable .ptdesc {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
margin: 0 0 48px;
max-width: 540px;
}

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

.wbn .ptcol {
background: #141820;
border-radius: 32px;
border: 1.5px solid rgba(175, 204, 219, 0.10);
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
box-shadow: 0 7px 28px 0 rgba(30, 180, 119, 0.08);
}

.wbn .ptcol.featured {
border-color: #1EB477;
background: linear-gradient(155deg, #0f2a1e 0%, #141820 100%);
box-shadow: 0 9px 48px 0 rgba(30, 180, 119, 0.14);
}

.wbn .ptcol .plabel {
font-size: 16px;
font-weight: 700;
color: #AFCCDB;
text-transform: uppercase;
letter-spacing: 0.04em;
}

.wbn .ptcol .pprice {
font-size: 52px;
font-weight: 900;
color: #1EB477;
line-height: 1.1;
}

.wbn .ptcol .pcurrency {
font-size: 27px;
}

.wbn .ptcol .pdesc {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
margin: 0;
}

.wbn .ptrow {
border-top: 1px solid rgba(175, 204, 219, 0.08);
padding-top: 12px;
font-size: 16px;
line-height: 1.5;
color: #d4dde8;
}

.wbn .ptrow .ptcheck {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 7px;
background: #1EB477;
margin-right: 6px;
vertical-align: middle;
position: relative;
top: -1px;
}

.wbn .ptrow .ptx {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 7px;
background: rgba(175, 204, 219, 0.15);
margin-right: 6px;
vertical-align: middle;
position: relative;
top: -1px;
}

.wbn .ctastrip {
background: linear-gradient(155deg, #0f2a1e 0%, #0d0f14 100%);
border-top: 1px solid rgba(30, 180, 119, 0.18);
}

.wbn .ctastrip .inner {
max-width: 1024px;
margin: 0 auto;
padding: 48px 24px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 48px;
}

.wbn .ctastrip h2 {
font-size: 27px;
font-weight: 900;
line-height: 1.1;
color: #e8f4ee;
margin: 0 0 12px;
}

.wbn .ctastrip p {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
margin: 0;
max-width: 480px;
}

.wbn .ctabtn {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #1EB477;
border: 2.5px solid #1EB477;
border-radius: 7px;
padding: 12px 48px;
text-decoration: none;
white-space: nowrap;
position: relative;
overflow: hidden;
transition: color 0.15s ease-out;
z-index: 0;
flex-shrink: 0;
}

.wbn .ctabtn::before {
content: '';
position: absolute;
inset: 0;
background: #1EB477;
transform: translateX(-100%);
transition: transform 0.18s ease-out;
z-index: -1;
}

.wbn .ctabtn:hover {
color: #0d0f14;
}

.wbn .ctabtn:hover::before {
transform: translateX(0);
}

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

.wbn .ptgrid {
grid-template-columns: repeat(2, 1fr);
}

.wbn .infosplit .inner {
flex-direction: column;
}

.wbn .infosplit .ileft {
flex: none;
width: 100%;
}
}

@media (max-width: 640px) {
.wbn .titleblock h1 {
font-size: 27px;
}

.wbn .grid {
grid-template-columns: 1fr;
}

.wbn .ptgrid {
grid-template-columns: 1fr;
}

.wbn .statrow {
flex-direction: column;
}

.wbn .ctastrip .inner {
flex-direction: column;
align-items: flex-start;
}

.wbn .titleblock .bgnum {
font-size: 100px;
}
}

.abtu {
background: #0d0f14;
color: #e8edf2;
overflow-x: clip;
}

.abtu .bento {
max-width: 1024px;
margin: 0 auto;
padding: 48px 24px;
}

.abtu .bentogrid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 24px;
}

.abtu .imgcell {
grid-row: 1 / 3;
border-radius: 32px;
overflow: hidden;
position: relative;
border-left: 3px solid #1EB477;
border-top: 3px solid #1EB477;
}

.abtu .imgcell img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.18s ease-out, brightness 0.18s ease-out;
}

.abtu .imgcell::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 40%, #0d0f14 100%);
pointer-events: none;
}

.abtu .imgcell:hover img {
transform: scale(1.04);
filter: brightness(0.88);
}

.abtu .txthead {
background: #111620;
border-radius: 32px;
padding: 48px;
display: flex;
flex-direction: column;
gap: 12px;
border: 1px solid rgba(30, 180, 119, 0.18);
box-shadow: 0 7px 28px 0 rgba(30, 180, 119, 0.08);
}

.abtu .txthead h1 {
font-size: 52px;
line-height: 1.1;
font-weight: 900;
color: #e8edf2;
margin: 0;
}

.abtu .txthead h1 em {
font-style: italic;
color: #1EB477;
font-weight: 400;
}

.abtu .txthead p {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
margin: 0;
}

.abtu .tagrow {
display: flex;
flex-direction: row;
gap: 12px;
flex-wrap: wrap;
margin-top: 6px;
}

.abtu .tag {
font-size: 16px;
line-height: 1.5;
padding: 6px 24px;
border-radius: 7px;
border: 2px solid #1EB477;
color: #1EB477;
background: transparent;
transition: background 0.15s ease-out, color 0.12s ease-out;
cursor: default;
}

.abtu .tag:hover {
background: #1EB477;
color: #0d0f14;
}

.abtu .metabox {
background: #0d0f14;
border-radius: 7px;
padding: 24px;
border: 1px solid rgba(175, 204, 219, 0.15);
display: flex;
flex-direction: column;
gap: 6px;
justify-content: center;
}

.abtu .metabox .mlabel {
font-size: 16px;
line-height: 1.5;
color: #AFCCDB;
}

.abtu .metabox .mval {
font-size: 27px;
line-height: 1.1;
font-weight: 900;
color: #e8edf2;
}

.abtu .reveal {
opacity: 0;
transform: translateX(60px);
animation: slideright 0.2s ease-out forwards;
}

.abtu .reveal.d1 {
animation-delay: 0.05s;
}

.abtu .reveal.d2 {
animation-delay: 0.12s;
}

.abtu .reveal.d3 {
animation-delay: 0.18s;
}

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

.abtu .metrics {
display: flex;
flex-direction: row;
gap: 0;
margin-top: 24px;
border: 1px solid rgba(30, 180, 119, 0.2);
border-radius: 7px;
overflow: hidden;
}

.abtu .mitem {
flex: 1;
padding: 24px;
text-align: center;
border-right: 1px solid rgba(30, 180, 119, 0.2);
}

.abtu .mitem:last-child {
border-right: none;
}

.abtu .mitem .mn {
font-size: 52px;
line-height: 1.1;
font-weight: 900;
color: #1EB477 !important;
display: block;
}

.abtu .mitem .md {
font-size: 16px;
line-height: 1.5;
color: #AFCCDB;
display: block;
margin-top: 6px;
}

.abtu .aboutsec {
background: #E6F1EC;
padding: 48px 0;
}

.abtu .aboutsec .inner {
max-width: 1024px;
margin: 0 auto;
padding: 0 24px;
}

.abtu .aboutsec .splitrow {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}

.abtu .aboutsec h2 {
font-size: 52px;
line-height: 1.1;
font-weight: 900;
color: #0d0f14;
margin: 0 0 24px 0;
}

.abtu .aboutsec h2 span {
font-style: italic;
font-weight: 400;
color: #1EB477;
}

.abtu .aboutsec p {
font-size: 16px;
line-height: 1.8;
color: #2a3a30;
margin: 0 0 12px 0;
}

.abtu .aboutsec .imgstack {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 12px;
}

.abtu .aboutsec .imgstack .simg {
border-radius: 7px;
overflow: hidden;
}

.abtu .aboutsec .imgstack .simg.big {
grid-column: 1 / 3;
border-radius: 32px;
}

.abtu .aboutsec .imgstack .simg img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.16s ease-out;
}

.abtu .aboutsec .imgstack .simg:hover img {
transform: scale(1.05);
}

.abtu .aboutsec .imgstack .simg.big img {
height: 240px;
}

.abtu .aboutsec .imgstack .simg:not(.big) img {
height: 160px;
}

.abtu .teamrow {
margin-top: 48px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}

.abtu .pcard {
background: #fff;
border-radius: 32px;
overflow: hidden;
box-shadow: 0 1px 2px 0 rgba(30, 180, 119, 0.05);
border: 1px solid rgba(30, 180, 119, 0.12);
transition: box-shadow 0.15s ease-out;
}

.abtu .pcard:hover {
box-shadow: 0 9px 48px 0 rgba(30, 180, 119, 0.14);
}

.abtu .pcard .pimg {
overflow: hidden;
}

.abtu .pcard .pimg img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
transition: transform 0.18s ease-out, filter 0.18s ease-out;
}

.abtu .pcard:hover .pimg img {
transform: scale(1.06);
filter: brightness(0.92);
}

.abtu .pcard .pinfo {
padding: 24px;
}

.abtu .pcard .pname {
font-size: 27px;
line-height: 1.1;
font-weight: 900;
color: #0d0f14;
margin: 0 0 6px 0;
}

.abtu .pcard .prole {
font-size: 16px;
line-height: 1.5;
color: #1EB477;
margin: 0 0 12px 0;
}

.abtu .pcard .pbio {
font-size: 16px;
line-height: 1.8;
color: #3a4a42;
margin: 0;
}

.abtu .weblink {
display: inline-block;
margin-top: 24px;
padding: 12px 24px;
border-radius: 7px;
border: 2px solid #0d0f14;
color: #0d0f14;
font-size: 16px;
line-height: 1.5;
font-weight: 700;
text-decoration: none;
position: relative;
overflow: hidden;
transition: color 0.15s ease-out;
}

.abtu .weblink::before {
content: "";
position: absolute;
inset: 0;
background: #0d0f14;
transform: translateX(-100%);
transition: transform 0.18s ease-out;
z-index: 0;
}

.abtu .weblink:hover::before {
transform: translateX(0);
}

.abtu .weblink:hover {
color: #E6F1EC;
}

.abtu .weblink span {
position: relative;
z-index: 1;
}

@media (max-width: 1024px) {
.abtu .bentogrid {
grid-template-columns: 1fr;
}

.abtu .imgcell {
grid-row: auto;
height: 320px;
}

.abtu .aboutsec .splitrow {
grid-template-columns: 1fr;
gap: 24px;
}

.abtu .teamrow {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 640px) {
.abtu .txthead {
padding: 24px;
}

.abtu .txthead h1 {
font-size: 27px;
}

.abtu .metrics {
flex-direction: column;
}

.abtu .mitem {
border-right: none;
border-bottom: 1px solid rgba(30, 180, 119, 0.2);
}

.abtu .mitem:last-child {
border-bottom: none;
}

.abtu .teamrow {
grid-template-columns: 1fr;
}

.abtu .aboutsec h2 {
font-size: 27px;
}

.abtu .mitem .mn {
font-size: 27px;
}

.abtu .aboutsec .imgstack .simg.big img {
height: 180px;
}
}

.prtl {
background: #0d0f14;
color: #d4dde8;
overflow-x: clip;
}

.prtl .schema-data {
display: none;
}

.prtl .maxw {
max-width: 1024px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}

.prtl .titblk {
position: relative;
padding-top: 48px;
padding-bottom: 48px;
background: #0d0f14;
overflow: hidden;
}

.prtl .titblk .noise {
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
background-size: 256px 256px;
pointer-events: none;
}

.prtl .titblk .vignette {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 70% 50%, transparent 30%, #0d0f14 80%);
pointer-events: none;
}

.prtl .titblk .tgrid {
display: grid;
grid-template-columns: 1fr 1.6fr;
gap: 48px;
align-items: center;
}

.prtl .titblk .ttext {
padding-top: 24px;
padding-bottom: 24px;
}

.prtl .titblk .teyebrow {
font-size: 16px;
line-height: 1.5;
color: #1EB477;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 24px;
display: block;
}

.prtl .titblk .th1 {
font-size: 52px;
line-height: 1.1;
font-weight: 900;
color: #d4dde8;
margin-bottom: 24px;
}

.prtl .titblk .th1 em {
font-style: italic;
color: #1EB477;
}

.prtl .titblk .tdesc {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
max-width: 420px;
margin-bottom: 24px;
}

.prtl .titblk .tbtn {
display: inline-block;
font-size: 16px;
line-height: 1.5;
color: #1EB477;
border: 2px solid #1EB477;
padding: 12px 24px;
border-radius: 7px;
text-decoration: none;
position: relative;
overflow: hidden;
transition: color 0.15s ease-out;
}

.prtl .titblk .tbtn::before {
content: '';
position: absolute;
inset: 0;
background: #1EB477;
transform: translateX(-100%);
transition: transform 0.18s ease-out;
}

.prtl .titblk .tbtn:hover::before {
transform: translateX(0);
}

.prtl .titblk .tbtn:hover {
color: #0d0f14;
}

.prtl .titblk .tbtn span {
position: relative;
}

.prtl .titblk .timg {
position: relative;
border-radius: 32px;
overflow: hidden;
}

.prtl .titblk .timg img {
width: 100%;
height: 480px;
object-fit: cover;
display: block;
border-radius: 32px;
filter: blur(0px);
transition: filter 0.2s ease;
}

.prtl .titblk .timg:hover img {
filter: blur(2px);
}

.prtl .titblk .tcorner {
position: absolute;
width: 32px;
height: 32px;
pointer-events: none;
}

.prtl .titblk .tcorner.tl {
top: 0;
left: 0;
border-top: 2px solid #1EB477;
border-left: 2px solid #1EB477;
border-radius: 7px 0 0 0;
}

.prtl .titblk .tcorner.tr {
top: 0;
right: 0;
border-top: 2px solid #1EB477;
border-right: 2px solid #1EB477;
border-radius: 0 7px 0 0;
}

.prtl .titblk .tcorner.bl {
bottom: 0;
left: 0;
border-bottom: 2px solid #1EB477;
border-left: 2px solid #1EB477;
border-radius: 0 0 0 7px;
}

.prtl .titblk .tcorner.br {
bottom: 0;
right: 0;
border-bottom: 2px solid #1EB477;
border-right: 2px solid #1EB477;
border-radius: 0 0 7px 0;
}

.prtl .team {
padding-top: 48px;
padding-bottom: 48px;
background: #111520;
}

.prtl .team .th2 {
font-size: 27px;
line-height: 1.1;
font-weight: 900;
color: #d4dde8;
margin-bottom: 24px;
max-width: 600px;
}

.prtl .team .tsubhead {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
max-width: 560px;
margin-bottom: 48px;
}

.prtl .team .pgrid {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: 24px;
}

.prtl .team .pcard {
background: #161b26;
border-radius: 32px;
padding: 24px;
border: 1px solid rgba(30, 180, 119, 0.12);
box-shadow: 0 7px 28px 0 rgba(30, 180, 119, 0.08);
opacity: 0;
animation: fadeup 0.2s ease-out forwards;
}

.prtl .team .pcard:nth-child(1) {
animation-delay: 0.05s;
}

.prtl .team .pcard:nth-child(2) {
animation-delay: 0.12s;
}

.prtl .team .pcard:nth-child(3) {
animation-delay: 0.19s;
}

@keyframes fadeup {
from {
opacity: 0;
transform: translateY(16px);
}

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

.prtl .team .pcard .pname {
font-size: 16px;
font-weight: 700;
color: #d4dde8;
margin-bottom: 6px;
}

.prtl .team .pcard .prole {
font-size: 16px;
color: #1EB477;
margin-bottom: 12px;
}

.prtl .team .pcard .pbio {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
}

.prtl .team .pcard.pfeat {
grid-row: span 1;
}

.prtl .team .pimg {
border-radius: 7px;
overflow: hidden;
margin-bottom: 24px;
}

.prtl .team .pimg img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
filter: blur(3px);
transition: filter 0.2s ease-out;
}

.prtl .team .pimg img:hover {
filter: blur(0px);
}

.prtl .diff {
padding-top: 48px;
padding-bottom: 48px;
background: #0d0f14;
position: relative;
}

.prtl .diff .dnoise {
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2)' opacity='0.035'/%3E%3C/svg%3E");
background-size: 200px 200px;
pointer-events: none;
}

.prtl .diff .dgrid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
position: relative;
}

.prtl .diff .dtext .th2 {
font-size: 27px;
line-height: 1.1;
font-weight: 900;
color: #d4dde8;
margin-bottom: 24px;
}

.prtl .diff .dtext .dpar {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
margin-bottom: 24px;
}

.prtl .diff .dpoints {
display: flex;
flex-direction: column;
gap: 24px;
}

.prtl .diff .dpt {
background: #111520;
border-radius: 7px;
padding: 24px;
border-left: 3px solid #1EB477;
border-top: 1px solid rgba(175, 204, 219, 0.1);
border-right: 1px solid rgba(175, 204, 219, 0.1);
border-bottom: 1px solid rgba(175, 204, 219, 0.1);
box-shadow: 0 1px 2px 0 rgba(30, 180, 119, 0.05);
}

.prtl .diff .dpt .dpth {
font-size: 16px;
font-weight: 700;
color: #d4dde8;
margin-bottom: 6px;
}

.prtl .diff .dpt .dptxt {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
}

.prtl .limits {
padding-top: 48px;
padding-bottom: 48px;
background: #111520;
}

.prtl .limits .lhead {
text-align: center;
margin-bottom: 48px;
}

.prtl .limits .lhead .th2 {
font-size: 27px;
line-height: 1.1;
font-weight: 900;
color: #d4dde8;
margin-bottom: 12px;
}

.prtl .limits .lhead .lsub {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
max-width: 520px;
margin-left: auto;
margin-right: auto;
}

.prtl .limits .lmatrix {
width: 100%;
border-collapse: collapse;
border-radius: 7px;
overflow: hidden;
}

.prtl .limits .lmatrix thead tr {
background: #1a2030;
}

.prtl .limits .lmatrix thead th {
font-size: 16px;
font-weight: 700;
color: #1EB477;
padding: 12px 24px;
text-align: left;
border-bottom: 2px solid rgba(30, 180, 119, 0.25);
}

.prtl .limits .lmatrix tbody tr {
border-bottom: 1px solid rgba(175, 204, 219, 0.08);
transition: background 0.15s ease-out;
}

.prtl .limits .lmatrix tbody tr:hover {
background: rgba(30, 180, 119, 0.06);
}

.prtl .limits .lmatrix tbody td {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
padding: 12px 24px;
vertical-align: top;
}

.prtl .limits .lmatrix tbody td:first-child {
color: #d4dde8;
font-weight: 600;
}

.prtl .limits .ind {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 48px;
}

.prtl .limits .ind.yes {
background: rgba(30, 180, 119, 0.18);
}

.prtl .limits .ind.no {
background: rgba(175, 204, 219, 0.1);
}

.prtl .limits .ind svg {
display: block;
}

.prtl .appr {
padding-top: 48px;
padding-bottom: 48px;
background: #0d0f14;
}

.prtl .appr .agrid {
display: grid;
grid-template-columns: 1fr 1.6fr;
gap: 48px;
align-items: start;
}

.prtl .appr .aimg {
border-radius: 48px;
overflow: hidden;
box-shadow: 0 9px 48px 0 rgba(30, 180, 119, 0.14);
position: sticky;
top: 24px;
}

.prtl .appr .aimg img {
width: 100%;
height: 420px;
object-fit: cover;
display: block;
filter: blur(4px);
transition: filter 0.18s ease-out;
}

.prtl .appr .aimg:hover img {
filter: blur(0px);
}

.prtl .appr .asteps {
display: flex;
flex-direction: column;
gap: 24px;
}

.prtl .appr .asteps .th2 {
font-size: 27px;
line-height: 1.1;
font-weight: 900;
color: #d4dde8;
margin-bottom: 12px;
}

.prtl .appr .asteps .asub {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
margin-bottom: 24px;
}

.prtl .appr .astep {
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start;
opacity: 0;
animation: fadeup 0.2s ease-out forwards;
}

.prtl .appr .astep:nth-child(1) {
animation-delay: 0.06s;
}

.prtl .appr .astep:nth-child(2) {
animation-delay: 0.13s;
}

.prtl .appr .astep:nth-child(3) {
animation-delay: 0.2s;
}

.prtl .appr .astep:nth-child(4) {
animation-delay: 0.27s;
}

.prtl .appr .anum {
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 7px;
background: rgba(30, 180, 119, 0.12);
border: 1px solid rgba(30, 180, 119, 0.3);
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 700;
color: #1EB477;
}

.prtl .appr .atxt .ath {
font-size: 16px;
font-weight: 700;
color: #d4dde8;
margin-bottom: 6px;
}

.prtl .appr .atxt .ap {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
}

.prtl .relat {
padding-top: 48px;
padding-bottom: 48px;
background: linear-gradient(157deg, #111520 0%, #0d1a14 100%);
}

.prtl .relat .rgrid {
display: grid;
grid-template-columns: 1.6fr 1fr 1fr;
gap: 24px;
align-items: start;
}

.prtl .relat .rhead {
grid-column: 1 / -1;
margin-bottom: 12px;
}

.prtl .relat .rhead .th2 {
font-size: 27px;
line-height: 1.1;
font-weight: 900;
color: #d4dde8;
margin-bottom: 12px;
}

.prtl .relat .rhead .rsub {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
max-width: 560px;
}

.prtl .relat .rcard {
background: rgba(13, 15, 20, 0.7);
border-radius: 32px;
padding: 24px;
border: 1px solid rgba(175, 204, 219, 0.1);
box-shadow: 0 7px 28px 0 rgba(175, 204, 219, 0.08);
opacity: 0;
animation: fadeup 0.2s ease-out forwards;
}

.prtl .relat .rcard:nth-child(1) {
animation-delay: 0.08s;
}

.prtl .relat .rcard:nth-child(2) {
animation-delay: 0.16s;
}

.prtl .relat .rcard:nth-child(3) {
animation-delay: 0.24s;
}

.prtl .relat .rcard .ricon {
width: 36px;
height: 36px;
margin-bottom: 12px;
}

.prtl .relat .rcard .rcardh {
font-size: 16px;
font-weight: 700;
color: #d4dde8;
margin-bottom: 6px;
}

.prtl .relat .rcard .rcardp {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
}

.prtl .relat .rmain {
background: rgba(30, 180, 119, 0.07);
border-radius: 32px;
padding: 24px;
border: 1px solid rgba(30, 180, 119, 0.2);
box-shadow: 0 9px 48px 0 rgba(30, 180, 119, 0.14);
opacity: 0;
animation: fadeup 0.2s ease-out forwards;
animation-delay: 0.04s;
}

.prtl .relat .rmain .rmainp {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
margin-bottom: 12px;
}

.prtl .relat .rmain .rmainh {
font-size: 27px;
font-weight: 900;
color: #d4dde8;
line-height: 1.1;
margin-bottom: 12px;
}

.prtl .prob {
padding-top: 48px;
padding-bottom: 48px;
background: #0d0f14;
border-top: 1px solid rgba(30, 180, 119, 0.15);
}

.prtl .prob .pgridl {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}

.prtl .prob .ptext .th2 {
font-size: 52px;
line-height: 1.1;
font-weight: 900;
color: #d4dde8;
margin-bottom: 24px;
}

.prtl .prob .ptext .th2 em {
font-style: italic;
color: #1EB477;
}

.prtl .prob .ptext .pp {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
margin-bottom: 24px;
}

.prtl .prob .ptext .plink {
display: inline-block;
font-size: 16px;
color: #1EB477;
border: 2px solid #1EB477;
padding: 12px 24px;
border-radius: 7px;
text-decoration: none;
position: relative;
overflow: hidden;
transition: color 0.15s ease-out;
}

.prtl .prob .ptext .plink::before {
content: '';
position: absolute;
inset: 0;
background: #1EB477;
transform: translateX(-100%);
transition: transform 0.18s ease-out;
}

.prtl .prob .ptext .plink:hover::before {
transform: translateX(0);
}

.prtl .prob .ptext .plink:hover {
color: #0d0f14;
}

.prtl .prob .ptext .plink span {
position: relative;
}

.prtl .prob .pvisual {
display: flex;
flex-direction: column;
gap: 12px;
}

.prtl .prob .pvisual .pstat {
background: #111520;
border-radius: 7px;
padding: 24px;
border: 1px solid rgba(175, 204, 219, 0.1);
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
box-shadow: 0 1px 2px 0 rgba(30, 180, 119, 0.05);
transition: border-color 0.15s ease-out, box-shadow 0.15s ease-out;
}

.prtl .prob .pvisual .pstat:hover {
border-color: rgba(30, 180, 119, 0.3);
box-shadow: 0 7px 28px 0 rgba(30, 180, 119, 0.08);
}

.prtl .prob .pvisual .pstat .pstaticon {
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 7px;
background: rgba(30, 180, 119, 0.1);
display: flex;
align-items: center;
justify-content: center;
}

.prtl .prob .pvisual .pstat .pstattext .pstath {
font-size: 16px;
font-weight: 700;
color: #d4dde8;
margin-bottom: 6px;
}

.prtl .prob .pvisual .pstat .pstattext .pstatp {
font-size: 16px;
line-height: 1.5;
color: #AFCCDB;
}

.prtl .charhov {
display: inline-flex;
flex-wrap: wrap;
}

.prtl .charhov .ch {
display: inline-block;
transition: color 0.1s ease-out;
white-space: pre;
}

.prtl .charhov:hover .ch:nth-child(odd) {
color: #1EB477;
}

.prtl .charhov:hover .ch:nth-child(even) {
color: #AFCCDB;
}

@media (max-width: 1024px) {
.prtl .titblk .tgrid {
grid-template-columns: 1fr;
gap: 24px;
}

.prtl .titblk .ttext {
order: 1;
}

.prtl .titblk .timg {
order: 2;
}

.prtl .team .pgrid {
grid-template-columns: 1fr 1fr;
}

.prtl .diff .dgrid {
grid-template-columns: 1fr;
gap: 24px;
}

.prtl .appr .agrid {
grid-template-columns: 1fr;
}

.prtl .appr .aimg {
position: static;
}

.prtl .relat .rgrid {
grid-template-columns: 1fr 1fr;
}

.prtl .relat .rhead {
grid-column: 1 / -1;
}

.prtl .relat .rmain {
grid-column: 1 / -1;
}

.prtl .prob .pgridl {
grid-template-columns: 1fr;
gap: 24px;
}
}

@media (max-width: 640px) {
.prtl .titblk .th1 {
font-size: 27px;
}

.prtl .team .pgrid {
grid-template-columns: 1fr;
}

.prtl .relat .rgrid {
grid-template-columns: 1fr;
}

.prtl .prob .ptext .th2 {
font-size: 27px;
}

.prtl .limits .lmatrix thead th,
.prtl .limits .lmatrix tbody td {
padding: 12px;
}
}

.ctus {
background: #0d0f14;
color: #e8edf2;
overflow-x: clip;
}

.ctus .topbar {
max-width: 1024px;
margin: 0 auto;
padding: 48px 24px 48px;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 48px;
align-items: start;
}

.ctus .leftcol {
position: relative;
}

.ctus .leftcol::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(180deg, #1EB477 0%, #AFCCDB 100%);
border-radius: 7px;
}

.ctus .pagelabel {
font-size: 16px;
line-height: 1.5;
color: #AFCCDB;
padding-left: 12px;
margin-bottom: 24px;
display: block;
}

.ctus .mainhead {
font-size: 52px;
line-height: 1.1;
font-weight: 900;
color: #e8edf2;
padding-left: 12px;
margin: 0 0 24px;
}

.ctus .mainhead em {
font-style: italic;
color: #1EB477;
font-weight: 400;
}

.ctus .addrblock {
padding-left: 12px;
margin-top: 48px;
}

.ctus .addrblock .alabel {
font-size: 16px;
line-height: 1.5;
color: #AFCCDB;
margin-bottom: 6px;
display: block;
}

.ctus .addrblock address {
font-style: normal;
font-size: 16px;
line-height: 1.8;
color: #c8d8e4;
}

.ctus .addrblock a {
color: #1EB477;
text-decoration: none;
border-bottom: 1px solid rgba(30, 180, 119, 0.3);
transition: border-color 0.15s ease-out, color 0.15s ease-out;
}

.ctus .addrblock a:hover {
color: #AFCCDB;
border-color: rgba(175, 204, 219, 0.6);
}

.ctus .infoicons {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 12px;
}

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

.ctus .icoshape {
width: 36px;
height: 36px;
border-radius: 7px;
background: rgba(30, 180, 119, 0.12);
border: 1px solid rgba(30, 180, 119, 0.25);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.ctus .icoshape svg {
display: block;
}

.ctus .icotext {
font-size: 16px;
line-height: 1.5;
color: #c8d8e4;
}

.ctus .rightcol {
background: rgba(175, 204, 219, 0.05);
border: 1px solid rgba(175, 204, 219, 0.12);
border-radius: 32px;
padding: 48px;
box-shadow: 0 9px 48px 0 rgba(30, 180, 119, 0.14);
clip-path: inset(0 0 0 0 round 32px);
animation: revealform 0.2s ease-out both;
}

@keyframes revealform {
from {
clip-path: inset(50% 50% 50% 50% round 32px);
opacity: 0.4;
}

to {
clip-path: inset(0% 0% 0% 0% round 32px);
opacity: 1;
}
}

.ctus .formhead {
font-size: 27px;
line-height: 1.1;
font-weight: 900;
color: #e8edf2;
margin: 0 0 6px;
}

.ctus .formsub {
font-size: 16px;
line-height: 1.5;
color: #AFCCDB;
margin: 0 0 24px;
}

.ctus .cform {
display: flex;
flex-direction: column;
gap: 12px;
}

.ctus .frow {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}

.ctus .fgrp {
display: flex;
flex-direction: column;
gap: 6px;
}

.ctus .fgrp label {
font-size: 16px;
line-height: 1.5;
color: #AFCCDB;
}

.ctus .fgrp input,
.ctus .fgrp select {
background: rgba(13, 15, 20, 0.8);
border: 2px solid rgba(175, 204, 219, 0.2);
border-radius: 7px;
color: #e8edf2;
font-size: 16px;
line-height: 1.5;
padding: 12px;
outline: none;
transition: border-color 0.15s ease-out, box-shadow 0.15s ease-out;
appearance: none;
-webkit-appearance: none;
}

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

.ctus .fgrp select option {
background: #0d0f14;
color: #e8edf2;
}

.ctus .fgrp input::placeholder {
color: #6a7d8a;
font-size: 16px;
}

.ctus .fgrp input:focus,
.ctus .fgrp select:focus {
border-color: #1EB477;
box-shadow: 0 1px 2px 0 rgba(30, 180, 119, 0.05), 0 7px 28px 0 rgba(30, 180, 119, 0.08);
}

.ctus .fgrp input:invalid:not(:placeholder-shown) {
border-color: rgba(219, 100, 100, 0.6);
}

.ctus .privrow {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
margin-top: 6px;
}

.ctus .privrow input[type="checkbox"] {
width: 18px;
height: 18px;
min-width: 18px;
accent-color: #1EB477;
margin-top: 3px;
cursor: pointer;
}

.ctus .privrow .privtxt {
font-size: 16px;
line-height: 1.5;
color: #8a9daa;
}

.ctus .privrow .privtxt a {
color: #1EB477;
text-decoration: none;
border-bottom: 1px solid rgba(30, 180, 119, 0.3);
transition: color 0.15s ease-out;
}

.ctus .privrow .privtxt a:hover {
color: #AFCCDB;
}

.ctus .submitbtn {
position: relative;
overflow: hidden;
background: transparent;
border: 2px solid #1EB477;
border-radius: 7px;
color: #1EB477;
font-size: 16px;
line-height: 1.5;
font-weight: 700;
padding: 12px 24px;
cursor: pointer;
margin-top: 6px;
transition: color 0.18s ease-out;
z-index: 0;
}

.ctus .submitbtn::before {
content: "";
position: absolute;
inset: 0;
background: #1EB477;
transform: translateX(-100%);
transition: transform 0.18s ease-out;
z-index: -1;
}

.ctus .submitbtn:hover {
color: #0d0f14;
}

.ctus .submitbtn:hover::before {
transform: translateX(0);
}

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

.ctus .submitbtn:active {
box-shadow: inset 0 6px 10px 0 rgba(30, 180, 119, 0.2);
}

.ctus .divline {
position: relative;
height: 60px;
overflow: hidden;
}

.ctus .divline svg {
display: block;
width: 100%;
height: 100%;
}

.ctus .meshsec {
position: relative;
overflow: hidden;
}

.ctus .meshbg {
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 60% 80% at 20% 50%, rgba(30, 180, 119, 0.13) 0%, transparent 65%),
radial-gradient(ellipse 50% 70% at 80% 30%, rgba(175, 204, 219, 0.09) 0%, transparent 60%),
radial-gradient(ellipse 40% 60% at 55% 80%, rgba(230, 241, 236, 0.05) 0%, transparent 55%);
animation: meshpulse 6s ease-in-out infinite alternate;
}

@keyframes meshpulse {
from {
transform: scale(1);
opacity: 0.8;
}

to {
transform: scale(1.08);
opacity: 1;
}
}

.ctus .meshinner {
position: relative;
z-index: 1;
max-width: 1024px;
margin: 0 auto;
padding: 48px 24px;
}

.ctus .iconfeatgrid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 48px;
}

.ctus .featcell {
border-top: 2px solid rgba(175, 204, 219, 0.15);
padding-top: 24px;
display: flex;
flex-direction: column;
gap: 12px;
}

.ctus .featcell .ficon {
width: 44px;
height: 44px;
border-radius: 7px;
background: rgba(30, 180, 119, 0.1);
border: 1px solid rgba(30, 180, 119, 0.2);
display: flex;
align-items: center;
justify-content: center;
}

.ctus .featcell .ftitle {
font-size: 16px;
line-height: 1.5;
font-weight: 700;
color: #e8edf2;
margin: 0;
}

.ctus .featcell .fdesc {
font-size: 16px;
line-height: 1.8;
color: #8a9daa;
margin: 0;
}

.ctus .sharedtop {
border-top: 2px solid rgba(175, 204, 219, 0.25);
padding-top: 24px;
margin-bottom: 24px;
}

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

.ctus .stlabel {
font-size: 16px;
line-height: 1.5;
color: #1EB477;
font-weight: 700;
}

.ctus .sechead {
font-size: 27px;
line-height: 1.1;
font-weight: 900;
color: #e8edf2;
margin: 0 0 12px;
text-align: center;
}

.ctus .secdesc {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
text-align: center;
max-width: 560px;
margin: 0 auto;
}

@media (max-width: 1024px) {
.ctus .topbar {
grid-template-columns: 1fr;
gap: 48px;
}

.ctus .iconfeatgrid {
grid-template-columns: 1fr 1fr;
}

.ctus .sharedtoprow {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 640px) {
.ctus .mainhead {
font-size: 27px;
}

.ctus .rightcol {
padding: 24px;
}

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

.ctus .iconfeatgrid {
grid-template-columns: 1fr;
}

.ctus .sharedtoprow {
grid-template-columns: 1fr;
}
}

.successPg {
background: #0d0f14;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 48px 24px;
}

.successPg .card {
background: #13171f;
border: 1.5px solid #1EB477;
border-radius: 32px;
padding: 48px;
max-width: 560px;
width: 100%;
box-shadow: 0 7px 28px 0 rgba(30, 180, 119, 0.08), 0 9px 48px 0 rgba(30, 180, 119, 0.14);
text-align: center;
}

.successPg .iconWrap {
width: 72px;
height: 72px;
margin: 0 auto 24px;
border-radius: 48px;
background: #1EB47714;
border: 1.5px solid #1EB477;
display: flex;
align-items: center;
justify-content: center;
box-shadow: inset 0 4px 10px 0 rgba(30, 180, 119, 0.10);
}

.successPg .iconWrap svg {
display: block;
}

.successPg .title {
font-size: 52px;
line-height: 1.1;
font-weight: 900;
color: #E6F1EC;
margin: 0 0 12px;
letter-spacing: -1px;
}

.successPg .sub {
font-size: 16px;
line-height: 1.8;
color: #AFCCDB;
margin: 0 0 48px;
}

.successPg .sub em {
font-style: italic;
color: #1EB477;
}

.successPg .divider {
height: 1px;
background: linear-gradient(90deg, transparent, #1EB47740, transparent);
margin: 0 0 48px;
}

.successPg .meta {
font-size: 16px;
line-height: 1.5;
color: #AFCCDB;
margin: 0 0 48px;
}

.successPg .meta strong {
color: #E6F1EC;
font-weight: 700;
}

.successPg .backBtn {
display: inline-block;
font-size: 16px;
font-weight: 700;
color: #1EB477;
background: transparent;
border: 2px solid #1EB477;
border-radius: 7px;
padding: 12px 48px;
text-decoration: none;
position: relative;
overflow: hidden;
transition: color 0.15s ease-out, border-color 0.15s ease-out;
cursor: pointer;
}

.successPg .backBtn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #1EB477;
transition: left 0.2s ease;
z-index: 0;
}

.successPg .backBtn:hover::before {
left: 0;
}

.successPg .backBtn:hover {
color: #0d0f14;
}

.successPg .backBtn span {
position: relative;
z-index: 1;
}

.successPg .backBtn:focus-visible {
outline: 2px solid #AFCCDB;
outline-offset: 3px;
}

@media (max-width: 640px) {
.successPg .card {
padding: 24px;
}

.successPg .title {
font-size: 27px;
}
}