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

body {
margin: 0;
min-height: 100svh;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
word-break: break-word;
overflow-wrap: anywhere;
font-family: 'Lato', sans-serif
}

:focus-visible {
outline: 2px solid #BE5697;
outline-offset: 3px;
border-radius: 4px
}

.site-header {
position: relative;
background: linear-gradient(135deg, #BE5697 0%, #BF9ABC 100%);
padding: 0;
overflow: hidden
}

.site-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, #be569726 0%, #eedff114 100%);
pointer-events: none
}

.header-top-bar {
background: #BE5697;
padding: 8px 32px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px;
position: relative;
z-index: 2
}

.header-contact-item {
display: flex;
align-items: center;
gap: 8px;
color: #EEDFF1;
font-size: 15px;
line-height: 1.4;
text-decoration: none
}

.header-contact-item:hover {
color: #fff
}

.contact-dot {
width: 6px;
height: 6px;
border-radius: 40px;
background: #EEDFF1;
opacity: .6;
flex-shrink: 0
}

.header-main-row {
max-width: 1170px;
margin: 0 auto;
padding: 20px 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
position: relative;
z-index: 2
}

.brand-group {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
flex-shrink: 0
}

.logo-circle {
width: 50px;
height: 50px;
border-radius: 40px;
background: #eedff12e;
border: 2px solid #eedff180;
box-shadow: 0 3px 2px 0 #be56970f 0 6px 25px 0 #be56971c;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

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

.brand-name {
font-size: 17px;
font-weight: 700;
color: #fff;
line-height: 1.1;
letter-spacing: .02em
}

.brand-tagline {
font-size: 15px;
color: #EEDFF1;
line-height: 1.4;
letter-spacing: .03em;
opacity: .88
}

.header-prop {
flex: 1;
text-align: center;
padding: 0 20px
}

.header-prop-text {
font-size: 15px;
color: #EEDFF1;
line-height: 1.4;
letter-spacing: .03em;
font-style: italic
}

.primary-nav {
display: flex;
align-items: center;
gap: 4px;
flex-shrink: 0
}

.nav-link {
font-size: 15px;
font-weight: 700;
color: #EEDFF1;
text-decoration: none;
padding: 12px 20px;
border-radius: 8px;
line-height: 1.4;
letter-spacing: .02em;
display: inline-block;
min-height: 44px;
display: flex;
align-items: center;
transition: background-color .25s cubic-bezier(0.34, 1.56, 0.64, 1), color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.nav-link:hover {
background: #eedff12e;
color: #fff
}

.nav-link.active {
background: #eedff140;
color: #fff
}

.header-action {
flex-shrink: 0
}

.action-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 12px 20px;
background: #fff;
color: #BE5697;
font-size: 15px;
font-weight: 700;
line-height: 1.4;
letter-spacing: .02em;
text-decoration: none;
border-radius: 8px;
box-shadow: 0 3px 2px 0 #be56970f 0 6px 25px 0 #be56971c;
transition: padding .28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.action-button:hover {
padding: 12px 32px;
box-shadow: 0 6px 25px 0 #be56971c 0 10px 60px 0 #be569721
}

@media (max-width: 1024px) {
.header-main-row {
flex-wrap: wrap;
padding: 20px;
gap: 12px
}

.header-prop {
order: 3;
flex: 0 0 100%;
padding: 0;
text-align: left
}

.primary-nav {
flex-wrap: wrap;
gap: 4px
}
}

@media (max-width: 768px) {
.header-top-bar {
padding: 8px 20px;
gap: 12px;
flex-wrap: wrap
}

.header-main-row {
padding: 12px 20px
}

.primary-nav {
order: 4;
flex: 0 0 100%
}

.header-action {
order: 2
}

.action-button {
transition: none
}

.nav-link {
transition: none
}
}

@media (max-width: 320px) {
.brand-tagline {
display: none
}

.header-contact-item {
font-size: 15px
}
}

.site-footer {
background: #EEDFF1;
border-top: 2px solid #BF9ABC;
padding: 64px 32px 32px
}

.footer-grid {
max-width: 1170px;
margin: 0 auto;
display: flex;
gap: 64px;
flex-wrap: wrap;
align-items: flex-start
}

.footer-brand-column {
display: flex;
flex-direction: column;
gap: 20px;
flex: 0 0 auto;
min-width: 220px
}

.footer-logo-group {
display: flex;
align-items: center;
gap: 12px
}

.footer-logo-circle {
width: 48px;
height: 48px;
border-radius: 40px;
background: #be56971a;
border: 2px solid #be56974d;
box-shadow: 0 3px 2px 0 #be56970f;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

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

.footer-brand-name {
font-size: 17px;
font-weight: 700;
color: #3d1a30;
line-height: 1.1
}

.footer-description {
font-size: 15px;
color: #5a3a50;
line-height: 1.7;
max-width: 280px
}

.footer-address-block {
display: flex;
flex-direction: column;
gap: 8px
}

.footer-address-line {
font-size: 15px;
color: #5a3a50;
line-height: 1.4
}

.footer-contact-link {
font-size: 15px;
color: #BE5697;
text-decoration: none;
line-height: 1.4;
font-weight: 700
}

.footer-contact-link:hover {
color: #8a3a6e
}

.footer-nav-column {
display: flex;
flex-direction: column;
gap: 20px;
flex: 0 0 auto
}

.footer-nav-label {
font-size: 15px;
font-weight: 700;
color: #3d1a30;
line-height: 1.4;
letter-spacing: .04em;
text-transform: uppercase
}

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

.footer-nav-list a {
font-size: 15px;
color: #5a3a50;
text-decoration: none;
line-height: 1.4;
display: inline-block
}

.footer-nav-list a:hover {
color: #BE5697
}

.footer-bottom {
max-width: 1170px;
margin: 32px auto 0;
padding-top: 20px;
border-top: 1px solid #bf9abc66;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px
}

.footer-copy {
font-size: 15px;
color: #7a5a70;
line-height: 1.4
}

.footer-legal-links {
display: flex;
gap: 20px;
list-style: none;
margin: 0;
padding: 0
}

.footer-legal-links a {
font-size: 15px;
color: #7a5a70;
text-decoration: none;
line-height: 1.4
}

.footer-legal-links a:hover {
color: #BE5697
}

@media (max-width: 768px) {
.site-footer {
padding: 32px 20px 20px
}

.footer-grid {
gap: 32px
}

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

@media (max-width: 320px) {
.footer-legal-links {
flex-direction: column;
gap: 12px
}
}

.agreement-section {
max-width: 1170px;
margin: 0 auto;
padding: 64px 32px;
color: #2d1f2b
}

.agreement-section p {
font-size: 17px;
line-height: 1.7;
margin-top: 0;
margin-bottom: 20px;
letter-spacing: .01em
}

.agreement-section ul,
.agreement-section ol {
font-size: 17px;
line-height: 1.7;
margin-top: 0;
margin-bottom: 20px;
padding-left: 32px
}

.agreement-section li {
margin-bottom: 8px;
letter-spacing: .01em
}

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

.agreement-section ul li::marker {
color: #BE5697
}

.agreement-section ol li::marker {
color: #BE5697;
font-size: 15px
}

.agreement-section strong,
.agreement-section b {
font-weight: 700;
color: #1e0f1c
}

.agreement-section em,
.agreement-section i {
font-style: italic;
color: #3a2238
}

.agreement-section a {
color: #BE5697;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

@media (min-width: 1024px) {
.agreement-section a {
transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}
}

.agreement-section a:hover {
color: #8c3a6e;
text-decoration-thickness: 2px
}

.agreement-section hr {
border: none;
border-top: 1px solid #EEDFF1;
margin-top: 32px;
margin-bottom: 32px;
box-shadow: 0 3px 2px 0 #be56970f
}

.agreement-section div {
margin-bottom: 20px
}

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

.agreement-section p,
.agreement-section ul,
.agreement-section ol {
font-size: 15px
}

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

@media (max-width: 320px) {
.agreement-section {
padding: 20px 12px
}
}

.learning-program_detail {
background: #fff;
max-width: 100%;
overflow-x: clip
}

.learning-program_detail .detail-frame {
max-width: 1170px;
margin: 0 auto;
padding: 64px 32px
}

.learning-program_detail .title-block {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
padding: 64px 32px;
max-width: 1170px;
margin: 0 auto;
position: relative
}

.learning-program_detail .title-block::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, #EEDFF1 0%, #fff 40%, #BF9ABC 70%, #EEDFF1 100%);
opacity: .18;
pointer-events: none;
border-radius: 24px
}

.learning-program_detail .noise-layer {
position: absolute;
inset: 0;
border-radius: 24px;
pointer-events: none;
opacity: .04;
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)'/%3E%3C/svg%3E");
background-size: 200px 200px
}

.learning-program_detail .image-frame {
position: relative;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 10px 60px 0 #be569721;
animation: scaleIn .28s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.learning-program_detail .image-frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
min-height: 380px
}

.learning-program_detail .scanline-overlay {
position: absolute;
inset: 0;
background: repeating-linear-gradient(0deg, transparent, transparent 3px, #be56970f 3px, #be56970f 4px);
pointer-events: none
}

.learning-program_detail .dashed-connector {
position: absolute;
left: -32px;
top: 50%;
width: 32px;
height: 1px;
border-top: 2px dashed #BF9ABC;
pointer-events: none
}

.learning-program_detail .text-side {
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
animation: scaleIn .32s cubic-bezier(0.34, 1.56, 0.64, 1) .08s both
}

.learning-program_detail .badge-row {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap
}

.learning-program_detail .badge {
display: inline-block;
padding: 4px 12px;
border-radius: 4px;
border: 1px solid #BF9ABC;
font-size: 15px;
line-height: 1.4;
color: #5a2a4a;
letter-spacing: .04em
}

.learning-program_detail .badge.level {
background: #EEDFF1;
border-color: #BE5697;
color: #7a1a55 !important
}

.learning-program_detail .program-heading {
font-size: 68px;
line-height: 1.1;
letter-spacing: -.02em;
color: #2a0e22;
font-weight: 700;
text-transform: uppercase;
margin: 0
}

.learning-program_detail .program-subtext {
font-size: 17px;
line-height: 1.7;
color: #3d1a30;
margin: 0
}

.learning-program_detail .program-subtext span:first-word {
color: #BE5697
}

.learning-program_detail .accent-first {
color: #BE5697;
font-weight: 700;
text-transform: uppercase
}

.learning-program_detail .meta-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px
}

.learning-program_detail .meta-item {
display: flex;
flex-direction: column;
gap: 4px;
padding: 12px;
border-radius: 8px;
border: 1px solid #EEDFF1;
background: #fff;
box-shadow: 0 3px 2px 0 #be56970f;
transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.learning-program_detail .meta-item:hover {
box-shadow: 0 6px 25px 0 #be56971c;
border-color: #BE5697
}

.learning-program_detail .meta-label {
font-size: 15px;
line-height: 1.4;
color: #8a4a78;
letter-spacing: .06em;
text-transform: uppercase
}

.learning-program_detail .meta-value {
font-size: 17px;
line-height: 1.4;
color: #2a0e22;
font-weight: 600
}

.learning-program_detail .price-block {
display: flex;
flex-direction: column;
gap: 4px;
padding: 20px;
border-radius: 14px;
background: linear-gradient(120deg, #BE5697 0%, #BF9ABC 60%, #EEDFF1 100%);
box-shadow: 0 6px 25px 0 #be56971c
}

.learning-program_detail .price-amount {
font-size: 37px;
line-height: 1.1;
color: #fff;
font-weight: 700;
letter-spacing: -.01em
}

.learning-program_detail .price-note-text {
font-size: 15px;
line-height: 1.4;
color: #EEDFF1
}

.learning-program_detail .seats-indicator {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.learning-program_detail .seats-dot {
width: 10px;
height: 10px;
border-radius: 40px;
background: #BE5697;
flex-shrink: 0
}

.learning-program_detail .seats-text {
font-size: 15px;
line-height: 1.4;
color: #5a2a4a
}

.learning-program_detail .enroll-btn {
display: inline-block;
padding: 12px 32px;
border-radius: 8px;
background: #BE5697;
color: #fff;
font-size: 17px;
line-height: 1.4;
font-weight: 600;
border: none;
cursor: pointer;
text-decoration: none;
letter-spacing: .02em;
box-shadow: 0 6px 25px 0 #be56971c;
transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1), padding .28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1);
align-self: flex-start
}

.learning-program_detail .enroll-btn:hover {
background: #a03d80;
padding-left: 40px;
padding-right: 40px;
box-shadow: 0 10px 60px 0 #be569721
}

.learning-program_detail .enroll-btn:focus {
outline: 3px solid #BF9ABC;
outline-offset: 3px
}

.learning-program_detail .border-draw {
position: relative
}

.learning-program_detail .border-draw::before,
.learning-program_detail .border-draw::after {
content: "";
position: absolute;
background: #BE5697;
transition: width .28s cubic-bezier(0.34, 1.56, 0.64, 1), height .25s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.learning-program_detail .border-draw::before {
top: 0;
left: 0;
height: 2px;
width: 0
}

.learning-program_detail .border-draw::after {
bottom: 0;
right: 0;
height: 2px;
width: 0
}

.learning-program_detail .border-draw:hover::before,
.learning-program_detail .border-draw:hover::after {
width: 100%
}

.learning-program_detail .desc-section {
background: #fff;
border-top: 1px solid #EEDFF1;
position: relative
}

.learning-program_detail .desc-section::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, #EEDFF1 0%, #fff 35%, #fff 65%, #EEDFF1 100%);
opacity: .12;
pointer-events: none
}

.learning-program_detail .desc-inner {
max-width: 1170px;
margin: 0 auto;
padding: 64px 32px;
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 64px;
align-items: start;
position: relative
}

.learning-program_detail .program-col {
display: flex;
flex-direction: column;
gap: 20px;
position: sticky;
top: 32px
}

.learning-program_detail .col-heading {
font-size: 37px;
line-height: 1.1;
color: #2a0e22;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
margin: 0
}

.learning-program_detail .program-list {
display: flex;
flex-direction: column;
gap: 12px
}

.learning-program_detail .program-list p {
font-size: 15px;
line-height: 1.7;
color: #3d1a30;
margin: 0
}

.learning-program_detail .program-list h2 {
font-size: 17px;
line-height: 1.4;
color: #BE5697;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
margin: 0
}

.learning-program_detail .program-list ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px
}

.learning-program_detail .program-list ul li {
font-size: 15px;
line-height: 1.7;
color: #3d1a30;
padding-left: 20px;
position: relative
}

.learning-program_detail .program-list ul li::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 6px;
border-right: 2px solid #BE5697;
border-bottom: 2px solid #BE5697;
transform: rotate(-45deg)
}

.learning-program_detail .program-list mark {
background: #EEDFF1;
color: #7a1a55;
border-radius: 4px;
padding: 0 4px
}

.learning-program_detail .program-list blockquote {
border-left: 3px solid #BE5697;
border-top: 1px solid #EEDFF1;
margin: 0;
padding: 12px 20px;
border-radius: 0 8px 8px 0;
background: #EEDFF1;
font-size: 15px;
line-height: 1.7;
color: #3d1a30
}

.learning-program_detail .program-list cite {
font-size: 15px;
color: #8a4a78;
font-style: italic
}

.learning-program_detail .desc-col {
display: flex;
flex-direction: column;
gap: 20px;
animation: scaleIn .3s cubic-bezier(0.34, 1.56, 0.64, 1) .05s both
}

.learning-program_detail .desc-col h2 {
font-size: 37px;
line-height: 1.1;
color: #2a0e22;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
margin: 0
}

.learning-program_detail .desc-col h3 {
font-size: 17px;
line-height: 1.4;
color: #BE5697;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
margin: 0
}

.learning-program_detail .desc-col p {
font-size: 15px;
line-height: 1.7;
color: #3d1a30;
margin: 0
}

.learning-program_detail .desc-col ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px
}

.learning-program_detail .desc-col ul li {
font-size: 15px;
line-height: 1.7;
color: #3d1a30;
padding-left: 20px;
position: relative
}

.learning-program_detail .desc-col ul li::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 6px;
border-right: 2px solid #BE5697;
border-bottom: 2px solid #BE5697;
transform: rotate(-45deg)
}

