@import "https://cdn.jsdelivr.net/npm/@fontsource/cabin@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/cabin@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/alegreya@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/alegreya@latest/700.css";

html {
box-sizing: border-box
}

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

body {
margin: 0;
font-family: 'Cabin', sans-serif;
background-color: #fff;
color: #1a1a1a;
font-size: 15px;
line-height: 1.7;
letter-spacing: .015em;
overflow-x: clip
}

.top-band {
background: linear-gradient(135deg, #BA06D0 0%, #02F4ED 100%);
padding: 80px 20px;
position: relative;
overflow: hidden
}

.top-band::before {
content: '';
position: absolute;
top: -50%;
right: -10%;
width: 600px;
height: 600px;
background: #ffffff14;
border-radius: 40px;
transform: rotate(25deg);
pointer-events: none
}

.top-band::after {
content: '';
position: absolute;
bottom: -30%;
left: -5%;
width: 450px;
height: 450px;
background: #ffffff0d;
border-radius: 24px;
transform: rotate(-15deg);
pointer-events: none
}

.brand-lockup {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
position: relative;
z-index: 2
}

.logo-frame {
border: 3px solid #ffffffe6;
background-color: #fffffff2;
padding: 12px;
border-radius: 14px;
box-shadow: 2px 10px 48px 0 #ba06d01f;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.logo-frame:hover {
transform: translateY(-4px);
box-shadow: 2px 10px 48px 0 #ba06d02e
}

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

.tagline-phrase {
font-family: 'Alegreya', serif;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
color: #fff;
text-align: center;
letter-spacing: .01em;
text-shadow: 2px 3px 5px #ba06d00f;
max-width: 680px
}

.nav-row {
background-color: #fff;
border-bottom: 2px solid #F1F0F0;
padding: 20px;
position: relative
}

.nav-shell {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 12px 40px
}

.nav-link-item {
display: inline-flex;
align-items: center;
gap: 12px;
text-decoration: none;
color: #2d2d2d;
font-size: 15px;
font-weight: 400;
letter-spacing: .015em;
padding: 12px 20px;
border-radius: 8px;
background-color: transparent;
transition: background-color .24s cubic-bezier(0.34, 1.56, 0.64, 1), color .24s cubic-bezier(0.34, 1.56, 0.64, 1), transform .24s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative
}

.nav-link-item::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 3px;
background: linear-gradient(90deg, #BA06D0, #02F4ED);
transform: translateX(-50%);
transition: width .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.nav-link-item:hover {
background-color: #ba06d00a;
color: #BA06D0;
transform: translateY(-2px)
}

.nav-link-item:hover::after {
width: 100%
}

.nav-link-item:focus {
outline: none;
border-bottom: 4px solid #BA06D0
}

.nav-link-item i {
font-size: 15px;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.nav-link-item:hover i {
transform: scale(1.15)
}

.bottom-band {
background-color: #2d2d2d;
padding: 80px 20px 40px;
position: relative;
overflow: hidden
}

.bottom-band::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #BA06D0 0%, #02F4ED 50%, #BA06D0 100%)
}

.footer-grid {
max-width: 1280px;
margin: 0 auto 40px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px
}

.company-block {
display: flex;
flex-direction: column;
gap: 20px
}

.footer-logo-frame {
border: 3px solid #f1f0f04d;
background-color: #fffffffa;
padding: 12px;
border-radius: 14px;
width: fit-content;
box-shadow: 2px 4px 22px 0 #02f4ed1a
}

.footer-logo-frame img {
display: block;
width: 58px;
height: 58px;
object-fit: contain
}

.company-details {
display: flex;
flex-direction: column;
gap: 12px;
color: #F1F0F0;
font-size: 15px;
line-height: 1.7;
letter-spacing: .015em
}

.company-details p {
margin: 0
}

.detail-row {
display: flex;
align-items: flex-start;
gap: 12px
}

.detail-row i {
color: #02F4ED;
font-size: 15px;
margin-top: 6px;
flex-shrink: 0
}

.detail-row a {
color: #F1F0F0;
text-decoration: none;
transition: color .24s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.detail-row a:hover {
color: #02F4ED
}

.detail-row a:focus {
outline: none;
border-bottom: 4px solid #02F4ED
}

.about-block {
display: flex;
flex-direction: column;
gap: 20px
}

.about-title {
font-family: 'Alegreya', serif;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
color: #fff;
letter-spacing: .01em;
margin: 0
}

.about-text {
color: #F1F0F0;
font-size: 15px;
line-height: 1.7;
letter-spacing: .015em;
margin: 0
}

.founding-note {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 12px 20px;
background: linear-gradient(135deg, #ba06d026, #02f4ed26);
border-radius: 24px;
color: #02F4ED;
font-size: 13px;
font-weight: 700;
letter-spacing: .02em;
text-transform: uppercase;
border: 2px solid #02f4ed4d;
width: fit-content
}

.founding-note i {
font-size: 13px
}

.links-block {
display: flex;
flex-direction: column;
gap: 20px
}

.links-title {
font-family: 'Alegreya', serif;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
color: #fff;
letter-spacing: .01em;
margin: 0
}

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

.footer-links-list li {
display: flex;
align-items: center;
gap: 12px
}

.footer-links-list li::before {
content: '';
width: 6px;
height: 6px;
background-color: #02F4ED;
border-radius: 4px;
flex-shrink: 0;
transition: transform .24s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.footer-links-list li:hover::before {
transform: scale(1.5)
}

.footer-links-list a {
color: #F1F0F0;
text-decoration: none;
font-size: 15px;
letter-spacing: .015em;
transition: color .24s cubic-bezier(0.34, 1.56, 0.64, 1), transform .24s cubic-bezier(0.34, 1.56, 0.64, 1);
display: inline-block
}

.footer-links-list a:hover {
color: #02F4ED;
transform: translateX(6px)
}

.footer-links-list a:focus {
outline: none;
border-bottom: 4px solid #02F4ED
}

.copyright-bar {
max-width: 1280px;
margin: 0 auto;
padding-top: 40px;
border-top: 1px solid #f1f0f033;
display: flex;
justify-content: center;
align-items: center;
color: #f1f0f0b3;
font-size: 13px;
letter-spacing: .02em
}

.consent-box {
position: fixed;
top: 20px;
right: 20px;
background-color: #fff;
border: 2px solid #F1F0F0;
border-radius: 14px;
padding: 20px;
max-width: 420px;
box-shadow: 2px 10px 48px 0 #ba06d01f;
z-index: 1000;
transform: translateX(calc(100% + 40px));
transition: transform .32s cubic-bezier(0.34, 1.56, 0.64, 1);
display: block
}

.consent-box[hidden] {
display: none
}

.consent-box.show-consent {
transform: translateX(0)
}

.consent-text {
font-size: 13px;
line-height: 1.7;
color: #2d2d2d;
margin: 0 0 20px;
letter-spacing: .015em
}

.consent-text strong {
font-weight: 700;
color: #BA06D0
}

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

.consent-data-list li {
font-size: 13px;
color: #2d2d2d;
padding-left: 20px;
position: relative
}

.consent-data-list li::before {
content: '';
position: absolute;
left: 0;
top: 9px;
width: 6px;
height: 6px;
background-color: #02F4ED;
border-radius: 4px
}

.consent-actions {
display: flex;
gap: 12px;
margin-top: 20px
}

.consent-btn {
flex: 1;
padding: 12px 20px;
font-size: 13px;
font-weight: 700;
letter-spacing: .02em;
text-transform: lowercase;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color .26s cubic-bezier(0.34, 1.56, 0.64, 1), transform .26s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .26s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden;
font-family: 'Cabin', sans-serif
}

.consent-btn::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: linear-gradient(180deg, #ba06d033, #ba06d066);
transition: height .26s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: -1
}

.consent-btn:hover::before {
height: 100%
}

.consent-accept {
background-color: #BA06D0;
color: #fff;
box-shadow: 2px 3px 5px 0 #ba06d00f
}

.consent-accept:hover {
background-color: #9a05ad;
transform: translateY(-2px);
box-shadow: 2px 4px 22px 0 #ba06d01a
}

.consent-accept:focus {
outline: none;
border-bottom: 4px solid #02F4ED
}

.consent-decline {
background-color: #F1F0F0;
color: #2d2d2d;
box-shadow: 2px 3px 5px 0 #ba06d00f
}

.consent-decline::before {
background: linear-gradient(180deg, #2d2d2d0d, #2d2d2d1a)
}

.consent-decline:hover {
background-color: #e5e4e4;
transform: translateY(-2px);
box-shadow: 2px 4px 22px 0 #ba06d01a
}

.consent-decline:focus {
outline: none;
border-bottom: 4px solid #02F4ED
}

.consent-policy-link {
display: block;
margin-top: 12px;
font-size: 13px;
color: #BA06D0;
text-decoration: none;
text-align: center;
letter-spacing: .015em;
transition: color .24s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.consent-policy-link:hover {
color: #02F4ED
}

.consent-policy-link:focus {
outline: none;
border-bottom: 4px solid #02F4ED
}

@media (max-width: 1024px) {
.top-band {
padding: 60px 20px
}

.tagline-phrase {
font-size: 32px
}

.nav-shell {
gap: 12px 20px
}

.footer-grid {
grid-template-columns: 1fr;
gap: 40px
}
}

@media (max-width: 640px) {
.top-band {
padding: 40px 20px
}

.tagline-phrase {
font-size: 32px
}

.nav-row {
padding: 12px 20px
}

.nav-shell {
gap: 6px
}

.nav-link-item {
padding: 12px;
font-size: 13px
}

.consent-box {
top: 12px;
right: 12px;
left: 12px;
max-width: none;
padding: 20px
}

.consent-actions {
flex-direction: column
}

.bottom-band {
padding: 60px 20px 40px
}
}

@media (max-width: 360px) {
.top-band {
padding: 40px 12px
}

.nav-row {
padding: 12px
}

.nav-link-item {
padding: 12px;
font-size: 13px
}

.bottom-band {
padding: 40px 12px
}

.footer-grid {
gap: 40px
}
}

.agreement-content {
max-width: 1280px;
margin: 0 auto;
padding: 80px 20px;
background: #fff
}

.agreement-content h1 {
font-size: 62px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a2e;
margin: 0 0 40px
}

.agreement-content h2 {
font-size: 32px;
line-height: 1.2;
letter-spacing: .015em;
color: #2d2d44;
margin: 80px 0 20px
}

.agreement-content h3 {
font-size: 15px;
line-height: 1.2;
letter-spacing: .02em;
color: #3a3a52;
margin: 40px 0 12px;
text-transform: uppercase
}

.agreement-content h4,
.agreement-content h5,
.agreement-content h6 {
font-size: 15px;
line-height: 1.7;
letter-spacing: .015em;
color: #4a4a62;
margin: 20px 0 12px
}

.agreement-content p {
font-size: 15px;
line-height: 1.7;
letter-spacing: .015em;
color: #2d2d44;
margin: 0 0 20px
}

.agreement-content ul,
.agreement-content ol {
font-size: 15px;
line-height: 1.7;
letter-spacing: .015em;
color: #2d2d44;
margin: 0 0 20px;
padding: 0 0 0 40px
}

.agreement-content li {
margin: 0 0 12px
}

.agreement-content li:last-child {
margin-bottom: 0
}

.agreement-content a {
color: #BA06D0;
text-decoration: none;
border-bottom: 1px solid #ba06d04d;
transition: border-color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.agreement-content a:hover {
border-bottom-color: #BA06D0
}

.agreement-content hr {
border: none;
height: 1px;
background: #F1F0F0;
margin: 80px 0
}

@media (max-width: 1024px) {
.agreement-content {
padding: 40px 20px
}

.agreement-content h1 {
font-size: 32px;
margin-bottom: 20px
}

.agreement-content h2 {
font-size: 32px;
margin-top: 40px
}

.agreement-content hr {
margin: 40px 0
}
}

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

.agreement-content ul,
.agreement-content ol {
padding-left: 20px
}
}

.lrn-prog__dtl {
background: #fff;
color: #1a1a1a
}

.lrn-prog__dtl ::selection {
background: #ba06d026;
color: #1a1a1a
}

.lrn-prog__dtl .top-banner {
background: linear-gradient(180deg, #BA06D0 0%, #8b04a0 100%);
padding: 80px 20px;
position: relative;
overflow: hidden
}

.top-banner::before {
content: '';
position: absolute;
width: 8px;
height: 8px;
background: #02F4ED;
border-radius: 50%;
top: 40px;
left: 15%;
animation: dot-float-one 4s cubic-bezier(0.34, 1.56, 0.64, 1) infinite
}

.top-banner::after {
content: '';
position: absolute;
width: 12px;
height: 12px;
background: #f1f0f099;
border-radius: 50%;
bottom: 60px;
right: 20%;
animation: dot-float-two 5s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite
}

.top-banner .dot-accent-one {
position: absolute;
width: 6px;
height: 6px;
background: #02f4edcc;
border-radius: 50%;
top: 120px;
right: 25%;
animation: dot-float-three 3.5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite
}

.top-banner .dot-accent-two {
position: absolute;
width: 10px;
height: 10px;
background: #f1f0f080;
border-radius: 50%;
bottom: 100px;
left: 30%;
animation: dot-float-four 4.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite
}

@keyframes dot-float-one {

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

50% {
transform: translateY(-20px) translateX(12px)
}
}

@keyframes dot-float-two {

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

50% {
transform: translateY(15px) translateX(-10px)
}
}

@keyframes dot-float-three {

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

50% {
transform: translateY(-18px) translateX(-8px)
}
}

@keyframes dot-float-four {

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

50% {
transform: translateY(12px) translateX(15px)
}
}

.lrn-prog__dtl .banner-container {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1
}

.lrn-prog__dtl .banner-headline {
font-size: 62px;
line-height: 1.2;
letter-spacing: .01em;
color: #fff;
margin: 0;
font-weight: 700
}

.lrn-prog__dtl .meta-bar {
background: #F1F0F0;
padding: 20px;
border-bottom: 3px solid #BA06D0
}

.lrn-prog__dtl .meta-container {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 40px;
align-items: center;
flex-wrap: wrap
}

.lrn-prog__dtl .meta-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px
}

.lrn-prog__dtl .meta-icon-circle {
width: 48px;
height: 48px;
background: #fff;
border: 3px solid #02F4ED;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.lrn-prog__dtl .meta-icon-circle svg {
width: 24px;
height: 24px;
fill: #BA06D0
}

.lrn-prog__dtl .meta-text {
font-size: 13px;
line-height: 1.7;
letter-spacing: .02em;
color: #333;
font-weight: 600
}

.lrn-prog__dtl .meta-value {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #1a1a1a;
font-weight: 700
}

.lrn-prog__dtl .primary-layout {
background: #fff;
padding: 80px 20px;
position: relative
}

.lrn-prog__dtl .primary-layout::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, transparent 0%, #02F4ED 50%, transparent 100%);
transform: skewY(-1deg)
}

.lrn-prog__dtl .primary-container {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.lrn-prog__dtl .image-wrapper {
position: relative;
overflow: hidden;
border-radius: 14px;
box-shadow: 2px 10px 48px 0 #ba06d01f;
background: #F1F0F0
}

.lrn-prog__dtl .image-wrapper::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #ba06d01a 0%, transparent 100%);
z-index: 1;
pointer-events: none
}

.lrn-prog__dtl .feature-image {
width: 100%;
height: auto;
display: block;
object-fit: cover;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.lrn-prog__dtl .image-wrapper:hover .feature-image {
transform: scale(1.05)
}

.lrn-prog__dtl .text-content-block {
display: flex;
flex-direction: column;
gap: 20px
}

.lrn-prog__dtl .content-heading {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a1a;
margin: 0;
font-weight: 700;
position: relative;
padding-bottom: 12px
}

.lrn-prog__dtl .content-heading::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 4px;
background: #BA06D0;
animation: line-expand 3s cubic-bezier(0.34, 1.56, 0.64, 1) infinite
}

@keyframes line-expand {

0%,
100% {
width: 80px
}

50% {
width: 140px
}
}

.lrn-prog__dtl .text-content-block p {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #333;
margin: 0
}

.lrn-prog__dtl .text-content-block h2 {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a1a;
margin: 20px 0 12px;
font-weight: 700
}

.lrn-prog__dtl .text-content-block h3 {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #1a1a1a;
margin: 12px 0 6px;
font-weight: 700
}

.lrn-prog__dtl .text-content-block strong {
font-weight: 700;
color: #1a1a1a
}

.lrn-prog__dtl .text-content-block ol,
.lrn-prog__dtl .text-content-block ul {
margin: 12px 0;
padding-left: 40px
}

.lrn-prog__dtl .text-content-block li {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #333;
margin-bottom: 6px
}

.lrn-prog__dtl .text-content-block dl {
margin: 12px 0
}

.lrn-prog__dtl .text-content-block dt {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #1a1a1a;
font-weight: 700;
margin-top: 12px
}

.lrn-prog__dtl .text-content-block dd {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #333;
margin-left: 20px;
margin-bottom: 6px
}

.lrn-prog__dtl .text-content-block blockquote {
margin: 20px 0;
padding: 20px;
background: #02f4ed1a;
border-radius: 8px;
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #333;
font-style: italic
}

.lrn-prog__dtl .action-zone {
background: linear-gradient(180deg, #fff 0%, #F1F0F0 100%);
padding: 80px 20px;
position: relative;
overflow: hidden
}

.lrn-prog__dtl .action-zone::before {
content: '';
position: absolute;
width: 400px;
height: 400px;
background: radial-gradient(circle, #ba06d014 0%, transparent 70%);
top: -100px;
right: -100px;
animation: pulse-glow 15s linear infinite;
pointer-events: none
}

@keyframes pulse-glow {
0% {
background: radial-gradient(circle, #ba06d014 0%, transparent 70%)
}

50% {
background: radial-gradient(circle, #02f4ed14 0%, transparent 70%)
}

100% {
background: radial-gradient(circle, #ba06d014 0%, transparent 70%)
}
}

.lrn-prog__dtl .action-container {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 40px
}

.lrn-prog__dtl .program-display {
background: #fff;
padding: 40px;
border-radius: 24px;
box-shadow: 2px 4px 22px 0 #ba06d01a;
position: relative
}

.lrn-prog__dtl .program-display::before {
content: '';
position: absolute;
top: -2px;
left: 40px;
right: 40px;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #BA06D0 50%, transparent 100%)
}

.lrn-prog__dtl .program-display::after {
content: '';
position: absolute;
bottom: -2px;
left: 40px;
right: 40px;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #02F4ED 50%, transparent 100%)
}

.lrn-prog__dtl .bracket-left {
position: absolute;
top: 20px;
left: -30px;
width: 60px;
height: 60px;
border: 4px solid #BA06D0;
border-right: none;
border-radius: 40px 0 0 40px
}

.lrn-prog__dtl .bracket-right {
position: absolute;
bottom: 20px;
right: -30px;
width: 60px;
height: 60px;
border: 4px solid #02F4ED;
border-left: none;
border-radius: 0 40px 40px 0
}

.lrn-prog__dtl .program-display h2 {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a1a;
margin: 0 0 20px;
font-weight: 700
}

.lrn-prog__dtl .program-display h3 {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #1a1a1a;
margin: 20px 0 12px;
font-weight: 700
}

.lrn-prog__dtl .program-display p {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #333;
margin: 0 0 12px
}

.lrn-prog__dtl .program-display strong {
font-weight: 700;
color: #1a1a1a
}

.lrn-prog__dtl .program-display ol,
.lrn-prog__dtl .program-display ul {
margin: 12px 0;
padding-left: 40px
}

.lrn-prog__dtl .program-display li {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #333;
margin-bottom: 6px
}

.lrn-prog__dtl .program-display dl {
margin: 12px 0
}

.lrn-prog__dtl .program-display dt {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #1a1a1a;
font-weight: 700;
margin-top: 12px
}

.lrn-prog__dtl .program-display dd {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #333;
margin-left: 20px;
margin-bottom: 6px
}

.lrn-prog__dtl .program-display blockquote {
margin: 20px 0;
padding: 20px;
background: #ba06d00d;
border-radius: 8px;
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #333;
font-style: italic
}

.lrn-prog__dtl .enrollment-card {
background: linear-gradient(180deg, #BA06D0 0%, #8b04a0 100%);
padding: 40px;
border-radius: 24px;
display: grid;
grid-template-columns: 1fr auto;
gap: 40px;
align-items: center;
box-shadow: 2px 10px 48px 0 #ba06d01f
}

.lrn-prog__dtl .enrollment-text {
display: flex;
flex-direction: column;
gap: 12px
}

.lrn-prog__dtl .enrollment-label {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #fff;
margin: 0;
font-weight: 700
}

.lrn-prog__dtl .price-display {
font-size: 62px;
line-height: 1.2;
letter-spacing: .01em;
color: #02F4ED;
margin: 0;
font-weight: 700
}

.lrn-prog__dtl .enrollment-action {
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-end
}

.lrn-prog__dtl .btn-enroll {
padding: 20px 40px;
background: #02F4ED;
color: #1a1a1a;
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
font-weight: 700;
border: none;
border-radius: 40px;
cursor: pointer;
text-decoration: none;
display: inline-block;
position: relative;
overflow: hidden;
transition: transform .25s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow: 2px 4px 22px 0 #02f4ed1a
}

.lrn-prog__dtl .btn-enroll::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: #fff;
transition: height .32s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: 0
}

.lrn-prog__dtl .btn-enroll span {
position: relative;
z-index: 1
}

.lrn-prog__dtl .btn-enroll:hover {
transform: translateY(-3px)
}

.lrn-prog__dtl .btn-enroll:hover::before {
height: 100%
}

.lrn-prog__dtl .btn-enroll:focus {
outline: 3px solid #fff;
outline-offset: 4px
}

.lrn-prog__dtl .btn-enroll:active {
transform: translateY(0)
}

.lrn-prog__dtl .engagement-metrics {
display: flex;
flex-direction: row;
gap: 20px;
align-items: center
}

.lrn-prog__dtl .metric-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px
}

.lrn-prog__dtl .metric-icon {
width: 20px;
height: 20px;
fill: #fffc
}

.lrn-prog__dtl .metric-number {
font-size: 13px;
line-height: 1.7;
letter-spacing: .02em;
color: #ffffffe6;
font-weight: 600
}

@media (max-width: 1024px) {
.lrn-prog__dtl .banner-headline {
font-size: 32px
}

.lrn-prog__dtl .primary-container {
grid-template-columns: 1fr;
gap: 40px
}

.lrn-prog__dtl .enrollment-card {
grid-template-columns: 1fr;
gap: 40px
}

.lrn-prog__dtl .enrollment-action {
align-items: flex-start
}

.lrn-prog__dtl .price-display {
font-size: 32px
}

.lrn-prog__dtl .bracket-left,
.lrn-prog__dtl .bracket-right {
display: none
}
}

@media (max-width: 640px) {
.lrn-prog__dtl .top-banner {
padding: 40px 20px
}

.lrn-prog__dtl .banner-headline {
font-size: 32px
}

.lrn-prog__dtl .meta-container {
flex-direction: column;
gap: 20px;
align-items: flex-start
}

.lrn-prog__dtl .primary-layout {
padding: 40px 20px
}

.lrn-prog__dtl .content-heading {
font-size: 32px
}

.lrn-prog__dtl .action-zone {
padding: 40px 20px
}

.lrn-prog__dtl .program-display {
padding: 20px
}

.lrn-prog__dtl .program-display h2 {
font-size: 32px
}

.lrn-prog__dtl .enrollment-card {
padding: 20px
}

.lrn-prog__dtl .enrollment-label {
font-size: 32px
}

.lrn-prog__dtl .engagement-metrics {
flex-direction: column;
align-items: flex-start;
gap: 12px
}
}

@media (max-width: 360px) {
.lrn-prog__dtl .banner-headline {
font-size: 32px
}

.lrn-prog__dtl .btn-enroll {
padding: 20px 40px;
width: 100%;
text-align: center
}
}

.lrn-tips {
background: #fff;
color: #1a1a1a;
max-width: 1280px;
margin: 0 auto;
overflow-x: clip
}

.lrn-tips__intro-stage {
background: linear-gradient(180deg, #0a0a0a 0%, #3a3a3a 100%);
color: #fff;
padding: 80px 20px;
position: relative;
overflow: hidden
}

.lrn-tips__intro-stage::before {
content: '';
position: absolute;
top: 20px;
left: 20px;
width: 60px;
height: 60px;
border-top: 3px solid #BA06D0;
border-left: 3px solid #BA06D0;
border-radius: 4px
}

.lrn-tips__intro-stage::after {
content: '';
position: absolute;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
border-bottom: 3px solid #02F4ED;
border-right: 3px solid #02F4ED;
border-radius: 4px
}

.lrn-tips__intro-container {
max-width: 1240px;
margin: 0 auto;
padding-left: 80px;
padding-right: 40px
}

.lrn-tips__intro-label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: .02em;
color: #02F4ED;
margin-bottom: 20px;
line-height: 1.2
}

.lrn-tips__intro-heading {
font-size: 62px;
line-height: 1.2;
letter-spacing: .01em;
margin-bottom: 40px;
max-width: 900px
}

.lrn-tips__intro-heading-accent {
background: linear-gradient(90deg, #BA06D0 0%, #02F4ED 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent
}

.lrn-tips__intro-text {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
max-width: 720px;
color: #e8e8e8
}

@media (max-width: 1024px) {
.lrn-tips__intro-stage {
padding: 60px 20px
}

.lrn-tips__intro-container {
padding-left: 40px;
padding-right: 20px
}

.lrn-tips__intro-heading {
font-size: 48px
}
}

@media (max-width: 640px) {
.lrn-tips__intro-stage {
padding: 40px 12px
}

.lrn-tips__intro-container {
padding-left: 12px;
padding-right: 12px
}

.lrn-tips__intro-heading {
font-size: 32px
}

.lrn-tips__intro-stage::before,
.lrn-tips__intro-stage::after {
width: 40px;
height: 40px
}
}

.lrn-tips__tracking-fundamentals {
padding: 80px 20px;
background: #fff;
position: relative
}

.lrn-tips__tracking-fundamentals::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 120px;
background: url("data:image/svg+xml,%3Csvg width='1280' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,60 Q80,20 160,60 T320,60 Q400,20 480,60 T640,60 Q720,20 800,60 T960,60 Q1040,20 1120,60 T1280,60 L1280,0 L0,0 Z' fill='%233a3a3a'/%3E%3C/svg%3E") no-repeat center top;
background-size: cover
}

.lrn-tips__tracking-grid {
max-width: 1240px;
margin: 0 auto;
display: grid;
grid-template-columns: 340px 1fr;
gap: 80px;
align-items: start
}

.lrn-tips__tracking-visual {
position: sticky;
top: 40px
}

.lrn-tips__tracking-img-wrap {
width: 100%;
height: 425px;
border-radius: 24px;
overflow: hidden;
position: relative;
box-shadow: 2px 4px 22px 0 #ba06d01a;
transition: box-shadow .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.lrn-tips__tracking-img-wrap:hover {
box-shadow: 2px 10px 48px 0 #ba06d01f
}

.lrn-tips__tracking-img-wrap::after {
content: '';
position: absolute;
bottom: -20px;
right: -20px;
width: 180px;
height: 180px;
border-radius: 50%;
border: 3px solid #02F4ED;
pointer-events: none
}

.lrn-tips__tracking-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}

.lrn-tips__tracking-content {
padding-top: 40px
}

.lrn-tips__tracking-heading {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
margin-bottom: 40px;
color: #0a0a0a
}

.lrn-tips__tracking-paragraph {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
margin-bottom: 20px;
color: #2a2a2a
}

.lrn-tips__tracking-list {
list-style: none;
padding: 0;
margin: 40px 0 0;
display: grid;
gap: 20px
}

.lrn-tips__tracking-list-item {
display: flex;
gap: 20px;
align-items: flex-start;
padding: 20px;
background: #F1F0F0;
border-radius: 14px;
transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.lrn-tips__tracking-list-item:hover {
background: #e6e5e5
}

.lrn-tips__tracking-icon-circle {
width: 48px;
height: 48px;
border-radius: 50%;
background: #BA06D0;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative;
transition: border-color .3s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.lrn-tips__tracking-icon-circle::before {
content: '';
position: absolute;
top: -6px;
left: -6px;
right: -6px;
bottom: -6px;
border: 2px solid #02F4ED;
border-radius: 50%
}

.lrn-tips__tracking-list-item:hover .lrn-tips__tracking-icon-circle::before {
border-color: #BA06D0
}

.lrn-tips__tracking-icon-svg {
width: 24px;
height: 24px;
fill: #fff
}

.lrn-tips__tracking-list-text {
flex: 1;
padding-top: 6px
}

.lrn-tips__tracking-list-title {
font-size: 15px;
line-height: 1.2;
letter-spacing: .01em;
font-weight: 700;
margin-bottom: 6px;
color: #0a0a0a
}

.lrn-tips__tracking-list-desc {
font-size: 13px;
line-height: 1.7;
letter-spacing: .01em;
color: #3a3a3a;
margin: 0
}

@media (max-width: 1024px) {
.lrn-tips__tracking-fundamentals {
padding: 60px 20px
}

.lrn-tips__tracking-grid {
grid-template-columns: 1fr;
gap: 40px
}

.lrn-tips__tracking-visual {
position: relative;
top: 0
}

.lrn-tips__tracking-img-wrap {
height: 360px
}
}

@media (max-width: 640px) {
.lrn-tips__tracking-fundamentals {
padding: 40px 12px
}

.lrn-tips__tracking-grid {
gap: 40px
}

.lrn-tips__tracking-img-wrap {
height: 280px
}

.lrn-tips__tracking-content {
padding-top: 20px
}

.lrn-tips__tracking-list {
gap: 12px
}

.lrn-tips__tracking-list-item {
padding: 12px
}
}

.lrn-tips__expert-guidance {
background: linear-gradient(0deg, #F1F0F0 0%, #fff 100%);
padding: 80px 20px;
position: relative
}

.lrn-tips__expert-guidance::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1280px;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #BA06D0 50%, transparent 100%)
}

.lrn-tips__expert-container {
max-width: 1240px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 380px;
gap: 40px;
align-items: start
}

.lrn-tips__expert-text-zone {
grid-column: 1 / 3
}

.lrn-tips__expert-heading {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
margin-bottom: 40px;
color: #0a0a0a
}

.lrn-tips__expert-paragraph {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
margin-bottom: 20px;
color: #2a2a2a
}

.lrn-tips__expert-quote-container {
background: #fff;
padding: 40px;
border-radius: 24px;
position: relative;
box-shadow: 2px 3px 5px 0 #02f4ed0f;
margin-top: 40px
}

.lrn-tips__expert-quote-container::before {
content: '';
position: absolute;
top: -12px;
left: 40px;
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #fff
}

.lrn-tips__expert-quote-container::after {
content: '';
position: absolute;
bottom: 12px;
right: -40px;
width: 120px;
height: 120px;
border-radius: 50% 0 50% 50%;
border: 2px solid #02F4ED;
pointer-events: none;
opacity: .4
}

.lrn-tips__expert-quote-text {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #2a2a2a;
font-style: italic;
margin-bottom: 20px
}

.lrn-tips__expert-quote-author {
font-size: 13px;
line-height: 1.2;
letter-spacing: .02em;
color: #BA06D0;
font-weight: 700
}

.lrn-tips__expert-profile-card {
background: #fff;
border-radius: 24px;
overflow: hidden;
box-shadow: 2px 4px 22px 0 #ba06d01a;
position: relative
}

.lrn-tips__expert-profile-img-wrap {
width: 100%;
height: 380px;
overflow: hidden;
position: relative
}

.lrn-tips__expert-profile-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top
}

.lrn-tips__expert-profile-info {
padding: 20px;
background: linear-gradient(180deg, #fff 0%, #F1F0F0 100%)
}

.lrn-tips__expert-profile-name {
font-size: 15px;
line-height: 1.2;
letter-spacing: .01em;
font-weight: 700;
margin-bottom: 6px;
color: #0a0a0a
}

.lrn-tips__expert-profile-role {
font-size: 13px;
line-height: 1.7;
letter-spacing: .01em;
color: #3a3a3a;
margin: 0
}

.lrn-tips__expert-metrics-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 40px
}

.lrn-tips__expert-metric-card {
background: #fff;
padding: 20px;
border-radius: 14px;
text-align: center;
box-shadow: 2px 3px 5px 0 #ba06d00f;
animation: lrn-tips-color-wash 8s ease-in-out infinite
}

@keyframes lrn-tips-color-wash {

0%,
100% {
background: #fff
}

50% {
background: #fef9ff
}
}

.lrn-tips__expert-metric-card:nth-child(2) {
animation-delay: 2.7s
}

.lrn-tips__expert-metric-card:nth-child(3) {
animation-delay: 5.3s
}

.lrn-tips__expert-metric-value {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
font-weight: 700;
color: #BA06D0;
margin-bottom: 6px
}

.lrn-tips__expert-metric-label {
font-size: 13px;
line-height: 1.7;
letter-spacing: .01em;
color: #3a3a3a;
margin: 0
}

@media (max-width: 1024px) {
.lrn-tips__expert-guidance {
padding: 60px 20px
}

.lrn-tips__expert-container {
grid-template-columns: 1fr;
gap: 40px
}

.lrn-tips__expert-text-zone {
grid-column: 1
}

.lrn-tips__expert-profile-card {
max-width: 380px;
margin: 0 auto
}

.lrn-tips__expert-metrics-grid {
grid-template-columns: repeat(3, 1fr)
}
}

@media (max-width: 640px) {
.lrn-tips__expert-guidance {
padding: 40px 12px
}

.lrn-tips__expert-quote-container {
padding: 20px
}

.lrn-tips__expert-metrics-grid {
grid-template-columns: 1fr;
gap: 12px
}

.lrn-tips__expert-profile-img-wrap {
height: 320px
}
}

.lrn-tips ::selection {
background: #ba06d026;
color: #0a0a0a
}

.lrn-tips input::placeholder,
.lrn-tips textarea::placeholder {
text-transform: uppercase;
font-size: 13px;
letter-spacing: .02em
}

.lrn-tips a {
text-decoration: none !important;
color: inherit
}

.abt-pg {
background: #FFF;
color: #1a1a1a;
overflow-x: clip
}

.abt-pg ::selection {
background: #ba06d026;
color: #1a1a1a
}

.abt-pg .hero-strip {
display: flex;
align-items: stretch;
max-width: 1280px;
margin: 0 auto;
min-height: 520px;
position: relative
}

.abt-pg .hero-strip__img-zone {
width: 280px;
flex-shrink: 0;
padding: 40px 20px;
background: linear-gradient(170deg, #F1F0F0 0%, #FFF 100%);
position: relative;
overflow: hidden
}

.abt-pg .hero-strip__img-zone::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #BA06D0
}

.abt-pg .hero-strip__visual {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
filter: grayscale(15%) contrast(1.05);
border-radius: 4px
}

.abt-pg .hero-strip__txt-zone {
flex: 1;
padding: 80px 80px 80px 60px;
display: flex;
flex-direction: column;
justify-content: center;
background: #FFF
}

.abt-pg .hero-strip__heading {
font-size: 62px;
line-height: 1.2;
letter-spacing: .01em;
margin: 0 0 20px;
font-weight: 700
}

.abt-pg .hero-strip__heading-accent {
color: #BA06D0;
position: relative;
display: inline-block
}

.abt-pg .hero-strip__heading-accent::before {
content: '';
position: absolute;
width: 8px;
height: 8px;
background: #02F4ED;
left: -20px;
top: 50%;
transform: translateY(-50%) rotate(45deg)
}

.abt-pg .hero-strip__desc {
font-size: 15px;
line-height: 1.7;
letter-spacing: .015em;
margin: 0;
color: #3a3a3a;
max-width: 580px
}

.abt-pg .hero-strip__deco-band {
position: absolute;
right: 0;
top: 40px;
width: 120px;
height: 3px;
background: linear-gradient(90deg, transparent 0%, #02F4ED 100%)
}

.abt-pg .tri-corner-tl {
position: absolute;
top: 0;
left: 280px;
width: 0;
height: 0;
border-style: solid;
border-width: 60px 60px 0 0;
border-color: #F1F0F0 transparent transparent;
pointer-events: none
}

.abt-pg .tri-corner-br {
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 80px 80px;
border-color: transparent transparent #02F4ED;
opacity: .08;
pointer-events: none
}

@media (max-width: 1024px) {
.abt-pg .hero-strip {
flex-direction: column;
min-height: auto
}

.abt-pg .hero-strip__img-zone {
width: 100%;
padding: 40px;
min-height: 320px
}

.abt-pg .hero-strip__txt-zone {
padding: 40px
}

.abt-pg .hero-strip__heading {
font-size: 32px
}

.abt-pg .tri-corner-tl {
left: 0;
border-width: 40px 40px 0 0
}

.abt-pg .tri-corner-br {
border-width: 0 0 60px 60px
}
}

@media (max-width: 640px) {
.abt-pg .hero-strip__img-zone {
padding: 20px;
min-height: 280px
}

.abt-pg .hero-strip__txt-zone {
padding: 40px 20px
}

.abt-pg .hero-strip__deco-band {
width: 80px;
top: 20px
}
}

.abt-pg .wave-divider {
width: 100%;
height: 60px;
background: #FFF;
position: relative;
overflow: hidden
}

.abt-pg .wave-divider svg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}

.abt-pg .story-panel {
background: #BA06D0;
position: relative;
overflow: hidden
}

.abt-pg .story-panel::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(/visual_storage/grid005-20241230.jpg);
background-size: cover;
background-position: center;
opacity: .04;
pointer-events: none
}

.abt-pg .story-panel__container {
max-width: 1280px;
margin: 0 auto;
padding: 80px;
position: relative;
z-index: 1
}

.abt-pg .story-panel__layout {
display: grid;
grid-template-columns: 380px 1fr;
gap: 60px;
align-items: start
}

.abt-pg .story-panel__left {
position: sticky;
top: 80px
}

.abt-pg .story-panel__prefix {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 20px
}

.abt-pg .story-panel__prefix-shape {
width: 14px;
height: 14px;
background: #02F4ED;
border-radius: 24px;
flex-shrink: 0
}

.abt-pg .story-panel__heading {
font-size: 32px;
line-height: 1.2;
letter-spacing: .015em;
margin: 0;
color: #FFF;
font-weight: 700
}

.abt-pg .story-panel__intro {
font-size: 15px;
line-height: 1.7;
letter-spacing: .015em;
margin: 20px 0 0;
color: #ffffffe0
}

.abt-pg .story-panel__right {
display: flex;
flex-direction: column;
gap: 40px
}

.abt-pg .story-card {
background: #fffffff2;
border-radius: 14px;
padding: 40px;
box-shadow: 2px 4px 22px 0 #ba06d01a;
position: relative;
overflow: hidden;
opacity: 0;
transform: translateY(40px);
animation: cascade-reveal .28s cubic-bezier(0.34, 1.56, 0.64, 1) forwards
}

.abt-pg .story-card:nth-child(1) {
animation-delay: .1s
}

.abt-pg .story-card:nth-child(2) {
animation-delay: .22s
}

.abt-pg .story-card:nth-child(3) {
animation-delay: .34s
}

@keyframes cascade-reveal {
to {
opacity: 1;
transform: translateY(0)
}
}

.abt-pg .story-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background: linear-gradient(180deg, #BA06D0 0%, #02F4ED 100%)
}

.abt-pg .story-card__label {
font-size: 13px;
line-height: 1.2;
letter-spacing: .02em;
text-transform: uppercase;
color: #BA06D0;
margin: 0 0 12px;
font-weight: 600
}

.abt-pg .story-card__txt {
font-size: 15px;
line-height: 1.7;
letter-spacing: .015em;
margin: 0;
color: #2a2a2a
}

.abt-pg .story-card__txt+.story-card__txt {
margin-top: 20px
}

@media (max-width: 1024px) {
.abt-pg .story-panel__container {
padding: 60px 40px
}

.abt-pg .story-panel__layout {
grid-template-columns: 1fr;
gap: 40px
}

.abt-pg .story-panel__left {
position: static
}
}

@media (max-width: 640px) {
.abt-pg .story-panel__container {
padding: 40px 20px
}

.abt-pg .story-card {
padding: 20px
}

.abt-pg .story-panel__right {
gap: 20px
}
}

.abt-pg .team-showcase {
background: #FFF;
position: relative;
padding: 80px 0
}

.abt-pg .team-showcase::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(/visual_storage/article-intro-nav.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
opacity: .03;
pointer-events: none
}

.abt-pg .team-showcase__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 80px;
position: relative;
z-index: 1
}

.abt-pg .team-showcase__header {
text-align: center;
margin: 0 0 60px
}

.abt-pg .team-showcase__heading {
font-size: 32px;
line-height: 1.2;
letter-spacing: .015em;
margin: 0 0 20px;
color: #1a1a1a;
font-weight: 700
}

.abt-pg .team-showcase__subheading {
font-size: 15px;
line-height: 1.7;
letter-spacing: .015em;
margin: 0;
color: #4a4a4a;
max-width: 640px;
margin-left: auto;
margin-right: auto
}

.abt-pg .team-showcase__grid {
display: grid;
grid-template-columns: 320px 1fr 1fr;
gap: 40px;
align-items: start
}

.abt-pg .profile-card {
background: #F1F0F0;
border-radius: 8px;
overflow: hidden;
box-shadow: 2px 3px 5px 0 #02f4ed0f;
transition: transform .24s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .24s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.abt-pg .profile-card:hover {
transform: translateY(-6px);
box-shadow: 2px 10px 48px 0 #02f4ed1f
}

.abt-pg .profile-card__img-wrap {
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
position: relative;
background: #e0e0e0
}

.abt-pg .profile-card__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
transition: transform .32s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.abt-pg .profile-card:hover .profile-card__img {
transform: scale(1.06)
}

.abt-pg .profile-card__info {
padding: 20px
}

.abt-pg .profile-card__name {
font-size: 15px;
line-height: 1.2;
letter-spacing: .015em;
margin: 0 0 6px;
color: #1a1a1a;
font-weight: 700
}

.abt-pg .profile-card__role {
font-size: 13px;
line-height: 1.7;
letter-spacing: .02em;
margin: 0;
color: #BA06D0;
text-transform: uppercase
}

.abt-pg .info-block {
background: #FFF;
border-radius: 14px;
padding: 40px;
box-shadow: 2px 4px 22px 0 #ba06d01a;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
overflow: hidden
}

.abt-pg .info-block::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 40px 40px;
border-color: transparent transparent #02F4ED;
opacity: .15;
pointer-events: none
}

.abt-pg .info-block__heading {
font-size: 15px;
line-height: 1.2;
letter-spacing: .015em;
margin: 0 0 12px;
color: #1a1a1a;
font-weight: 700
}

.abt-pg .info-block__txt {
font-size: 13px;
line-height: 1.7;
letter-spacing: .015em;
margin: 0;
color: #4a4a4a
}

.abt-pg .info-block__txt+.info-block__txt {
margin-top: 12px
}

@media (max-width: 1024px) {
.abt-pg .team-showcase {
padding: 60px 0
}

.abt-pg .team-showcase__container {
padding: 0 40px
}

.abt-pg .team-showcase__grid {
grid-template-columns: 1fr;
gap: 40px
}

.abt-pg .profile-card {
max-width: 320px;
margin: 0 auto
}
}

@media (max-width: 640px) {
.abt-pg .team-showcase {
padding: 40px 0
}

.abt-pg .team-showcase__container {
padding: 0 20px
}

.abt-pg .team-showcase__header {
margin: 0 0 40px
}

.abt-pg .info-block {
padding: 20px
}

.abt-pg .team-showcase__grid {
gap: 20px
}
}

.abt-pg .values-expanse {
background: linear-gradient(170deg, #F1F0F0 0%, #FFF 100%);
padding: 80px 0;
position: relative
}

.abt-pg .values-expanse::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(/visual_storage/final007.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
opacity: .02;
pointer-events: none
}

.abt-pg .values-expanse__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 80px;
position: relative;
z-index: 1
}

.abt-pg .values-expanse__header {
margin: 0 0 60px
}

.abt-pg .values-expanse__heading {
font-size: 32px;
line-height: 1.2;
letter-spacing: .015em;
margin: 0;
color: #1a1a1a;
font-weight: 700;
position: relative;
display: inline-block
}

.abt-pg .values-expanse__heading::before {
content: '';
position: absolute;
width: 12px;
height: 12px;
background: #BA06D0;
left: -26px;
top: 50%;
transform: translateY(-50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

.abt-pg .values-expanse__grid {
display: grid;
grid-template-columns: 280px 420px 1fr;
gap: 40px
}

.abt-pg .value-item {
background: #FFF;
border-radius: 40px;
padding: 40px;
box-shadow: 2px 3px 5px 0 #ba06d00f;
transition: transform .26s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .26s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden
}

.abt-pg .value-item:hover {
transform: translateY(-8px) scale(1.02);
box-shadow: 2px 10px 48px 0 #ba06d01f
}

.abt-pg .value-item::before {
content: '';
position: absolute;
top: -50%;
right: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle at center, #02f4ed0f 0%, transparent 70%);
pointer-events: none;
transition: transform .35s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.abt-pg .value-item:hover::before {
transform: translate(-25%, 25%)
}

.abt-pg .value-item__icon-wrap {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #BA06D0 0%, #02F4ED 100%);
border-radius: 24px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 20px;
position: relative;
z-index: 1
}

.abt-pg .value-item__icon {
width: 32px;
height: 32px;
fill: #FFF
}

.abt-pg .value-item__heading {
font-size: 15px;
line-height: 1.2;
letter-spacing: .015em;
margin: 0 0 12px;
color: #1a1a1a;
font-weight: 700;
position: relative;
z-index: 1
}

.abt-pg .value-item__txt {
font-size: 13px;
line-height: 1.7;
letter-spacing: .015em;
margin: 0;
color: #4a4a4a;
position: relative;
z-index: 1
}

@media (max-width: 1024px) {
.abt-pg .values-expanse {
padding: 60px 0
}

.abt-pg .values-expanse__container {
padding: 0 40px
}

.abt-pg .values-expanse__grid {
grid-template-columns: 1fr;
gap: 20px
}
}

@media (max-width: 640px) {
.abt-pg .values-expanse {
padding: 40px 0
}

.abt-pg .values-expanse__container {
padding: 0 20px
}

.abt-pg .value-item {
padding: 20px;
border-radius: 14px
}

.abt-pg .value-item__icon-wrap {
width: 48px;
height: 48px
}

.abt-pg .value-item__icon {
width: 24px;
height: 24px
}
}

.abt-pg .approach-display {
background: #02F4ED;
padding: 80px 0;
position: relative;
overflow: hidden
}

.abt-pg .approach-display::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(/visual_storage/wrapper-20250125.jpg);
background-size: cover;
background-position: center;
opacity: .05;
pointer-events: none
}

.abt-pg .approach-display__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 80px;
position: relative;
z-index: 1
}

.abt-pg .approach-display__layout {
display: grid;
grid-template-columns: 1fr 480px;
gap: 60px;
align-items: center
}

.abt-pg .approach-display__content {
color: #1a1a1a
}

.abt-pg .approach-display__heading {
font-size: 32px;
line-height: 1.2;
letter-spacing: .015em;
margin: 0 0 20px;
font-weight: 700
}

.abt-pg .approach-display__txt {
font-size: 15px;
line-height: 1.7;
letter-spacing: .015em;
margin: 0
}

.abt-pg .approach-display__txt+.approach-display__txt {
margin-top: 20px
}

.abt-pg .approach-display__metrics {
display: flex;
flex-direction: column;
gap: 20px
}

.abt-pg .metric-badge {
background: #ffffffeb;
border-radius: 8px;
padding: 20px 40px;
box-shadow: 2px 4px 22px 0 #ba06d01a;
display: flex;
align-items: center;
gap: 20px;
transition: transform .22s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden
}

.abt-pg .metric-badge:hover {
transform: translateX(8px)
}

.abt-pg .metric-badge::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
background: linear-gradient(180deg, #BA06D0 0%, #02F4ED 100%);
transform: scaleY(0);
transform-origin: bottom;
transition: transform .28s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.abt-pg .metric-badge:hover::before {
transform: scaleY(1);
transform-origin: top
}

.abt-pg .metric-badge__num {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
margin: 0;
color: #BA06D0;
font-weight: 700;
min-width: 80px
}

.abt-pg .metric-badge__label {
font-size: 13px;
line-height: 1.7;
letter-spacing: .015em;
margin: 0;
color: #2a2a2a
}

@media (max-width: 1024px) {
.abt-pg .approach-display {
padding: 60px 0
}

.abt-pg .approach-display__container {
padding: 0 40px
}

.abt-pg .approach-display__layout {
grid-template-columns: 1fr;
gap: 40px
}
}

@media (max-width: 640px) {
.abt-pg .approach-display {
padding: 40px 0
}

.abt-pg .approach-display__container {
padding: 0 20px
}

.abt-pg .metric-badge {
padding: 20px
}

.abt-pg .metric-badge__num {
font-size: 24px;
min-width: 60px
}
}

.learn-prog {
max-width: 1280px;
margin: 0 auto;
background: #fff
}

.learn-prog ::selection {
background: #ba06d026;
color: inherit
}

.learn-prog .tp-hero {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 580px;
position: relative;
overflow: hidden;
background: linear-gradient(156deg, #F1F0F0 0%, #fff 100%)
}

.learn-prog .tp-hero__txt {
padding: 80px 40px 80px 80px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 2
}

.learn-prog .tp-hero__label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: .02em;
color: #BA06D0;
margin-bottom: 20px;
font-weight: 600
}

.learn-prog .tp-hero__heading {
font-size: 62px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a2e;
margin-bottom: 20px;
font-weight: 700
}

.learn-prog .tp-hero__num {
color: #BA06D0
}

.learn-prog .tp-hero__desc {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #4a4a5e;
max-width: 480px
}

.learn-prog .tp-hero__visual {
position: relative;
overflow: hidden
}

.learn-prog .tp-hero__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: relative;
z-index: 1
}

.learn-prog .tp-hero__img::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ba06d01f;
z-index: 2
}

.learn-prog .tp-hero__pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(45deg, transparent, transparent 12px, #ba06d008 12px, #ba06d008 24px);
z-index: 1;
pointer-events: none
}

.learn-prog .tp-hero__dots {
position: absolute;
top: 40px;
right: 40px;
width: 120px;
height: 120px;
pointer-events: none;
z-index: 3
}

.learn-prog .tp-hero__dot {
position: absolute;
border-radius: 50%;
background: #02F4ED;
opacity: .4
}

.learn-prog .tp-hero__dot:nth-child(1) {
width: 8px;
height: 8px;
top: 0;
left: 0
}

.learn-prog .tp-hero__dot:nth-child(2) {
width: 14px;
height: 14px;
top: 20px;
left: 40px
}

.learn-prog .tp-hero__dot:nth-child(3) {
width: 6px;
height: 6px;
top: 50px;
left: 10px
}

.learn-prog .tp-hero__dot:nth-child(4) {
width: 10px;
height: 10px;
top: 70px;
left: 60px
}

.learn-prog .tp-hero__dot:nth-child(5) {
width: 12px;
height: 12px;
top: 90px;
left: 30px
}

@keyframes vert-clip {
from {
clip-path: inset(0 0 100% 0)
}

to {
clip-path: inset(0 0 0 0)
}
}

.learn-prog .tp-hero {
animation: vert-clip .28s cubic-bezier(0.34, 1.56, 0.64, 1) forwards
}

.learn-prog .divider-dbl {
height: 2px;
background: linear-gradient(90deg, transparent 0%, #BA06D0 50%, transparent 100%);
margin: 0 80px;
position: relative
}

.learn-prog .divider-dbl::after {
content: '';
position: absolute;
top: 6px;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #02F4ED 50%, transparent 100%)
}

.learn-prog .catalog-wrap {
padding: 80px 40px;
background: #fff
}

.learn-prog .catalog-wrap__hd {
text-align: center;
margin-bottom: 40px
}

.learn-prog .catalog-wrap__title {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a2e;
margin-bottom: 12px;
font-weight: 700
}

.learn-prog .catalog-wrap__subtitle {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #4a4a5e
}

.learn-prog .catalog-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
max-width: 1120px;
margin: 0 auto
}

.learn-prog .prog-card {
background: #fff;
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 4px 22px 0 #ba06d01a;
transition: transform .24s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .24s cubic-bezier(0.34, 1.56, 0.64, 1);
display: flex;
flex-direction: column
}

.learn-prog .prog-card:hover {
transform: translateY(-6px);
box-shadow: 2px 10px 48px 0 #ba06d01f
}

.learn-prog .prog-card__visual {
position: relative;
height: 240px;
overflow: hidden;
background: #F1F0F0
}

.learn-prog .prog-card__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .32s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.learn-prog .prog-card:hover .prog-card__img {
transform: scale(1.08)
}

.learn-prog .prog-card__badge {
position: absolute;
top: 12px;
left: 12px;
background: #ba06d0f2;
color: #fff;
padding: 6px 12px;
border-radius: 4px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .02em
}

.learn-prog .prog-card__body {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1
}

.learn-prog .prog-card__meta {
display: flex;
gap: 20px;
margin-bottom: 12px;
font-size: 13px;
color: #6a6a7e;
letter-spacing: .01em
}

.learn-prog .prog-card__meta-item {
display: flex;
align-items: center;
gap: 6px
}

.learn-prog .prog-card__title {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #1a1a2e;
margin-bottom: 12px;
font-weight: 700
}

.learn-prog .prog-card__desc {
font-size: 13px;
line-height: 1.7;
letter-spacing: .01em;
color: #4a4a5e;
margin-bottom: 20px;
flex-grow: 1
}

.learn-prog .prog-card__ft {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 20px;
border-top: 1px solid #e8e8ea
}

.learn-prog .prog-card__price {
font-size: 15px;
font-weight: 700;
color: #BA06D0;
letter-spacing: .01em
}

.learn-prog .prog-card__stats {
display: flex;
gap: 12px;
font-size: 13px;
color: #6a6a7e
}

.learn-prog .prog-card__stat {
display: flex;
align-items: center;
gap: 6px
}

.learn-prog .prog-card__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}

.learn-prog .indicators-row {
padding: 80px 40px;
background: linear-gradient(156deg, #fff 0%, #F1F0F0 100%)
}

.learn-prog .indicators-row__inner {
max-width: 960px;
margin: 0 auto
}

.learn-prog .indicators-row__hd {
text-align: center;
margin-bottom: 40px
}

.learn-prog .indicators-row__title {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a2e;
font-weight: 700;
margin-bottom: 12px
}

.learn-prog .indicators-row__subtitle {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #4a4a5e
}

.learn-prog .indicators-grid {
display: flex;
justify-content: center;
gap: 40px;
flex-wrap: wrap
}

.learn-prog .indicator-circle {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative
}

.learn-prog .indicator-circle__ring {
width: 120px;
height: 120px;
border-radius: 50%;
border: 8px solid #02F4ED;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
position: relative;
background: #fff;
box-shadow: 2px 3px 5px 0 #ba06d00f;
animation: pulse-ring 2.8s cubic-bezier(0.34, 1.56, 0.64, 1) infinite
}

@keyframes pulse-ring {

0%,
100% {
border-color: #02F4ED;
transform: scale(1)
}

50% {
border-color: #BA06D0;
transform: scale(1.05)
}
}

.learn-prog .indicator-circle__value {
font-size: 32px;
font-weight: 700;
color: #BA06D0;
line-height: 1;
letter-spacing: .01em
}

.learn-prog .indicator-circle__label {
font-size: 13px;
color: #4a4a5e;
letter-spacing: .01em;
max-width: 140px
}

.learn-prog .triple-col {
padding: 80px 40px;
background: #fff;
position: relative
}

.learn-prog .triple-col__shared-top {
background: linear-gradient(90deg, #BA06D0 0%, #02F4ED 100%);
height: 6px;
border-radius: 40px;
margin-bottom: 40px;
max-width: 960px;
margin-left: auto;
margin-right: auto
}

.learn-prog .triple-col__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
max-width: 960px;
margin: 0 auto
}

.learn-prog .benefit-col {
text-align: center
}

.learn-prog .benefit-col__icon {
width: 80px;
height: 80px;
margin: 0 auto 20px;
border-radius: 24px;
background: linear-gradient(135deg, #F1F0F0 0%, #fff 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: #BA06D0;
box-shadow: 2px 3px 5px 0 #ba06d00f
}

.learn-prog .benefit-col__title {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #1a1a2e;
font-weight: 700;
margin-bottom: 12px
}

.learn-prog .benefit-col__desc {
font-size: 13px;
line-height: 1.7;
letter-spacing: .01em;
color: #4a4a5e
}

.learn-prog .testimonial-duo {
padding: 80px 40px;
background: linear-gradient(156deg, #F1F0F0 0%, #fff 100%);
position: relative;
overflow: hidden
}

.learn-prog .testimonial-duo::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(-45deg, transparent, transparent 16px, #02f4ed08 16px, #02f4ed08 32px);
pointer-events: none
}

.learn-prog .testimonial-duo__inner {
max-width: 960px;
margin: 0 auto;
position: relative;
z-index: 1
}

.learn-prog .testimonial-duo__hd {
text-align: center;
margin-bottom: 40px
}

.learn-prog .testimonial-duo__title {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a2e;
font-weight: 700
}

.learn-prog .testimonial-duo__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px
}

.learn-prog .testimonial-item {
background: #fff;
border-radius: 14px;
padding: 20px;
box-shadow: 2px 4px 22px 0 #02f4ed1a;
display: flex;
flex-direction: column;
gap: 20px
}

.learn-prog .testimonial-item__profile {
display: flex;
gap: 12px;
align-items: center
}

.learn-prog .testimonial-item__avatar {
width: 60px;
height: 80px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0
}

.learn-prog .testimonial-item__portrait {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top
}

.learn-prog .testimonial-item__info {
display: flex;
flex-direction: column;
gap: 6px
}

.learn-prog .testimonial-item__name {
font-size: 15px;
font-weight: 700;
color: #1a1a2e;
letter-spacing: .01em
}

.learn-prog .testimonial-item__role {
font-size: 13px;
color: #6a6a7e;
letter-spacing: .01em
}

.learn-prog .testimonial-item__quote {
font-size: 13px;
line-height: 1.7;
letter-spacing: .01em;
color: #4a4a5e
}

.learn-prog .photo-overlay {
padding: 80px 40px;
background-image: url(/visual_storage/ARTICLE_20250702.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
position: relative;
animation: vert-clip .26s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards
}

.learn-prog .photo-overlay::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffffe0;
z-index: 1
}

.learn-prog .photo-overlay__content {
position: relative;
z-index: 2;
max-width: 720px;
margin: 0 auto;
text-align: center
}

.learn-prog .photo-overlay__label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: .02em;
color: #BA06D0;
margin-bottom: 20px;
font-weight: 600
}

.learn-prog .photo-overlay__title {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a2e;
font-weight: 700;
margin-bottom: 20px
}

.learn-prog .photo-overlay__desc {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #4a4a5e;
margin-bottom: 40px
}

.learn-prog .photo-overlay__cta {
display: inline-block;
padding: 12px 40px;
background: #BA06D0;
color: #fff;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
letter-spacing: .01em;
text-decoration: none;
position: relative;
overflow: hidden;
transition: transform .27s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.learn-prog .photo-overlay__cta::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: #02F4ED;
transition: height .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
z-index: -1
}

.learn-prog .photo-overlay__cta:hover::before {
height: 100%
}

.learn-prog .photo-overlay__cta:hover {
transform: translateY(-3px)
}

.learn-prog .faq-block {
padding: 80px 40px;
background: #fff
}

.learn-prog .faq-block__inner {
max-width: 800px;
margin: 0 auto
}

.learn-prog .faq-block__hd {
text-align: center;
margin-bottom: 40px
}

.learn-prog .faq-block__title {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a2e;
font-weight: 700
}

.learn-prog .faq-list {
display: flex;
flex-direction: column;
gap: 20px
}

.learn-prog .faq-entry {
background: #F1F0F0;
border-radius: 14px;
padding: 20px
}

.learn-prog .faq-entry__q {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #1a1a2e;
font-weight: 700;
margin-bottom: 12px
}

.learn-prog .faq-entry__a {
font-size: 13px;
line-height: 1.7;
letter-spacing: .01em;
color: #4a4a5e
}

@media (max-width: 1024px) {
.learn-prog .tp-hero {
grid-template-columns: 1fr
}

.learn-prog .tp-hero__txt {
padding: 40px
}

.learn-prog .tp-hero__visual {
min-height: 400px
}

.learn-prog .catalog-grid {
grid-template-columns: 1fr;
gap: 20px
}

.learn-prog .triple-col__grid {
grid-template-columns: 1fr;
gap: 20px
}

.learn-prog .testimonial-duo__grid {
grid-template-columns: 1fr;
gap: 20px
}

.learn-prog .indicators-grid {
gap: 20px
}
}

@media (max-width: 640px) {
.learn-prog .tp-hero__heading {
font-size: 32px
}

.learn-prog .catalog-wrap {
padding: 40px 20px
}

.learn-prog .indicators-row {
padding: 40px 20px
}

.learn-prog .triple-col {
padding: 40px 20px
}

.learn-prog .testimonial-duo {
padding: 40px 20px
}

.learn-prog .photo-overlay {
padding: 40px 20px
}

.learn-prog .faq-block {
padding: 40px 20px
}

.learn-prog .divider-dbl {
margin: 0 20px
}
}

@media (max-width: 360px) {
.learn-prog .tp-hero__txt {
padding: 20px
}

.learn-prog .tp-hero__heading {
font-size: 32px
}
}

.cntct-pg ::selection {
background-color: #ba06d026;
color: #1a0d1e
}

.cntct-pg {
max-width: 1280px;
margin: 0 auto;
background: #fff
}

.cntct-pg .tp-bnr {
position: relative;
padding: 80px 20px 60px;
overflow: hidden;
background: linear-gradient(167deg, #F1F0F0 0%, #fff 100%)
}

.cntct-pg .tp-bnr::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, #ba06d008 20px, #ba06d008 22px);
pointer-events: none;
z-index: 1
}

.cntct-pg .tp-bnr__grid {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
position: relative;
z-index: 2
}

.cntct-pg .tp-bnr__txt {
display: flex;
flex-direction: column;
gap: 20px
}

.cntct-pg .tp-bnr__hd {
font-size: 62px;
line-height: 1.2;
letter-spacing: .01em;
font-weight: 700;
color: #1a0d1e;
margin: 0
}

.cntct-pg .tp-bnr__desc {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #3d3d3d;
margin: 0;
max-width: 640px
}

.cntct-pg .tp-bnr__img-wrp {
position: relative;
width: 100%;
height: 360px;
border-radius: 24px;
overflow: hidden;
box-shadow: 2px 4px 22px 0 #ba06d01a
}

.cntct-pg .tp-bnr__img-wrp::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 60%;
height: 100%;
background: linear-gradient(90deg, #ba06d0bf 0%, transparent 100%);
pointer-events: none;
z-index: 2
}

.cntct-pg .tp-bnr__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transform: translateY(0);
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cntct-pg .tp-bnr__img-wrp:hover .tp-bnr__img {
transform: translateY(-6px)
}

.cntct-pg .inf-grd {
padding: 80px 20px;
background: #fff
}

.cntct-pg .inf-grd__ctnr {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px;
max-width: 1280px;
margin: 0 auto
}

.cntct-pg .inf-grd__itm {
position: relative;
padding: 40px;
background: #F1F0F0;
border-radius: 14px;
display: flex;
flex-direction: column;
gap: 20px;
transform: translateY(0);
transition: transform .24s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow .24s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.cntct-pg .inf-grd__itm:hover {
transform: translateY(-8px);
box-shadow: 2px 10px 48px 0 #02f4ed1f
}

.cntct-pg .inf-grd__icn-wrp {
width: 64px;
height: 64px;
border-radius: 40px;
background: linear-gradient(135deg, #BA06D0 0%, #8a0599 100%);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.cntct-pg .inf-grd__icn {
width: 32px;
height: 32px;
fill: none;
stroke: #fff;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round
}

.cntct-pg .inf-grd__lbl {
font-size: 13px;
line-height: 1.2;
letter-spacing: .02em;
text-transform: uppercase;
color: #BA06D0;
font-weight: 700;
margin: 0
}

.cntct-pg .inf-grd__val {
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #1a0d1e;
margin: 0;
word-break: break-word
}

.cntct-pg .inf-grd__val a {
color: #1a0d1e;
text-decoration: none;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cntct-pg .inf-grd__val a:hover {
color: #BA06D0
}

.cntct-pg .frm-zn {
padding: 80px 20px;
background: linear-gradient(167deg, #BA06D0 0%, #8a0599 100%);
position: relative;
overflow: hidden
}

.cntct-pg .frm-zn::before {
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 400px;
height: 400px;
border-radius: 50%;
background: #02f4ed14;
pointer-events: none;
z-index: 1
}

.cntct-pg .frm-zn::after {
content: '';
position: absolute;
bottom: -80px;
left: -80px;
width: 300px;
height: 300px;
border-radius: 50%;
background: #02f4ed0f;
pointer-events: none;
z-index: 1
}

.cntct-pg .frm-zn__ctnr {
max-width: 760px;
margin: 0 auto;
position: relative;
z-index: 2
}

.cntct-pg .frm-zn__hdr {
text-align: center;
margin-bottom: 40px
}

.cntct-pg .frm-zn__ttl {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
font-weight: 700;
color: #fff;
margin: 0 0 12px
}

.cntct-pg .frm-zn__sbtl {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #ffffffe0;
margin: 0
}

.cntct-pg .frm-zn__frm {
background: #fff;
padding: 40px;
border-radius: 24px;
box-shadow: 2px 10px 48px 0 #02f4ed1f
}

.cntct-pg .frm-zn__rw {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin-bottom: 20px
}

.cntct-pg .frm-zn__fld {
display: flex;
flex-direction: column;
gap: 6px
}

.cntct-pg .frm-zn__lbl {
font-size: 13px;
line-height: 1.2;
letter-spacing: .02em;
font-weight: 700;
color: #1a0d1e;
text-transform: uppercase
}

.cntct-pg .frm-zn__inpt {
width: 100%;
padding: 12px 20px;
border: 2px solid #F1F0F0;
border-radius: 8px;
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #1a0d1e;
background: #fff;
transition: border-color .26s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .26s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cntct-pg .frm-zn__inpt::placeholder {
color: #999;
text-transform: uppercase;
font-size: 13px;
letter-spacing: .02em
}

.cntct-pg .frm-zn__inpt:focus {
outline: none;
border-color: #BA06D0;
box-shadow: 2px 3px 5px 0 #ba06d00f
}

.cntct-pg .frm-zn__slct {
width: 100%;
padding: 12px 20px;
border: 2px solid #F1F0F0;
border-radius: 8px;
font-size: 15px;
line-height: 1.7;
letter-spacing: .01em;
color: #1a0d1e;
background: #fff;
cursor: pointer;
transition: border-color .26s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .26s cubic-bezier(0.34, 1.56, 0.64, 1);
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%231a0d1e' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 40px
}

.cntct-pg .frm-zn__slct:focus {
outline: none;
border-color: #BA06D0;
box-shadow: 2px 3px 5px 0 #ba06d00f
}

.cntct-pg .frm-zn__chkbx-wrp {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 20px
}

.cntct-pg .frm-zn__chkbx {
width: 20px;
height: 20px;
border: 2px solid #F1F0F0;
border-radius: 4px;
cursor: pointer;
flex-shrink: 0;
margin-top: 2px;
transition: border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1), background-color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cntct-pg .frm-zn__chkbx:checked {
background-color: #BA06D0;
border-color: #BA06D0
}

.cntct-pg .frm-zn__chkbx:focus {
outline: none;
box-shadow: 2px 3px 5px 0 #ba06d00f
}

.cntct-pg .frm-zn__chkbx-lbl {
font-size: 13px;
line-height: 1.7;
letter-spacing: .01em;
color: #3d3d3d;
margin: 0
}

.cntct-pg .frm-zn__chkbx-lbl a {
color: #BA06D0;
text-decoration: none;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cntct-pg .frm-zn__chkbx-lbl a:hover {
color: #8a0599
}

.cntct-pg .frm-zn__sbmt {
width: 100%;
padding: 20px 40px;
border: none;
border-radius: 8px;
font-size: 15px;
line-height: 1.2;
letter-spacing: .02em;
font-weight: 700;
text-transform: lowercase;
color: #fff;
background: #BA06D0;
cursor: pointer;
position: relative;
overflow: hidden;
transition: transform .24s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.cntct-pg .frm-zn__sbmt::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: #8a0599;
transition: height .32s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: 1
}

.cntct-pg .frm-zn__sbmt:hover::before {
height: 100%
}

.cntct-pg .frm-zn__sbmt:hover {
transform: translateY(-2px)
}

.cntct-pg .frm-zn__sbmt span {
position: relative;
z-index: 2
}

.cntct-pg .frm-zn__sbmt:focus {
outline: none;
box-shadow: 2px 4px 22px 0 #ba06d01a
}

@media (min-width: 640px) {
.cntct-pg .tp-bnr {
padding: 100px 40px 80px
}

.cntct-pg .tp-bnr__grid {
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center
}

.cntct-pg .tp-bnr__img-wrp {
height: 420px
}

.cntct-pg .inf-grd {
padding: 100px 40px
}

.cntct-pg .frm-zn {
padding: 100px 40px
}

.cntct-pg .frm-zn__frm {
padding: 60px
}

.cntct-pg .frm-zn__rw {
grid-template-columns: 1fr 1fr
}

.cntct-pg .frm-zn__fld.full-wdth {
grid-column: 1 / -1
}
}

@media (min-width: 1024px) {
.cntct-pg .tp-bnr {
padding: 120px 80px 100px
}

.cntct-pg .tp-bnr__grid {
gap: 120px
}

.cntct-pg .tp-bnr__img-wrp {
height: 480px
}

.cntct-pg .inf-grd {
padding: 120px 80px
}

.cntct-pg .inf-grd__ctnr {
grid-template-columns: repeat(3, 1fr)
}

.cntct-pg .frm-zn {
padding: 120px 80px
}
}

@media (min-width: 1280px) {
.cntct-pg .tp-bnr__img-wrp {
height: 520px
}
}

.expense_track {
max-width: 1280px;
margin: 0 auto;
background: #fff;
overflow-x: clip
}

.expense_track ::selection {
background: #ba06d026;
color: inherit
}

.expense_track .intro_splash {
position: relative;
padding: 80px 20px;
background: linear-gradient(172deg, #BA06D0 0%, #F1F0F0 100%);
overflow: hidden
}

.intro_splash__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
max-width: 1280px;
margin: 0 auto
}

.intro_splash__text_zone {
position: relative;
z-index: 2
}

.intro_splash__heading {
font-size: 62px;
line-height: 1.2;
letter-spacing: .01em;
color: #fff;
margin: 0 0 20px;
font-weight: 700
}

.intro_splash__tagline {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #fffffff2;
margin: 0 0 40px
}

.intro_splash__actions {
display: flex;
gap: 12px;
flex-wrap: wrap
}

.intro_splash__btn {
padding: 12px 40px;
font-size: 13px;
letter-spacing: .02em;
text-transform: lowercase;
border: none;
border-radius: 24px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1);
background: #fff;
color: #BA06D0;
font-weight: 600
}

.intro_splash__btn::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: #02F4ED;
transition: height .32s cubic-bezier(0.68, -0.55, 0.27, 1.55);
z-index: -1
}

.intro_splash__btn:hover::before {
height: 100%
}

.intro_splash__btn:hover {
transform: translateY(-2px);
color: #1a1a2e
}

.intro_splash__btn_secondary {
background: transparent;
color: #fff;
border: 2px solid #fff6
}

.intro_splash__btn_secondary::before {
background: #fff3
}

.intro_splash__btn_secondary:hover {
color: #fff;
border-color: #fffc
}

.intro_splash__visual_zone {
position: relative;
z-index: 1
}

.intro_splash__img_container {
position: relative;
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 10px 48px 0 #ba06d01f
}

.intro_splash__img_container::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><filter id="noise"><feTurbulence baseFrequency="0.9" numOctaves="4"/></filter><rect width="200" height="200" filter="url(%23noise)" opacity="0.08"/></svg>');
pointer-events: none
}

.intro_splash__img {
width: 100%;
height: auto;
display: block;
transition: transform 8s ease-out
}

.intro_splash__img_container:hover .intro_splash__img {
transform: scale(1.08)
}

.intro_splash__shape_one {
position: absolute;
top: 40px;
right: 80px;
width: 120px;
height: 120px;
border: 3px dotted #ffffff4d;
border-radius: 40px;
transform: rotate(15deg);
z-index: 0
}

.intro_splash__shape_two {
position: absolute;
bottom: 60px;
left: -40px;
width: 80px;
height: 80px;
background: #02f4ed26;
border-radius: 24px;
transform: rotate(-12deg);
z-index: 0
}

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

.intro_splash__heading {
font-size: 32px
}
}

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

.intro_splash__actions {
flex-direction: column
}

.intro_splash__btn {
width: 100%;
text-align: center
}
}

.expense_track .story_mirror {
padding: 80px 20px;
background: #fff;
position: relative
}

.story_mirror__container {
max-width: 1280px;
margin: 0 auto;
display: flex;
gap: 80px;
align-items: flex-start
}

.story_mirror__portrait_zone {
flex: 0 0 280px;
position: sticky;
top: 20px
}

.story_mirror__portrait_frame {
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 4px 22px 0 #ba06d01a;
position: relative
}

.story_mirror__portrait_frame::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px dotted #ba06d033;
border-radius: 14px;
pointer-events: none;
z-index: 1
}

.story_mirror__portrait {
width: 100%;
height: 420px;
object-fit: cover;
object-position: top;
display: block;
transition: transform 8s ease-out
}

.story_mirror__portrait_frame:hover .story_mirror__portrait {
transform: scale(1.05)
}

.story_mirror__content {
flex: 1;
animation: slide_in_right .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

@keyframes slide_in_right {
from {
opacity: 0;
transform: translateX(40px)
}

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

.story_mirror__label {
font-size: 13px;
letter-spacing: .02em;
text-transform: uppercase;
color: #BA06D0;
margin: 0 0 12px;
font-weight: 600
}

.story_mirror__heading {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a2e;
margin: 0 0 20px;
font-weight: 700
}

.story_mirror__text {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #4a4a5e;
margin: 0 0 20px
}

.story_mirror__quote {
padding: 20px 20px 20px 40px;
background: #02f4ed14;
border-radius: 8px;
position: relative;
margin: 20px 0
}

.story_mirror__quote::before {
content: '';
position: absolute;
left: 12px;
top: 20px;
width: 4px;
height: 40px;
background: #02F4ED;
border-radius: 4px
}

.story_mirror__quote_text {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #2a2a3e;
margin: 0;
font-style: italic
}

.story_mirror__attribution {
font-size: 13px;
letter-spacing: .02em;
color: #BA06D0;
margin: 12px 0 0;
font-weight: 600
}

@media (max-width: 1024px) {
.story_mirror__container {
flex-direction: column;
gap: 40px
}

.story_mirror__portrait_zone {
flex: 0 0 auto;
position: static;
max-width: 320px;
margin: 0 auto
}
}

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

.story_mirror__heading {
font-size: 32px
}
}

.expense_track .method_distinct {
padding: 80px 20px;
background: #F1F0F0;
position: relative;
overflow: hidden
}

.method_distinct::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: repeating-linear-gradient(90deg, #BA06D0 0px, #BA06D0 8px, transparent 8px, transparent 16px);
opacity: .3
}

.method_distinct::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 300px;
height: 300px;
background-image: linear-gradient(45deg, transparent 48%, #ba06d008 48%, #ba06d008 52%, transparent 52%), linear-gradient(-45deg, transparent 48%, #ba06d008 48%, #ba06d008 52%, transparent 52%);
background-size: 40px 40px;
pointer-events: none;
z-index: 0
}

.method_distinct__container {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1;
animation: slide_in_left .3s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

@keyframes slide_in_left {
from {
opacity: 0;
transform: translateX(-40px)
}

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

.method_distinct__heading {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a2e;
margin: 0 0 40px;
font-weight: 700;
text-align: center
}

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

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

.method_distinct__feature_card {
background: #fff;
padding: 20px;
border-radius: 14px;
box-shadow: 2px 3px 5px 0 #ba06d00f;
transition: all .27s cubic-bezier(0.34, 1.56, 0.64, 1);
position: relative;
overflow: hidden
}

.method_distinct__feature_card:hover {
transform: translateY(-4px);
box-shadow: 2px 10px 48px 0 #ba06d01f
}

.method_distinct__feature_card:hover::before {
opacity: 1
}

.method_distinct__feature_card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff9;
backdrop-filter: blur(12px);
opacity: 0;
transition: opacity .3s cubic-bezier(0.34, 1.56, 0.64, 1);
pointer-events: none;
z-index: 0
}

.method_distinct__feature_card>* {
position: relative;
z-index: 1
}

.method_distinct__feature_heading {
font-size: 15px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a2e;
margin: 0 0 12px;
font-weight: 700
}

.method_distinct__feature_text {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #4a4a5e;
margin: 0
}

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

.method_distinct__img_wrapper {
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 4px 22px 0 #ba06d01a
}

.method_distinct__img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
transition: transform 8s ease-out
}

.method_distinct__img_wrapper:hover .method_distinct__img {
transform: scale(1.06)
}

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

.method_distinct__visual_stack {
flex-direction: row;
gap: 12px
}

.method_distinct__img_wrapper {
flex: 1
}
}

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

.method_distinct__visual_stack {
flex-direction: column
}
}

.expense_track .metrics_proof {
padding: 80px 20px;
background: #fff;
position: relative
}

.metrics_proof__container {
max-width: 1280px;
margin: 0 auto;
animation: slide_in_bottom .24s cubic-bezier(0.34, 1.56, 0.64, 1)
}

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

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

.metrics_proof__intro {
text-align: center;
margin: 0 0 80px
}

.metrics_proof__heading {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a2e;
margin: 0 0 20px;
font-weight: 700
}

.metrics_proof__subtext {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #4a4a5e;
margin: 0;
max-width: 640px;
margin: 0 auto
}

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

.metrics_proof__stat_card {
background: linear-gradient(135deg, #ba06d008 0%, #02f4ed08 100%);
padding: 40px 20px;
border-radius: 24px;
text-align: center;
position: relative;
transition: transform .29s cubic-bezier(0.68, -0.55, 0.27, 1.55);
border: 2px solid transparent
}

.metrics_proof__stat_card:hover {
transform: scale(1.05);
border-color: #ba06d033
}

.metrics_proof__stat_number {
font-size: 62px;
line-height: 1.2;
letter-spacing: .01em;
color: #BA06D0;
margin: 0 0 12px;
font-weight: 700
}

.metrics_proof__stat_label {
font-size: 15px;
line-height: 1.2;
letter-spacing: .02em;
color: #1a1a2e;
margin: 0 0 6px;
font-weight: 600
}

.metrics_proof__stat_detail {
font-size: 13px;
line-height: 1.7;
letter-spacing: .02em;
color: #4a4a5e;
margin: 0
}

.metrics_proof__visual_row {
margin: 80px 0 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px
}

.metrics_proof__img_box {
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 4px 22px 0 #ba06d01a;
position: relative
}

.metrics_proof__img_box::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px dotted #ba06d026;
border-radius: 14px;
pointer-events: none
}

.metrics_proof__img {
width: 100%;
height: 280px;
object-fit: cover;
display: block;
transition: transform 8s ease-out
}

.metrics_proof__img_box:hover .metrics_proof__img {
transform: scale(1.07)
}

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

.metrics_proof__visual_row {
grid-template-columns: 1fr
}
}

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

.metrics_proof__intro {
margin: 0 0 40px
}

.metrics_proof__stat_card {
padding: 20px 12px
}
}

.expense_track .outcome_evidence {
padding: 80px 20px;
background: #f1f0f080;
position: relative
}

.outcome_evidence__container {
max-width: 1280px;
margin: 0 auto;
animation: slide_in_top .26s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

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

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

.outcome_evidence__heading {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a2e;
margin: 0 0 40px;
font-weight: 700;
text-align: center
}

.outcome_evidence__cases {
display: flex;
flex-direction: column;
gap: 40px
}

.outcome_evidence__case_row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
background: #fff;
padding: 40px;
border-radius: 24px;
box-shadow: 2px 3px 5px 0 #ba06d00f;
align-items: center;
transition: all .31s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.outcome_evidence__case_row:hover {
transform: translateX(8px);
box-shadow: 2px 10px 48px 0 #ba06d01f
}

.outcome_evidence__case_row:nth-child(even) {
grid-template-columns: 1fr 1fr
}

.outcome_evidence__case_row:nth-child(even):hover {
transform: translateX(-8px)
}

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

.outcome_evidence__case_name {
font-size: 15px;
line-height: 1.2;
letter-spacing: .02em;
color: #BA06D0;
margin: 0;
font-weight: 700
}

.outcome_evidence__case_situation {
font-size: 13px;
line-height: 1.7;
letter-spacing: .02em;
color: #4a4a5e;
margin: 0;
font-style: italic
}

.outcome_evidence__case_result {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #1a1a2e;
margin: 0
}

.outcome_evidence__case_visual {
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 4px 22px 0 #ba06d01a
}

.outcome_evidence__case_img {
width: 100%;
height: 240px;
object-fit: cover;
display: block;
transition: transform 8s ease-out
}

.outcome_evidence__case_row:hover .outcome_evidence__case_img {
transform: scale(1.06)
}

@media (max-width: 1024px) {

.outcome_evidence__case_row,
.outcome_evidence__case_row:nth-child(even) {
grid-template-columns: 1fr;
gap: 20px
}

.outcome_evidence__case_row:nth-child(even):hover {
transform: translateX(8px)
}
}

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

.outcome_evidence__case_row {
padding: 20px
}
}

.expense_track .foundation_reveal {
padding: 80px 20px;
background: #fff;
position: relative
}

.foundation_reveal__container {
max-width: 1280px;
margin: 0 auto;
animation: slide_in_right .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.foundation_reveal__heading {
font-size: 32px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a1a2e;
margin: 0 0 40px;
font-weight: 700
}

.foundation_reveal__layout {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 80px;
align-items: start
}

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

.foundation_reveal__text {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #4a4a5e;
margin: 0
}

.foundation_reveal__checklist {
display: flex;
flex-direction: column;
gap: 12px;
margin: 20px 0 0
}

.foundation_reveal__check_item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px;
background: #02f4ed0d;
border-radius: 8px;
transition: all .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.foundation_reveal__check_item:hover {
background: #02f4ed1f;
transform: translateX(6px)
}

.foundation_reveal__check_icon {
flex-shrink: 0;
width: 24px;
height: 24px;
margin-top: 2px
}

.foundation_reveal__check_icon svg {
width: 100%;
height: 100%
}

.foundation_reveal__check_text {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #1a1a2e;
margin: 0
}

.foundation_reveal__sidebar {
position: sticky;
top: 20px;
background: linear-gradient(172deg, #F1F0F0 0%, #fff 100%);
padding: 40px 20px;
border-radius: 24px;
box-shadow: 2px 4px 22px 0 #ba06d01a
}

.foundation_reveal__sidebar_heading {
font-size: 15px;
line-height: 1.2;
letter-spacing: .01em;
color: #BA06D0;
margin: 0 0 20px;
font-weight: 700;
text-align: center
}

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

.foundation_reveal__sidebar_item {
font-size: 13px;
line-height: 1.7;
letter-spacing: .02em;
color: #4a4a5e;
margin: 0;
padding: 6px 0;
border-bottom: 1px solid #ba06d01a
}

.foundation_reveal__sidebar_item:last-child {
border-bottom: none
}

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

.foundation_reveal__sidebar {
position: static
}
}

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

.foundation_reveal__sidebar {
padding: 20px 12px
}

.expense_track {
overflow-x: clip
}
}

.success-confirmation-page {
background: linear-gradient(168deg, #F1F0F0 0%, #fff 100%);
min-height: 100vh;
padding: 80px 20px
}

.success-confirmation-page .success-container {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px
}

.success-confirmation-page .success-visual {
width: 140px;
height: 140px;
background: #BA06D0;
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 2px 10px 48px 0 #ba06d01f;
transform: rotate(0deg);
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.success-confirmation-page .success-visual:hover {
transform: rotate(8deg) scale(1.05)
}

.success-confirmation-page .success-visual svg {
width: 72px;
height: 72px;
stroke: #fff;
stroke-width: 3;
fill: none;
stroke-linecap: round;
stroke-linejoin: round
}

.success-confirmation-page .success-message-block {
text-align: center;
max-width: 680px
}

.success-confirmation-page .success-heading {
font-size: 62px;
line-height: 1.2;
letter-spacing: .01em;
color: #1a0a1c;
margin: 0 0 20px;
font-weight: 700
}

.success-confirmation-page .success-subheading {
font-size: 32px;
line-height: 1.2;
letter-spacing: .015em;
color: #4a2a4c;
margin: 0 0 40px;
font-weight: 600
}

.success-confirmation-page .success-description {
font-size: 15px;
line-height: 1.7;
letter-spacing: .02em;
color: #2c1a2e;
margin: 0 0 12px
}

.success-confirmation-page .success-detail-text {
font-size: 13px;
line-height: 1.7;
letter-spacing: .02em;
color: #5a3a5c;
margin: 0
}

.success-confirmation-page .success-actions {
display: flex;
flex-direction: row;
gap: 20px;
margin: 40px 0 0
}

.success-confirmation-page .action-button-primary {
padding: 20px 40px;
background: #BA06D0;
color: #fff;
border: none;
border-radius: 14px;
font-size: 15px;
letter-spacing: .02em;
cursor: pointer;
text-decoration: none;
display: inline-block;
position: relative;
overflow: hidden;
transition: transform .24s cubic-bezier(0.68, -0.55, 0.27, 1.55);
box-shadow: 2px 4px 22px 0 #ba06d01a
}

.success-confirmation-page .action-button-primary::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: #9a05ad;
transition: height .32s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: 0
}

.success-confirmation-page .action-button-primary:hover::before {
height: 100%
}

.success-confirmation-page .action-button-primary span {
position: relative;
z-index: 1
}

.success-confirmation-page .action-button-primary:hover {
transform: translateY(-3px)
}

.success-confirmation-page .action-button-secondary {
padding: 20px 40px;
background: transparent;
color: #BA06D0;
border: 2px solid #BA06D0;
border-radius: 14px;
font-size: 15px;
letter-spacing: .02em;
cursor: pointer;
text-decoration: none;
display: inline-block;
transition: all .26s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.success-confirmation-page .action-button-secondary:hover {
background: #BA06D0;
color: #fff;
transform: translateY(-3px)
}

.success-confirmation-page .info-cards-section {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
width: 100%;
margin: 40px 0 0
}

.success-confirmation-page .info-card {
background: #fff;
padding: 40px;
border-radius: 24px;
box-shadow: 2px 3px 5px 0 #ba06d00f;
transition: transform .27s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow .27s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.success-confirmation-page .info-card:hover {
transform: translateY(-6px);
box-shadow: 2px 10px 48px 0 #ba06d01f
}

.success-confirmation-page .card-icon-wrapper {
width: 56px;
height: 56px;
background: linear-gradient(135deg, #02F4ED 0%, #01c4be 100%);
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 20px
}

.success-confirmation-page .card-icon-wrapper svg {
width: 28px;
height: 28px;
stroke: #fff;
stroke-width: 2.5;
fill: none
}

.success-confirmation-page .card-title {
font-size: 15px;
line-height: 1.2;
letter-spacing: .015em;
color: #1a0a1c;
margin: 0 0 12px;
font-weight: 700
}

.success-confirmation-page .card-text {
font-size: 13px;
line-height: 1.7;
letter-spacing: .02em;
color: #4a2a4c;
margin: 0
}

@media (max-width: 1024px) {
.success-confirmation-page .info-cards-section {
grid-template-columns: 1fr
}

.success-confirmation-page .success-actions {
flex-direction: column;
width: 100%
}

.success-confirmation-page .action-button-primary,
.success-confirmation-page .action-button-secondary {
width: 100%;
text-align: center
}
}

@media (max-width: 640px) {
.success-confirmation-page {
padding: 40px 20px
}

.success-confirmation-page .success-heading {
font-size: 32px
}

.success-confirmation-page .success-subheading {
font-size: 15px
}

.success-confirmation-page .success-visual {
width: 100px;
height: 100px
}

.success-confirmation-page .success-visual svg {
width: 52px;
height: 52px
}

.success-confirmation-page .info-card {
padding: 20px
}
}