.learning-program_detail .desc-col dl {
display: grid;
grid-template-columns: auto 1fr;
gap: 8px 20px;
margin: 0
}

.learning-program_detail .desc-col dt {
font-size: 15px;
line-height: 1.4;
color: #BE5697;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em
}

.learning-program_detail .desc-col dd {
font-size: 15px;
line-height: 1.4;
color: #3d1a30;
margin: 0
}

.learning-program_detail .desc-col figure {
margin: 0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 6px 25px 0 #be56971c
}

.learning-program_detail .desc-col figure img {
width: 100%;
object-fit: cover;
display: block
}

.learning-program_detail .desc-col figcaption {
font-size: 15px;
line-height: 1.4;
color: #8a4a78;
padding: 8px 12px;
background: #EEDFF1
}

.learning-program_detail .desc-col cite {
font-size: 15px;
color: #8a4a78;
font-style: italic
}

.learning-program_detail .desc-col abbr {
text-decoration: underline dotted #BE5697;
cursor: help
}

.learning-program_detail .divider-line {
width: 100%;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #BF9ABC 30%, #BE5697 50%, #BF9ABC 70%, transparent 100%)
}

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

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

@media (max-width: 1024px) {
.learning-program_detail .title-block {
grid-template-columns: 1fr;
gap: 32px;
padding: 32px 20px
}

.learning-program_detail .dashed-connector {
display: none
}

.learning-program_detail .desc-inner {
grid-template-columns: 1fr;
gap: 32px;
padding: 32px 20px
}

.learning-program_detail .program-col {
position: static
}

.learning-program_detail .program-heading {
font-size: 37px
}
}

@media (max-width: 768px) {
.learning-program_detail .title-block {
padding: 20px 12px;
gap: 20px
}

.learning-program_detail .detail-frame {
padding: 32px 12px
}

.learning-program_detail .meta-grid {
grid-template-columns: 1fr
}

.learning-program_detail .desc-inner {
padding: 20px 12px;
gap: 20px
}

.learning-program_detail .program-heading {
font-size: 37px
}

.learning-program_detail .enroll-btn {
align-self: stretch;
text-align: center
}
}

@media (max-width: 320px) {
.learning-program_detail .program-heading {
font-size: 37px
}

.learning-program_detail .badge-row {
flex-direction: column
}
}

@media (min-width: 769px) {

.learning-program_detail .image-frame,
.learning-program_detail .text-side,
.learning-program_detail .desc-col {
transition: opacity .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.learning-program_detail .meta-item {
transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.learning-program_detail .enroll-btn {
transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1), padding .28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}
}

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

.mission-page .mp-inner {
max-width: 1170px;
margin: 0 auto;
padding: 0 20px
}

.mission-page .title-split {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 420px
}

.mission-page .title-left {
background: #fff;
padding: 64px 32px 64px 64px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
border-right: 4px solid #BE5697
}

.mission-page .title-left::before {
content: "";
position: absolute;
top: 20px;
left: 20px;
width: 120px;
height: 120px;
border-radius: 40px;
background: #BE5697;
opacity: .07;
pointer-events: none
}

.mission-page .title-label {
font-size: 15px;
letter-spacing: .12em;
color: #BE5697;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 20px
}

.mission-page .title-heading {
font-size: 68px;
line-height: 1.1;
letter-spacing: -.02em;
font-weight: 800;
color: #1a1a2e;
margin: 0 0 20px;
overflow: hidden
}

.mission-page .title-heading .sweep-word {
display: inline-block;
background: linear-gradient(90deg, #BE5697 0%, #BF9ABC 50%, #BE5697 100%);
background-size: 200% auto;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
animation: sweep-color 2.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards
}

@keyframes sweep-color {
0% {
background-position: 200% center
}

100% {
background-position: 0 center
}
}

.mission-page .title-sub {
font-size: 17px;
line-height: 1.7;
color: #3d2b3d;
max-width: 420px;
margin: 0
}

.mission-page .title-right {
background: linear-gradient(135deg, #BE5697 0%, #BF9ABC 55%, #EEDFF1 100%);
display: flex;
align-items: center;
justify-content: center;
padding: 32px;
position: relative;
overflow: hidden
}

.mission-page .title-right::after {
content: "";
position: absolute;
bottom: -30px;
right: -30px;
width: 200px;
height: 200px;
border-radius: 40px;
background: #ffffff14;
pointer-events: none
}

.mission-page .title-img-wrap {
border-radius: 14px;
overflow: hidden;
box-shadow: 0 10px 60px 0 #be569721;
max-width: 380px;
width: 100%
}

.mission-page .title-img-wrap img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
filter: brightness(1.05) contrast(1.05)
}

.mission-page .divider-curve {
width: 100%;
line-height: 0;
overflow: hidden
}

.mission-page .divider-curve svg {
display: block;
width: 100%
}

.mission-page .story-block {
background: #f7f0f5;
padding: 64px 0;
position: relative
}

.mission-page .story-block::before {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(circle, #be56970f 1px, transparent 1px);
background-size: 24px 24px;
pointer-events: none
}

.mission-page .story-grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 64px;
align-items: start
}

.mission-page .story-quote-col {
position: relative;
padding-top: 12px
}

.mission-page .big-quote {
font-size: 120px;
line-height: 1.1;
color: #BE5697;
opacity: .18;
font-weight: 900;
position: absolute;
top: -20px;
left: -8px;
pointer-events: none;
user-select: none
}

.mission-page .story-pull {
font-size: 37px;
line-height: 1.4;
font-weight: 700;
color: #2d1a2d;
letter-spacing: -.01em;
text-transform: uppercase;
margin: 0;
padding-top: 64px;
border-left: 4px solid #BE5697;
padding-left: 20px
}

.mission-page .story-text-col {
display: flex;
flex-direction: column;
gap: 20px
}

.mission-page .story-para {
font-size: 17px;
line-height: 1.7;
color: #2d1a2d;
margin: 0
}

.mission-page .story-para .first-word {
text-transform: uppercase;
color: #BE5697;
font-weight: 700
}

.mission-page .story-img {
width: 100%;
height: 240px;
object-fit: cover;
border-radius: 14px;
box-shadow: 0 6px 25px 0 #be56971c;
display: block;
margin-top: 8px
}

.mission-page .divider-line {
display: flex;
align-items: center;
gap: 8px;
padding: 0 20px;
max-width: 1170px;
margin: 0 auto
}

.mission-page .divider-line span {
display: block;
height: 2px;
flex: 1;
background: linear-gradient(90deg, transparent, #BF9ABC, transparent);
border-radius: 4px
}

.mission-page .divider-line span:nth-child(2) {
height: 4px;
background: linear-gradient(90deg, transparent, #BE5697, transparent)
}

.mission-page .compare-block {
background: #fff;
padding: 64px 0
}

.mission-page .compare-heading-row {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
margin-bottom: 32px
}

.mission-page .compare-label {
font-size: 15px;
letter-spacing: .1em;
text-transform: uppercase;
color: #BE5697;
font-weight: 700
}

.mission-page .compare-h2 {
font-size: 37px;
line-height: 1.1;
font-weight: 700;
color: #2d1a2d;
letter-spacing: -.01em;
text-transform: uppercase;
margin: 0
}

.mission-page .compare-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px
}

.mission-page .compare-card {
border-radius: 14px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 20px;
border: 2px solid #EEDFF1;
box-shadow: 0 3px 2px 0 #be56970f;
transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.mission-page .compare-card:hover {
box-shadow: 0 6px 25px 0 #be56971c;
border-color: #BF9ABC
}

.mission-page .compare-card.highlighted {
background: linear-gradient(135deg, #BE5697 0%, #BF9ABC 100%);
border-color: transparent
}

.mission-page .compare-card-title {
font-size: 17px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: #2d1a2d;
margin: 0
}

.mission-page .compare-card.highlighted .compare-card-title {
color: #fff
}

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

.mission-page .compare-list li {
font-size: 15px;
line-height: 1.4;
color: #2d1a2d;
display: flex;
align-items: flex-start;
gap: 8px
}

.mission-page .compare-card.highlighted .compare-list li {
color: #fff
}

.mission-page .compare-list li::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-top: 2px solid #BE5697;
border-right: 2px solid #BE5697;
transform: rotate(45deg);
flex-shrink: 0;
margin-top: 4px
}

.mission-page .compare-card.highlighted .compare-list li::before {
border-color: #fffc
}

.mission-page .mini-card {
background: #fff;
border-radius: 8px;
padding: 20px;
margin-top: 8px;
box-shadow: 0 3px 2px 0 #be56970f
}

.mission-page .mini-card-label {
font-size: 15px;
font-weight: 700;
color: #BE5697;
margin: 0 0 8px;
text-transform: uppercase;
letter-spacing: .08em
}

.mission-page .mini-card-text {
font-size: 15px;
line-height: 1.4;
color: #2d1a2d;
margin: 0
}

.mission-page .compare-grid:has(.compare-card:hover) .compare-card:not(:hover) {
opacity: .75
}

.mission-page .divider-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 20px 0
}

.mission-page .divider-dots span {
display: block;
border-radius: 40px;
background: #BF9ABC
}

.mission-page .divider-dots span:nth-child(1),
.mission-page .divider-dots span:nth-child(3) {
width: 6px;
height: 6px;
opacity: .5
}

.mission-page .divider-dots span:nth-child(2) {
width: 12px;
height: 6px
}

.mission-page .people-block {
background: linear-gradient(160deg, #EEDFF1 0%, #f7f0f5 60%, #fff 100%);
padding: 64px 0
}

.mission-page .people-layout {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 32px;
align-items: center
}

.mission-page .people-text {
display: flex;
flex-direction: column;
gap: 20px
}

.mission-page .people-h2 {
font-size: 37px;
line-height: 1.1;
font-weight: 700;
color: #2d1a2d;
letter-spacing: -.01em;
text-transform: uppercase;
margin: 0;
border-left: 4px solid #BE5697;
padding-left: 20px
}

.mission-page .people-para {
font-size: 17px;
line-height: 1.7;
color: #2d1a2d;
margin: 0
}

.mission-page .people-para .first-word {
text-transform: uppercase;
color: #BE5697;
font-weight: 700
}

.mission-page .people-stats {
display: flex;
flex-direction: column;
gap: 20px
}

.mission-page .stat-item {
background: #fff;
border-radius: 14px;
padding: 20px;
border: 2px solid #EEDFF1;
box-shadow: 0 3px 2px 0 #be56970f;
transition: box-shadow .28s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform .28s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.mission-page .stat-item:hover {
box-shadow: 0 6px 25px 0 #be56971c;
transform: translateY(-2px)
}

.mission-page .stat-number {
font-size: 37px;
line-height: 1.1;
font-weight: 800;
color: #BE5697;
letter-spacing: -.02em;
display: block
}

.mission-page .stat-desc {
font-size: 15px;
line-height: 1.4;
color: #2d1a2d;
margin: 4px 0 0
}

.mission-page .people-img-wrap {
border-radius: 14px;
overflow: hidden;
box-shadow: 0 10px 60px 0 #be569721;
grid-column: 1 / -1;
max-height: 280px
}

.mission-page .people-img-wrap img {
width: 100%;
height: 280px;
object-fit: cover;
display: block
}

@media (max-width: 1024px) {
.mission-page .title-heading {
font-size: 48px
}

.mission-page .title-left {
padding: 48px 20px 48px 32px
}

.mission-page .story-grid {
grid-template-columns: 1fr;
gap: 32px
}

.mission-page .story-pull {
font-size: 37px;
padding-top: 32px
}

.mission-page .people-layout {
grid-template-columns: 1fr
}

.mission-page .people-stats {
flex-direction: row;
flex-wrap: wrap
}

.mission-page .stat-item {
flex: 1;
min-width: 140px
}
}

@media (max-width: 768px) {
.mission-page .title-split {
grid-template-columns: 1fr
}

.mission-page .title-right {
display: none
}

.mission-page .title-left {
padding: 48px 20px;
border-right: none;
border-bottom: 4px solid #BE5697
}

.mission-page .title-heading {
font-size: 37px
}

.mission-page .compare-grid {
grid-template-columns: 1fr
}

.mission-page .story-pull {
font-size: 17px
}

.mission-page .people-h2 {
font-size: 37px
}

.mission-page .compare-h2 {
font-size: 37px
}

.mission-page .people-stats {
flex-direction: column
}

.mission-page * {
transition: none !important;
animation-duration: .01ms !important
}
}

@media (max-width: 320px) {
.mission-page .mp-inner {
padding: 0 12px
}

.mission-page .title-heading {
font-size: 37px
}
}

.contact-us-page {
max-width: 100%;
overflow-x: hidden
}

.contact-us-page .cu-inner {
max-width: 1170px;
margin: 0 auto;
padding: 0 20px
}

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

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

@keyframes fade-up {
from {
opacity: 0;
transform: translateY(24px)
}

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

.contact-us-page .reveal {
animation: fade-up .32s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.contact-us-page .reveal-clip {
animation: clip-reveal .28s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.contact-us-page .delay-1 {
animation-delay: .08s
}

.contact-us-page .delay-2 {
animation-delay: .16s
}

.contact-us-page .delay-3 {
animation-delay: .24s
}

.contact-us-page .cu-split {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 520px;
border-bottom: 2px solid #EEDFF1
}

.contact-us-page .cu-image-col {
position: relative;
overflow: hidden
}

.contact-us-page .cu-image-col img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
box-shadow: 0 10px 60px 0 #be569721
}

.contact-us-page .cu-scanline {
position: absolute;
inset: 0;
background: repeating-linear-gradient(0deg, transparent, transparent 3px, #be569712 3px, #be569712 4px);
pointer-events: none
}

.contact-us-page .cu-circles {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden
}

.contact-us-page .cu-circles span {
position: absolute;
border-radius: 40px;
border: 1.5px solid #be569721
}

.contact-us-page .cu-circles span:nth-child(1) {
width: 220px;
height: 220px;
top: -60px;
right: -60px
}

.contact-us-page .cu-circles span:nth-child(2) {
width: 140px;
height: 140px;
bottom: 40px;
left: -40px;
border-color: #bf9abc2e
}

.contact-us-page .cu-circles span:nth-child(3) {
width: 80px;
height: 80px;
bottom: 120px;
right: 40px;
border-color: #eedff166
}

.contact-us-page .cu-text-col {
padding: 64px;
display: flex;
flex-direction: column;
justify-content: center;
background: #fff;
position: relative
}

.contact-us-page .cu-text-col::before {
content: '';
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
border: 1px solid #eedff199;
border-radius: 14px;
pointer-events: none
}

.contact-us-page .cu-label {
font-size: 15px;
line-height: 1.4;
letter-spacing: .12em;
text-transform: uppercase;
color: #BE5697;
font-weight: 600;
margin-bottom: 20px
}

.contact-us-page .cu-heading {
font-size: 37px;
line-height: 1.1;
letter-spacing: -.02em;
color: #2a1a24;
font-weight: 300;
text-transform: uppercase;
margin: 0 0 20px
}

.contact-us-page .cu-heading strong {
font-weight: 700;
color: #BE5697
}

.contact-us-page .cu-desc {
font-size: 17px;
line-height: 1.7;
color: #3d2535;
margin: 0 0 32px
}

.contact-us-page .cu-desc .first-word {
font-weight: 700;
color: #BE5697;
text-transform: uppercase
}

.contact-us-page .cu-link {
display: inline-block;
font-size: 15px;
line-height: 1.4;
color: #fff;
background: #BE5697;
padding: 12px 32px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
letter-spacing: .06em;
box-shadow: 0 6px 25px 0 #be56971c;
transition: padding .25s cubic-bezier(0.34, 1.56, 0.64, 1), background .22s cubic-bezier(0.68, -0.55, 0.27, 1.55);
align-self: flex-start
}

.contact-us-page .cu-link:hover {
padding: 12px 44px;
background: #a0447d
}

.contact-us-page .cu-form-section {
background: linear-gradient(135deg, #fff 0%, #EEDFF1 45%, #BF9ABC 100%);
padding: 64px 0;
border-bottom: 2px solid #BF9ABC
}

.contact-us-page .cu-form-grid {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 64px;
align-items: start
}

.contact-us-page .cu-form-aside {
padding-top: 8px
}

.contact-us-page .cu-aside-heading {
font-size: 37px;
line-height: 1.1;
letter-spacing: -.01em;
color: #2a1a24;
font-weight: 300;
text-transform: uppercase;
margin: 0 0 20px
}

.contact-us-page .cu-aside-heading em {
font-style: normal;
font-weight: 700;
color: #BE5697
}

.contact-us-page .cu-aside-text {
font-size: 17px;
line-height: 1.7;
color: #3d2535;
margin: 0 0 32px
}

.contact-us-page .cu-aside-text .first-word {
font-weight: 700;
color: #BE5697;
text-transform: uppercase
}

.contact-us-page .cu-aside-img {
width: 100%;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 10px 60px 0 #be569721
}

.contact-us-page .cu-aside-img img {
width: 100%;
height: 260px;
object-fit: cover;
display: block
}

.contact-us-page .cu-form-card {
background: #fff;
border-radius: 14px;
padding: 32px;
box-shadow: 0 6px 25px 0 #be56971c;
border: 1px solid #be569724;
position: relative
}

.contact-us-page .cu-form-card::before {
content: '';
position: absolute;
inset: 6px;
border: 1px solid #eedff180;
border-radius: 8px;
pointer-events: none
}

.contact-us-page .cu-form-title {
font-size: 17px;
line-height: 1.4;
letter-spacing: .1em;
text-transform: uppercase;
color: #2a1a24;
font-weight: 700;
margin: 0 0 20px
}

.contact-us-page .cu-field {
margin-bottom: 20px
}

.contact-us-page .cu-field label {
display: block;
font-size: 15px;
line-height: 1.4;
color: #2a1a24;
font-weight: 600;
margin-bottom: 8px;
letter-spacing: .04em
}

.contact-us-page .cu-field input,
.contact-us-page .cu-field select {
width: 100%;
padding: 12px 20px;
border: 1.5px solid #BF9ABC;
border-radius: 8px;
font-size: 17px;
line-height: 1.4;
color: #2a1a24;
background: #fff;
box-shadow: inset 0 2px 4px #be569712;
outline: none;
box-sizing: border-box;
transition: border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1);
appearance: none;
-webkit-appearance: none
}

.contact-us-page .cu-field input::placeholder {
color: #2a1a2466
}

.contact-us-page .cu-field input:focus,
.contact-us-page .cu-field select:focus {
border-color: #BE5697;
box-shadow: inset 0 2px 4px #be56971a 0 0 0 3px #be56971a
}

.contact-us-page .cu-select-wrap {
position: relative
}

.contact-us-page .cu-select-wrap::after {
content: '';
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #BE5697;
pointer-events: none
}

.contact-us-page .cu-privacy {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 20px;
padding: 12px;
background: #eedff159;
border-radius: 8px;
border: 1px solid #be569726
}

.contact-us-page .cu-privacy input[type="checkbox"] {
width: 18px;
height: 18px;
min-width: 18px;
accent-color: #BE5697;
margin-top: 2px;
cursor: pointer
}

.contact-us-page .cu-privacy-text {
font-size: 15px;
line-height: 1.7;
color: #3d2535
}

.contact-us-page .cu-privacy-text a {
color: #BE5697;
text-decoration: underline;
font-weight: 600
}

.contact-us-page .cu-submit {
width: 100%;
padding: 12px 32px;
background: #BE5697;
color: #fff;
border: none;
border-radius: 8px;
font-size: 17px;
line-height: 1.4;
font-weight: 700;
letter-spacing: .06em;
cursor: pointer;
box-shadow: 0 6px 25px 0 #be56971c;
transition: padding .25s cubic-bezier(0.34, 1.56, 0.64, 1), background .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.contact-us-page .cu-submit:hover {
background: #a0447d;
padding: 12px 44px
}

.contact-us-page .cu-submit:focus {
outline: 3px solid #EEDFF1;
outline-offset: 2px
}

.contact-us-page .cu-info-section {
padding: 64px 0;
background: #2a1a24
}

.contact-us-page .cu-info-grid {
display: grid;
grid-template-columns: 0.9fr 1fr 0.9fr;
gap: 32px;
align-items: start
}

.contact-us-page .cu-info-card {
border-radius: 14px;
padding: 32px 20px;
border: 1.5px solid #bf9abc38;
background: #ffffff0a;
position: relative;
overflow: hidden;
transition: border-color .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.contact-us-page .cu-info-card:hover {
border-color: #be569780
}

.contact-us-page .cu-info-card.center {
background: #be56971f;
border-color: #be569759;
padding: 20px;
align-self: center
}

.contact-us-page .cu-info-icon {
width: 40px;
height: 40px;
margin-bottom: 20px
}

.contact-us-page .cu-info-icon svg {
width: 40px;
height: 40px
}

.contact-us-page .cu-info-card-label {
font-size: 15px;
line-height: 1.4;
letter-spacing: .1em;
text-transform: uppercase;
color: #BF9ABC;
font-weight: 600;
margin-bottom: 12px
}

.contact-us-page .cu-info-card-value {
font-size: 17px;
line-height: 1.7;
color: #EEDFF1;
font-weight: 400
}

.contact-us-page .cu-info-card-value a {
color: #EEDFF1;
text-decoration: none;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.contact-us-page .cu-info-card-value a:hover {
color: #BE5697
}

.contact-us-page .cu-info-heading {
font-size: 37px;
line-height: 1.1;
letter-spacing: -.02em;
color: #EEDFF1;
font-weight: 300;
text-transform: uppercase;
margin: 0 0 12px
}

.contact-us-page .cu-info-heading strong {
font-weight: 700;
color: #BE5697
}

.contact-us-page .cu-info-sub {
font-size: 15px;
line-height: 1.7;
color: #BF9ABC
}

.contact-us-page .cu-fold-corner {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 28px 28px 0;
border-color: transparent #be56972e transparent transparent;
transition: border-width .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.contact-us-page .cu-info-card:hover .cu-fold-corner {
border-width: 0 44px 44px 0;
border-color: transparent #be569766 transparent transparent
}

@media (max-width: 1024px) {
.contact-us-page .cu-split {
grid-template-columns: 1fr 1fr
}

.contact-us-page .cu-text-col {
padding: 32px
}

.contact-us-page .cu-form-grid {
grid-template-columns: 1fr;
gap: 32px
}

.contact-us-page .cu-info-grid {
grid-template-columns: 1fr 1fr
}

.contact-us-page .cu-info-card.center {
grid-column: 1 / -1
}
}

@media (max-width: 768px) {
.contact-us-page .cu-split {
grid-template-columns: 1fr
}

.contact-us-page .cu-image-col {
height: 260px
}

.contact-us-page .cu-text-col {
padding: 32px 20px
}

.contact-us-page .cu-text-col::before {
display: none
}

.contact-us-page .cu-heading {
font-size: 37px
}

.contact-us-page .cu-info-grid {
grid-template-columns: 1fr
}

.contact-us-page .cu-info-card.center {
grid-column: auto
}

.contact-us-page .cu-form-section {
padding: 32px 0
}

.contact-us-page .cu-info-section {
padding: 32px 0
}
}

@media (max-width: 320px) {
.contact-us-page .cu-text-col {
padding: 20px 12px
}

.contact-us-page .cu-form-card {
padding: 20px 12px
}
}

@media (min-width: 769px) {

.contact-us-page .cu-link,
.contact-us-page .cu-submit {
transition: padding .25s cubic-bezier(0.34, 1.56, 0.64, 1), background .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}
}

.learning-program {
max-width: 100%;
overflow-x: hidden;
background: #fff
}

.learning-program .lp-inner {
max-width: 1170px;
margin: 0 auto;
padding: 0 20px
}

.learning-program .lp-hero {
background: linear-gradient(135deg, #BE5697 0%, #BF9ABC 45%, #EEDFF1 100%);
padding: 64px 20px;
position: relative
}

.learning-program .lp-hero-grid {
max-width: 1170px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 64px
}

.learning-program .lp-hero-text {
flex: 1 1 55%;
padding: 32px 20px 32px 0
}

.learning-program .lp-hero-text h1 {
font-size: 68px;
line-height: 1.1;
letter-spacing: -.03em;
color: #fff;
margin: 0 0 20px;
font-weight: 300;
text-transform: uppercase
}

.learning-program .lp-hero-text h1 span {
color: #EEDFF1;
font-weight: 700;
text-decoration: underline;
text-decoration-color: #BE5697;
text-underline-offset: 6px
}

.learning-program .lp-hero-punct {
color: #fff;
opacity: .5
}

.learning-program .lp-hero-text p {
font-size: 17px;
line-height: 1.7;
color: #fff;
margin: 0 0 32px;
max-width: 480px
}

.learning-program .lp-hero-text p strong {
text-transform: uppercase;
color: #EEDFF1
}

.learning-program .lp-hero-image {
flex: 1 1 40%;
position: relative;
padding: 20px
}

.learning-program .lp-hero-image img {
width: 100%;
height: 380px;
object-fit: cover;
border-radius: 14px;
display: block;
box-shadow: 0 10px 60px 0 #be569721
}

.learning-program .lp-hero-image::before {
content: '';
position: absolute;
inset: 0;
border-radius: 14px;
background: radial-gradient(ellipse at 30% 70%, #be569747 0%, transparent 70%);
pointer-events: none;
z-index: 1
}

.learning-program .lp-hero-image img {
position: relative;
z-index: 0
}

.learning-program .lp-hero-decor {
position: absolute;
right: 0;
bottom: 0;
width: 320px;
height: 320px;
border: 2px solid #eedff12e;
border-radius: 50%;
pointer-events: none;
overflow: hidden
}

.learning-program .lp-divider {
display: block;
width: 100%;
overflow: hidden;
line-height: 0
}

.learning-program .lp-cards-area {
padding: 64px 20px;
background: #fff
}

.learning-program .lp-cards-head {
max-width: 1170px;
margin: 0 auto 32px
}

.learning-program .lp-cards-head h2 {
font-size: 37px;
line-height: 1.1;
font-weight: 300;
text-transform: uppercase;
letter-spacing: .04em;
color: #2a1520;
margin: 0 0 12px
}

.learning-program .lp-cards-head h2 em {
font-style: normal;
color: #BE5697;
font-weight: 700
}

.learning-program .lp-cards-head p {
font-size: 15px;
line-height: 1.7;
color: #5a3a50;
margin: 0;
max-width: 540px
}

.learning-program .lp-cards-head p strong {
text-transform: uppercase;
color: #BE5697
}

.learning-program .lp-grid {
max-width: 1170px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px
}

.learning-program .lp-card {
background: #fff;
border-radius: 14px;
border: 1.5px solid #EEDFF1;
box-shadow: 0 3px 2px 0 #be56970f 0 6px 25px 0 #be56971c;
display: flex;
flex-direction: column;
overflow: hidden;
transition: box-shadow .28s cubic-bezier(0.34, 1.56, 0.64, 1), transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

@media (min-width: 1024px) {
.learning-program .lp-card:hover {
box-shadow: 0 10px 60px 0 #be569721;
transform: translateY(-4px)
}
}

.learning-program .lp-card-badge {
display: inline-block;
background: #EEDFF1;
color: #BE5697;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
border-radius: 4px;
padding: 4px 12px;
margin-bottom: 12px
}

.learning-program .lp-card-body {
padding: 20px;
flex: 1;
display: flex;
flex-direction: column;
gap: 8px
}

.learning-program .lp-card-body h3 {
font-size: 17px;
line-height: 1.4;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
color: #2a1520;
margin: 0
}

.learning-program .lp-card-desc {
font-size: 15px;
line-height: 1.7;
color: #5a3a50;
margin: 0;
flex: 1
}

.learning-program .lp-card-meta {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px
}

.learning-program .lp-meta-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
font-size: 15px;
color: #5a3a50;
line-height: 1.4
}

.learning-program .lp-meta-icon {
width: 16px;
height: 16px;
flex-shrink: 0
}

.learning-program .lp-card-price-row {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 8px;
margin-top: 12px;
padding-top: 12px;
border-top: 1.5px solid #EEDFF1
}

.learning-program .lp-price {
font-size: 37px;
font-weight: 700;
color: #BE5697;
line-height: 1.1
}

.learning-program .lp-price-note {
font-size: 15px;
color: #BF9ABC;
line-height: 1.4;
padding-bottom: 4px
}

.learning-program .lp-seats {
font-size: 15px;
color: #BE5697;
font-weight: 700;
margin-top: 4px
}

.learning-program .lp-card-footer {
padding: 0 20px 20px
}

.learning-program .lp-card-link {
display: block;
text-align: center;
background: #BE5697;
color: #fff;
text-decoration: none;
border-radius: 8px;
padding: 12px 20px;
font-size: 15px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1), padding .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

@media (min-width: 1024px) {
.learning-program .lp-card-link:hover {
background: #a0437e;
padding-left: 32px;
padding-right: 32px
}
}

.learning-program .lp-grid .lp-card.wide {
grid-column: 1 / -1;
flex-direction: row
}

.learning-program .lp-card.wide .lp-card-body {
flex: 2
}

.learning-program .lp-card.wide .lp-card-side {
flex: 1;
background: linear-gradient(160deg, #EEDFF1 0%, #BF9ABC 100%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 32px 20px;
gap: 12px
}

.learning-program .lp-card.wide .lp-card-footer {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 20px
}

.learning-program .lp-svg-divider {
width: 100%;
display: block;
overflow: hidden
}

.learning-program .lp-strip {
background: linear-gradient(135deg, #EEDFF1 0%, #BF9ABC 60%, #BE5697 100%);
padding: 32px 20px
}

.learning-program .lp-strip-inner {
max-width: 1170px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 32px;
align-items: center;
flex-wrap: wrap
}

.learning-program .lp-strip-stat {
flex: 1 1 180px;
text-align: center
}

.learning-program .lp-strip-stat .stat-number {
font-size: 37px;
font-weight: 700;
color: #fff;
line-height: 1.1;
display: block
}

.learning-program .lp-strip-stat .stat-label {
font-size: 15px;
color: #fff;
opacity: .85;
line-height: 1.4;
display: block;
margin-top: 4px
}

.learning-program .lp-strip-divider {
width: 1px;
height: 48px;
background: #ffffff4d;
flex-shrink: 0
}

.learning-program .lp-mission {
padding: 64px 20px;
background: #fff
}

.learning-program .lp-mission-inner {
max-width: 1170px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start
}

.learning-program .lp-mission-left {
flex: 1 1 55%
}

.learning-program .lp-mission-left h2 {
font-size: 37px;
line-height: 1.1;
font-weight: 300;
text-transform: uppercase;
letter-spacing: .04em;
color: #2a1520;
margin: 0 0 20px
}

.learning-program .lp-mission-left h2 strong {
color: #BE5697;
font-weight: 700
}

.learning-program .lp-mission-left p {
font-size: 15px;
line-height: 1.7;
color: #5a3a50;
margin: 0 0 12px
}

.learning-program .lp-mission-left p strong {
text-transform: uppercase;
color: #BE5697
}

.learning-program .lp-mission-list {
list-style: none;
padding: 0;
margin: 20px 0 0;
display: flex;
flex-direction: column;
gap: 12px
}

.learning-program .lp-mission-list li {
font-size: 15px;
line-height: 1.7;
color: #5a3a50;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px
}

.learning-program .lp-mission-list li::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
border-right: 2px solid #BE5697;
border-bottom: 2px solid #BE5697;
transform: rotate(-45deg);
flex-shrink: 0;
margin-top: 7px
}

.learning-program .lp-mission-right {
flex: 1 1 40%;
background: linear-gradient(160deg, #EEDFF1 0%, #fff 100%);
border-radius: 14px;
border: 1.5px solid #EEDFF1;
padding: 32px 20px;
box-shadow: 0 6px 25px 0 #be56971c
}

.learning-program .lp-mission-right h3 {
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: #BE5697;
margin: 0 0 12px
}

.learning-program .lp-mission-right p {
font-size: 15px;
line-height: 1.7;
color: #5a3a50;
margin: 0 0 12px
}

.learning-program .lp-mission-link {
display: inline-block;
color: #BE5697;
font-size: 15px;
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid #EEDFF1;
padding-bottom: 2px;
transition: border-color .25s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

@media (min-width: 1024px) {
.learning-program .lp-mission-link:hover {
border-color: #BE5697
}
}

@media (max-width: 1024px) {
.learning-program .lp-hero-grid {
flex-direction: column;
gap: 32px
}

.learning-program .lp-hero-text h1 {
font-size: 37px
}

.learning-program .lp-hero-image img {
height: 260px
}

.learning-program .lp-grid {
grid-template-columns: repeat(2, 1fr)
}

.learning-program .lp-card.wide {
flex-direction: column;
grid-column: auto
}

.learning-program .lp-mission-inner {
flex-direction: column;
gap: 32px
}
}

@media (max-width: 768px) {
.learning-program .lp-grid {
grid-template-columns: 1fr
}

.learning-program .lp-card.wide {
grid-column: auto
}

.learning-program .lp-strip-inner {
flex-direction: column;
gap: 20px
}

.learning-program .lp-strip-divider {
display: none
}

.learning-program .lp-hero-text h1 {
font-size: 37px
}

.learning-program .lp-hero-text {
padding: 0
}
}

@media (max-width: 320px) {
.learning-program .lp-price {
font-size: 17px
}
}

@keyframes bleed {
0% {
opacity: .08;
transform: scale(0.85) translate(0, 0)
}

50% {
opacity: .18;
transform: scale(1.08) translate(-8px, 8px)
}

100% {
opacity: .08;
transform: scale(0.85) translate(0, 0)
}
}

.learning-program .lp-hero {
position: relative
}

.learning-program .lp-bleed {
position: absolute;
top: -40px;
left: -40px;
width: 320px;
height: 320px;
background: #BE5697;
border-radius: 50%;
filter: blur(80px);
pointer-events: none;
animation: bleed 7s ease-in-out infinite;
z-index: 0
}

.learning-program .lp-hero-grid {
position: relative;
z-index: 1
}

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

.launch .bounded {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}

.launch .title-area {
position: relative;
background-color: #f5f0f4;
padding-top: 64px;
padding-bottom: 64px;
overflow: hidden
}

.launch .title-area::before {
content: "";
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(-47deg, transparent, transparent 18px, #be56970b 18px, #be56970b 19px);
pointer-events: none
}

.launch .title-split {
display: flex;
flex-direction: row;
align-items: center;
gap: 64px
}

.launch .title-text {
flex: 1 1 0;
min-width: 0
}

.launch .title-eyebrow {
font-size: 15px;
line-height: 1.4;
letter-spacing: .12em;
text-transform: uppercase;
color: #BE5697;
font-weight: 600;
margin-bottom: 12px
}

.launch .title-heading {
font-size: 68px;
line-height: 1.1;
letter-spacing: -.03em;
font-weight: 800;
color: #1b0e17;
margin: 0 0 20px;
text-transform: uppercase
}

.launch .title-heading span {
color: #BE5697
}

.launch .title-sub {
font-size: 17px;
line-height: 1.7;
color: #3a2233;
max-width: 480px
}

.launch .title-image-frame {
flex: 0 0 340px;
width: 340px;
height: 420px;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 10px 60px 0 #be569721;
position: relative
}

.launch .title-image-frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: blur(0px);
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.launch .title-image-frame:hover img {
transform: scale(1.06) translateY(-8px)
}

@media (max-width: 768px) {
.launch .title-split {
flex-direction: column;
gap: 32px
}

.launch .title-heading {
font-size: 37px
}

.launch .title-image-frame {
flex: none;
width: 100%;
height: 240px
}
}

.launch .experience-area {
background: #fff;
padding-top: 64px;
padding-bottom: 64px;
position: relative
}

.launch .experience-area::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #BE5697 0%, #BF9ABC 55%, #EEDFF1 100%)
}

.launch .exp-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center
}

.launch .exp-label {
font-size: 15px;
letter-spacing: .1em;
text-transform: uppercase;
color: #BF9ABC;
font-weight: 700;
margin-bottom: 12px
}

.launch .exp-heading {
font-size: 37px;
line-height: 1.1;
font-weight: 700;
letter-spacing: -.01em;
color: #1b0e17;
text-transform: uppercase;
margin: 0 0 20px
}

.launch .exp-body {
font-size: 17px;
line-height: 1.7;
color: #3a2233
}

.launch .exp-body p {
margin: 0 0 12px
}

.launch .exp-body p:last-child {
margin-bottom: 0
}

.launch .exp-body p .first-word {
text-transform: uppercase;
color: #BE5697;
font-weight: 700
}

.launch .profile-cards {
display: flex;
flex-direction: column;
gap: 20px
}

.launch .profile-card {
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start;
background: #fdf8fc;
border-radius: 14px;
padding: 20px;
border: 1px solid #EEDFF1;
box-shadow: 0 3px 2px 0 #be56970f;
transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.launch .profile-card:hover {
box-shadow: 0 6px 25px 0 #be56971c;
transform: translateY(-2px)
}

.launch .profile-img {
width: 72px;
height: 72px;
border-radius: 8px;
object-fit: cover;
flex-shrink: 0;
box-shadow: 0 3px 2px 0 #be56970f;
transition: transform .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.launch .profile-card:hover .profile-img {
transform: scale(1.05)
}

.launch .profile-detail {
flex: 1 1 0
}

.launch .profile-name {
font-size: 15px;
font-weight: 700;
color: #1b0e17;
margin-bottom: 4px
}

.launch .profile-role {
font-size: 15px;
color: #BE5697;
margin-bottom: 8px;
letter-spacing: .04em
}

.launch .profile-quote {
font-size: 15px;
line-height: 1.7;
color: #3a2233;
margin: 0
}

@media (max-width: 768px) {
.launch .exp-grid {
grid-template-columns: 1fr;
gap: 32px
}
}

.launch .hesitation-area {
background: linear-gradient(160deg, #BE5697 0%, #BF9ABC 60%, #EEDFF1 100%);
padding-top: 64px;
padding-bottom: 64px;
position: relative;
overflow: hidden
}

.launch .hesitation-area::before {
content: "";
position: absolute;
top: -80px;
right: -80px;
width: 320px;
height: 320px;
border-radius: 40px;
background: #ffffff12;
pointer-events: none
}

.launch .hesitation-row {
display: flex;
flex-direction: row;
gap: 64px;
align-items: stretch
}

.launch .hesitation-left {
flex: 0 0 380px
}

.launch .hesitation-right {
flex: 1 1 0
}

.launch .hes-label {
font-size: 15px;
letter-spacing: .12em;
text-transform: uppercase;
color: #ffffffbf;
font-weight: 700;
margin-bottom: 12px
}

.launch .hes-heading {
font-size: 37px;
line-height: 1.1;
font-weight: 700;
letter-spacing: -.01em;
color: #fff;
text-transform: uppercase;
margin: 0 0 20px
}

.launch .hes-body {
font-size: 17px;
line-height: 1.7;
color: #ffffffe0
}

.launch .hes-body p {
margin: 0 0 12px
}

.launch .hes-body p:last-child {
margin-bottom: 0
}

.launch .hes-body p .first-word {
text-transform: uppercase;
color: #fff;
font-weight: 800
}

.launch .concern-list {
display: flex;
flex-direction: column;
gap: 20px;
padding: 0;
margin: 0;
list-style: none
}

.launch .concern-item {
background: #ffffff21;
border: 1px solid #ffffff38;
border-radius: 14px;
padding: 20px;
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start
}

.launch .concern-icon {
width: 32px;
height: 32px;
flex-shrink: 0;
border-radius: 8px;
background: #ffffff2e;
display: flex;
align-items: center;
justify-content: center
}

.launch .concern-icon svg {
width: 16px;
height: 16px
}

.launch .concern-text {
flex: 1 1 0
}

.launch .concern-q {
font-size: 15px;
font-weight: 700;
color: #fff;
margin-bottom: 4px
}

.launch .concern-a {
font-size: 15px;
line-height: 1.7;
color: #ffffffd9;
margin: 0
}

@media (max-width: 768px) {
.launch .hesitation-row {
flex-direction: column;
gap: 32px
}

.launch .hesitation-left {
flex: none
}
}

.launch .investment-area {
background: #fff;
padding-top: 64px;
padding-bottom: 64px
}

.launch .invest-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start
}

.launch .invest-image-col {
position: relative
}

.launch .invest-img-frame {
width: 100%;
height: 360px;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 6px 25px 0 #be56971c
}

.launch .invest-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.launch .invest-img-frame:hover img {
transform: translateX(-10px) scale(1.04)
}

.launch .invest-badge {
position: absolute;
bottom: -12px;
right: -12px;
background: #BE5697;
color: #fff;
border-radius: 14px;
padding: 12px 20px;
font-size: 15px;
font-weight: 700;
letter-spacing: .04em;
box-shadow: 0 6px 25px 0 #be56971c
}

.launch .invest-text-col {
display: flex;
flex-direction: column;
gap: 20px
}

.launch .invest-label {
font-size: 15px;
letter-spacing: .1em;
text-transform: uppercase;
color: #BF9ABC;
font-weight: 700
}

.launch .invest-heading {
font-size: 37px;
line-height: 1.1;
font-weight: 700;
letter-spacing: -.01em;
color: #1b0e17;
text-transform: uppercase;
margin: 0
}

.launch .invest-body {
font-size: 17px;
line-height: 1.7;
color: #3a2233
}

.launch .invest-body p {
margin: 0 0 12px
}

.launch .invest-body p:last-child {
margin-bottom: 0
}

.launch .invest-body p .first-word {
text-transform: uppercase;
color: #BE5697;
font-weight: 700
}

.launch .legend-block {
display: flex;
flex-direction: column;
gap: 12px
}

.launch .legend-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px
}

.launch .legend-dot {
width: 12px;
height: 12px;
border-radius: 4px;
flex-shrink: 0
}

.launch .legend-dot.primary {
background: #BE5697
}

.launch .legend-dot.secondary {
background: #BF9ABC
}

.launch .legend-dot.tertiary {
background: #EEDFF1;
border: 1px solid #BF9ABC
}

.launch .legend-desc {
font-size: 15px;
line-height: 1.4;
color: #3a2233
}

.launch .legend-desc strong {
color: #1b0e17
}

@media (max-width: 768px) {
.launch .invest-split {
grid-template-columns: 1fr;
gap: 32px
}

.launch .invest-badge {
position: static;
display: inline-block;
margin-top: 12px
}
}

.launch .gap-area {
background: #fdf8fc;
padding-top: 64px;
padding-bottom: 64px;
position: relative
}

.launch .gap-area::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, #EEDFF1 0%, transparent 40%);
pointer-events: none
}

.launch .gap-inner {
position: relative
}

.launch .gap-top {
display: flex;
flex-direction: row;
gap: 64px;
align-items: center;
margin-bottom: 64px
}

.launch .gap-text {
flex: 1 1 0
}

.launch .gap-label {
font-size: 15px;
letter-spacing: .12em;
text-transform: uppercase;
color: #BE5697;
font-weight: 700;
margin-bottom: 12px
}

.launch .gap-heading {
font-size: 37px;
line-height: 1.1;
font-weight: 700;
letter-spacing: -.01em;
color: #1b0e17;
text-transform: uppercase;
margin: 0 0 20px
}

.launch .gap-body {
font-size: 17px;
line-height: 1.7;
color: #3a2233
}

.launch .gap-body p {
margin: 0 0 12px
}

.launch .gap-body p:last-child {
margin-bottom: 0
}

.launch .gap-body p .first-word {
text-transform: uppercase;
color: #BE5697;
font-weight: 700
}

.launch .gap-img-frame {
flex: 0 0 300px;
width: 300px;
height: 300px;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 10px 60px 0 #be569721
}

.launch .gap-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .32s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.launch .gap-img-frame:hover img {
transform: translateY(-12px) scale(1.04)
}

.launch .steps-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px
}

.launch .step-card {
background: #fff;
border-radius: 14px;
padding: 20px;
border: 1px solid #EEDFF1;
box-shadow: 0 3px 2px 0 #be56970f;
display: flex;
flex-direction: column;
gap: 8px
}

.launch .step-num {
font-size: 37px;
font-weight: 800;
color: #EEDFF1;
line-height: 1.1;
letter-spacing: -.02em
}

.launch .step-title {
font-size: 15px;
font-weight: 700;
color: #1b0e17;
letter-spacing: .04em;
text-transform: uppercase
}

.launch .step-desc {
font-size: 15px;
line-height: 1.7;
color: #3a2233;
margin: 0
}

.launch .gap-link {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 32px;
padding: 12px 32px;
background: #BE5697;
color: #fff;
font-size: 15px;
font-weight: 700;
letter-spacing: .06em;
text-decoration: none;
border-radius: 8px;
box-shadow: 0 6px 25px 0 #be56971c;
transition: padding .22s cubic-bezier(0.34, 1.56, 0.64, 1), background .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.launch .gap-link:hover {
padding-left: 40px;
padding-right: 40px;
background: #a8437f
}

@media (max-width: 768px) {
.launch .gap-top {
flex-direction: column;
gap: 32px
}

.launch .gap-img-frame {
flex: none;
width: 100%;
height: 220px
}

.launch .steps-row {
grid-template-columns: 1fr
}
}

@media (max-width: 320px) {
.launch .title-heading {
font-size: 37px
}

.launch .bounded {
padding-left: 12px;
padding-right: 12px
}
}

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

.about-us .au-inner {
max-width: 1170px;
margin: 0 auto;
padding: 0 20px
}

@keyframes blurReveal {
from {
filter: blur(8px);
opacity: 0
}

to {
filter: blur(0);
opacity: 1
}
}

.about-us .reveal-1 {
animation: blurReveal .28s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.about-us .reveal-2 {
animation: blurReveal .32s cubic-bezier(0.34, 1.56, 0.64, 1) .1s both
}

.about-us .reveal-3 {
animation: blurReveal .35s cubic-bezier(0.34, 1.56, 0.64, 1) .2s both
}

.about-us ::selection {
background: #BE5697;
color: #fff
}

.about-us .au-title-block {
background: radial-gradient(ellipse at 0% 0%, #EEDFF1 0%, #fff 55%, #BF9ABC22 100%);
border-bottom: 3px solid #BE5697;
padding: 64px 20px;
position: relative
}

.about-us .au-title-block .au-inner {
display: flex;
flex-direction: row;
align-items: center;
gap: 64px
}

.about-us .au-title-text {
flex: 1 1 0;
min-width: 0
}

.about-us .au-num-accent {
font-size: 68px;
line-height: 1.1;
font-weight: 800;
color: #BE5697;
letter-spacing: -2px;
display: block;
margin-bottom: 4px
}

.about-us .au-main-heading {
font-size: 37px;
line-height: 1.1;
font-weight: 700;
color: #1b1230;
letter-spacing: -.5px;
margin: 0 0 20px;
text-transform: uppercase
}

.about-us .au-sub {
font-size: 17px;
line-height: 1.7;
color: #2e1f3a;
margin: 0 0 32px;
max-width: 480px
}

.about-us .au-sub .first-word {
color: #BE5697;
font-weight: 700;
text-transform: uppercase
}

.about-us .au-img-side {
flex: 0 0 380px;
width: 380px;
height: 300px;
border-radius: 14px;
overflow: hidden;
position: relative;
box-shadow: 0 6px 25px 0 #be56971c
}

.about-us .au-img-side img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.about-us .au-img-side::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, #be569752 0%, #bf9abc2e 60%, #eedff114 100%);
border-radius: 14px;
pointer-events: none
}

.about-us .au-tag {
display: inline-block;
background: #BE5697;
color: #fff;
font-size: 15px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 4px 20px;
border-radius: 4px;
margin-bottom: 12px
}

.about-us .au-about-block {
background: #fff;
padding: 64px 20px;
border-top: 1px solid #EEDFF1
}

.about-us .au-about-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
align-items: start
}

.about-us .au-left-col {
grid-column: 1 / 2
}

.about-us .au-center-col {
grid-column: 2 / 3;
padding-top: 32px
}

.about-us .au-right-col {
grid-column: 3 / 4
}

.about-us .au-col-heading {
font-size: 17px;
line-height: 1.4;
font-weight: 700;
color: #1b1230;
text-transform: uppercase;
letter-spacing: 1.2px;
margin: 0 0 12px
}

.about-us .au-col-text {
font-size: 15px;
line-height: 1.7;
color: #2e1f3a;
margin: 0 0 20px
}

.about-us .au-col-text .first-word {
color: #BE5697;
font-weight: 700;
text-transform: uppercase
}

.about-us .au-vbar {
width: 4px;
height: 48px;
background: linear-gradient(180deg, #BE5697 0%, #BF9ABC 60%, #EEDFF1 100%);
border-radius: 4px;
margin-bottom: 20px;
border-left: 2px solid #BE5697;
border-right: 1px solid #BF9ABC
}

.about-us .au-img-col {
width: 100%;
height: 280px;
border-radius: 14px;
overflow: hidden;
position: relative;
box-shadow: 0 3px 2px 0 #be56970f 0 6px 25px 0 #be56971c;
margin-bottom: 20px
}

.about-us .au-img-col img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.about-us .au-img-col::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(160deg, #be569738 0%, #eedff11a 100%);
pointer-events: none
}

.about-us .au-dashed-box {
border: 2px dashed #BF9ABC;
border-radius: 14px;
padding: 20px;
margin-top: 12px;
background: #EEDFF155
}

.about-us .au-dashed-box .au-col-heading {
color: #BE5697
}

.about-us .au-list {
list-style: none;
padding: 0;
margin: 0
}

.about-us .au-list li {
font-size: 15px;
line-height: 1.7;
color: #2e1f3a;
padding-left: 20px;
position: relative;
margin-bottom: 8px
}

.about-us .au-list li::before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 8px;
height: 8px;
border-top: 2px solid #BE5697;
border-right: 2px solid #BE5697;
transform: rotate(45deg)
}

.about-us .au-milestone-block {
background: linear-gradient(112deg, #2e1f3a 0%, #4a2060 45%, #BE5697 100%);
padding: 64px 20px;
position: relative;
overflow: hidden
}

.about-us .au-milestone-block::before {
content: "";
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(135deg, #eedff10a 0px, #eedff10a 2px, transparent 2px, transparent 14px);
pointer-events: none
}

.about-us .au-milestone-heading {
font-size: 37px;
line-height: 1.1;
font-weight: 700;
color: #EEDFF1;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0 0 8px
}

.about-us .au-milestone-sub {
font-size: 15px;
line-height: 1.7;
color: #BF9ABC;
margin: 0 0 32px;
max-width: 560px
}

.about-us .au-milestone-track {
display: flex;
flex-direction: row;
gap: 0;
align-items: flex-start;
position: relative
}

.about-us .au-milestone-track::before {
content: "";
position: absolute;
top: 28px;
left: 28px;
right: 28px;
height: 2px;
background: linear-gradient(90deg, #BE5697 0%, #BF9ABC 50%, #EEDFF1 100%)
}

.about-us .au-milestone-item {
flex: 1 1 0;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0 8px
}

.about-us .au-milestone-icon {
width: 56px;
height: 56px;
border-radius: 40px;
background: #eedff11f;
border: 2px solid #BF9ABC;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
position: relative;
z-index: 1;
flex-shrink: 0
}

.about-us .au-milestone-icon svg {
width: 24px;
height: 24px
}

.about-us .au-milestone-date {
font-size: 15px;
font-weight: 700;
color: #EEDFF1;
letter-spacing: .5px;
margin-bottom: 4px
}

.about-us .au-milestone-label {
font-size: 15px;
line-height: 1.4;
color: #BF9ABC
}

.about-us .au-team-row {
display: flex;
flex-direction: row;
gap: 32px;
margin-top: 64px;
align-items: flex-start
}

.about-us .au-team-heading {
font-size: 17px;
font-weight: 700;
color: #EEDFF1;
text-transform: uppercase;
letter-spacing: 1.2px;
margin: 0 0 20px
}

.about-us .au-team-cards {
display: flex;
flex-direction: row;
gap: 20px;
flex: 1 1 0
}

.about-us .au-person-card {
flex: 1 1 0;
background: #ffffff12;
border: 1px solid #bf9abc4d;
border-radius: 14px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 8px
}

.about-us .au-person-img {
width: 100%;
height: 180px;
border-radius: 8px;
overflow: hidden;
position: relative;
box-shadow: 0 3px 2px 0 #be56970f
}

.about-us .au-person-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.about-us .au-person-img::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(160deg, #be569747 0%, #2e1f3a2e 100%);
pointer-events: none
}

.about-us .au-person-name {
font-size: 17px;
font-weight: 700;
color: #EEDFF1;
margin: 0
}

.about-us .au-person-role {
font-size: 15px;
color: #BF9ABC;
margin: 0
}

.about-us .au-person-bio {
font-size: 15px;
line-height: 1.7;
color: #eedff1bf;
margin: 0
}

.about-us .au-team-aside {
flex: 0 0 260px;
width: 260px
}

.about-us .au-team-aside-text {
font-size: 15px;
line-height: 1.7;
color: #eedff1bf;
margin: 0
}

.about-us .au-btn {
display: inline-block;
background: #BE5697;
color: #fff;
font-size: 15px;
font-weight: 600;
letter-spacing: .8px;
text-transform: uppercase;
padding: 12px 32px;
border-radius: 8px;
border: none;
cursor: pointer;
text-decoration: none;
box-shadow: 0 6px 25px 0 #be56971c;
transition: padding .25s cubic-bezier(0.34, 1.56, 0.64, 1), background .22s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.about-us .au-btn:hover {
padding: 12px 44px;
background: #a84585
}

.about-us .au-btn:focus {
outline: 3px solid #EEDFF1;
outline-offset: 3px
}

@media (max-width: 1024px) {
.about-us .au-title-block .au-inner {
gap: 32px
}

.about-us .au-img-side {
flex: 0 0 280px;
width: 280px;
height: 240px
}

.about-us .au-about-grid {
grid-template-columns: 1fr 1fr;
gap: 20px
}

.about-us .au-center-col {
grid-column: 2 / 3;
padding-top: 0
}

.about-us .au-right-col {
grid-column: 1 / 3
}

.about-us .au-milestone-track {
flex-wrap: wrap;
gap: 20px
}

.about-us .au-milestone-track::before {
display: none
}

.about-us .au-milestone-item {
flex: 0 0 calc(50% - 10px)
}

.about-us .au-team-row {
flex-direction: column
}

.about-us .au-team-aside {
width: 100%;
flex: none
}
}

@media (max-width: 768px) {
.about-us .au-title-block .au-inner {
flex-direction: column;
gap: 32px
}

.about-us .au-img-side {
width: 100%;
flex: none;
height: 220px
}

.about-us .au-num-accent {
font-size: 37px
}

.about-us .au-main-heading {
font-size: 37px
}

.about-us .au-about-grid {
grid-template-columns: 1fr
}

.about-us .au-center-col {
grid-column: 1
}

.about-us .au-right-col {
grid-column: 1
}

.about-us .au-team-cards {
flex-direction: column
}

.about-us .au-milestone-item {
flex: 0 0 100%
}

.about-us .au-milestone-heading {
font-size: 17px
}

.about-us .reveal-1,
.about-us .reveal-2,
.about-us .reveal-3 {
animation: none
}
}

@media (max-width: 320px) {
.about-us .au-inner {
padding: 0 12px
}

.about-us .au-title-block {
padding: 32px 12px
}

.about-us .au-about-block {
padding: 32px 12px
}

.about-us .au-milestone-block {
padding: 32px 12px
}
}

.success-page {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 64px 20px;
background: #fff
}

.success-page .success-card {
max-width: 520px;
width: 100%;
background: #fff;
border: 1.5px solid #EEDFF1;
border-radius: 24px;
padding: 64px 32px;
box-shadow: 0 6px 25px 0 #be56971c;
text-align: center
}

.success-page .icon-wrap {
width: 64px;
height: 64px;
margin: 0 auto 32px;
border-radius: 40px;
background: #EEDFF1;
display: flex;
align-items: center;
justify-content: center
}

.success-page .icon-wrap svg {
display: block
}

.success-page .success-heading {
font-size: 37px;
font-weight: 700;
line-height: 1.1;
letter-spacing: -.02em;
color: #BE5697;
margin: 0 0 20px;
text-transform: uppercase
}

.success-page .success-body {
font-size: 17px;
line-height: 1.7;
color: #3a2a35;
margin: 0 0 32px
}

.success-page .success-body span {
color: #BE5697;
font-weight: 600;
text-transform: uppercase
}

.success-page .back-link {
display: inline-block;
padding: 12px 32px;
background: #BE5697;
color: #fff;
font-size: 15px;
font-weight: 600;
letter-spacing: .06em;
text-decoration: none;
border-radius: 8px;
box-shadow: 0 3px 2px 0 #be56970f;
transition: padding .25s cubic-bezier(0.34, 1.56, 0.64, 1), background .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.success-page .back-link:hover {
background: #a8457f;
padding-left: 40px;
padding-right: 40px
}

.success-page .back-link:focus {
outline: 2px solid #BE5697;
outline-offset: 3px
}

.success-page .divider {
width: 48px;
height: 3px;
background: linear-gradient(90deg, #BE5697 0%, #BF9ABC 60%, #EEDFF1 100%);
border-radius: 4px;
margin: 0 auto 32px
}

@media (max-width: 768px) {
.success-page {
padding: 32px 12px
}

.success-page .success-card {
padding: 32px 20px
}

.success-page .success-heading {
font-size: 37px
}

.success-page .back-link {
transition: none
}
}