body {
margin: 0;
font-family: 'Ubuntu Mono', monospace
}

.page-frame {
box-sizing: border-box;
max-width: 1024px;
margin: 0 auto;
padding: 0 32px
}

.utility-bar {
background: #D089FD;
border-bottom: 2px solid #b560f0
}

.utility-bar .page-frame {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 8px;
padding-bottom: 8px;
gap: 16px
}

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

.brand-shield {
background: #ffffff38;
border: 1.5px solid #ffffff8c;
border-radius: 7px;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
box-sizing: border-box;
box-shadow: 2px 2px 6px 0 #d089fd14
}

.brand-shield img {
width: 32px;
height: 32px;
object-fit: contain;
display: block
}

.brand-label {
display: flex;
flex-direction: column;
gap: 0
}

.brand-name {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
font-weight: 700;
line-height: 1.15;
color: #1a0030;
letter-spacing: 0
}

.brand-tagline {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
font-weight: 400;
line-height: 1.15;
color: #3a0060
}

.utility-contacts {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap
}

.util-contact-item {
display: flex;
align-items: center;
gap: 8px;
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
line-height: 1.15;
color: #1a0030;
text-decoration: none;
border-radius: 7px;
padding: 4px 8px;
transition: background-color .1s ease-out, color .1s ease-out
}

.util-contact-item:hover {
background: #ffffff4d;
color: #0d001a
}

.util-contact-item:focus {
outline: 2px solid #1a0030;
outline-offset: 2px
}

.util-contact-item .codicon {
font-size: 14px;
color: #3a0060
}

.nav-bar {
background: #fff;
border-bottom: 2px solid #E1F2D4
}

.nav-bar .page-frame {
display: flex;
align-items: center;
justify-content: flex-end;
padding-top: 0;
padding-bottom: 0;
min-height: 56px
}

.primary-nav {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0;
list-style: none;
margin: 0;
padding: 0
}

.primary-nav li {
display: flex
}

.primary-nav a {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
font-weight: 700;
line-height: 1.15;
color: #2d0050;
text-decoration: none;
padding: 16px;
display: block;
border-bottom: 3px solid transparent;
transition: color .09s ease-out, border-color .09s ease-out;
white-space: nowrap
}

.primary-nav a:hover {
color: #B72B08;
border-bottom-color: #B72B08
}

.primary-nav a:focus {
outline: 2px solid #D089FD;
outline-offset: -2px;
border-radius: 7px
}

.primary-nav li.active a {
color: #B72B08;
border-bottom-color: #B72B08
}

.mega-footer {
background: #1a0030;
padding-top: 64px;
padding-bottom: 0
}

.footer-body .page-frame {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
padding-bottom: 64px
}

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

.footer-brand-row {
display: flex;
align-items: center;
gap: 16px
}

.footer-shield {
background: #ffffff14;
border: 1.5px solid #d089fd59;
border-radius: 7px;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
box-sizing: border-box;
box-shadow: 2px 2px 6px 0 #d089fd14
}

.footer-shield img {
width: 32px;
height: 32px;
object-fit: contain;
display: block
}

.footer-brand-name {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
font-weight: 700;
line-height: 1.15;
color: #D089FD
}

.footer-desc {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
line-height: 1.7;
color: #c4a8e0
}

.footer-col-label {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
font-weight: 700;
line-height: 1.15;
color: #E1F2D4;
text-transform: uppercase;
letter-spacing: .08em;
margin-bottom: 16px
}

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

.footer-links a {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
line-height: 1.7;
color: #c4a8e0;
text-decoration: none;
display: flex;
align-items: center;
gap: 8px;
border-radius: 7px;
padding: 4px 0;
transition: color .08s linear
}

.footer-links a:hover {
color: #D089FD
}

.footer-links a:focus {
outline: 2px solid #D089FD;
outline-offset: 2px
}

.footer-links .codicon {
font-size: 14px;
color: #6a3a8a;
flex-shrink: 0
}

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

.footer-contact-row {
display: flex;
align-items: flex-start;
gap: 8px;
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
line-height: 1.7;
color: #c4a8e0;
text-decoration: none
}

.footer-contact-row .codicon {
font-size: 14px;
color: #D089FD;
flex-shrink: 0;
margin-top: 2px
}

a.footer-contact-row {
border-radius: 7px;
transition: color .09s ease-out
}

a.footer-contact-row:hover {
color: #D089FD
}

a.footer-contact-row:focus {
outline: 2px solid #D089FD;
outline-offset: 2px
}

.footer-divider {
border: none;
border-top: 1px solid #d089fd26;
margin: 0
}

.footer-bottom {
background: #0d001a
}

.footer-bottom .page-frame {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
padding-top: 16px;
padding-bottom: 16px
}

.footer-legal-links {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px;
list-style: none;
margin: 0;
padding: 0
}

.footer-legal-links a {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
line-height: 1.15;
color: #8a6aaa;
text-decoration: none;
border-radius: 7px;
transition: color .09s ease-out
}

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

.footer-legal-links a:focus {
outline: 2px solid #D089FD;
outline-offset: 2px
}

.footer-copyright {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
line-height: 1.15;
color: #6a4a88
}

.cookie-tray {
position: fixed;
bottom: 32px;
left: 32px;
z-index: 1500;
width: 280px;
background: #fff;
border: 2px solid #D089FD;
border-radius: 7px;
padding: 16px;
box-sizing: border-box;
box-shadow: 2px 10px 40px 0 #d089fd24;
display: none
}

.cookie-tray.privacy-open .cookie-main-view {
display: none
}

.cookie-tray.privacy-open .cookie-prefs-view {
display: flex
}

.cookie-text {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
line-height: 1.7;
color: #1a0030;
margin: 0 0 16px
}

.cookie-text a {
color: #B72B08;
text-decoration: underline
}

.cookie-text a:focus {
outline: 2px solid #D089FD;
outline-offset: 1px;
border-radius: 7px
}

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

.cookie-accept {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
font-weight: 700;
line-height: 1.15;
color: #fff;
background: #B72B08;
border: 2px solid #B72B08;
border-radius: 7px;
padding: 8px 16px;
cursor: pointer;
text-align: center;
transition: filter .09s ease-out;
min-height: 44px
}

.cookie-accept:hover {
filter: brightness(1.15)
}

.cookie-accept:focus {
outline: 2px solid #1a0030;
outline-offset: 2px
}

.cookie-reject {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
font-weight: 700;
line-height: 1.15;
color: #B72B08;
background: #fff;
border: 2px solid #B72B08;
border-radius: 7px;
padding: 8px 16px;
cursor: pointer;
text-align: center;
transition: filter .09s ease-out;
min-height: 44px
}

.cookie-reject:hover {
filter: brightness(0.92)
}

.cookie-reject:focus {
outline: 2px solid #1a0030;
outline-offset: 2px
}

.cookie-prefs-link {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
line-height: 1.15;
color: #6a3a8a;
background: none;
border: none;
cursor: pointer;
text-align: center;
text-decoration: underline;
padding: 4px 0;
transition: color .09s ease-out
}

.cookie-prefs-link:hover {
color: #D089FD
}

.cookie-prefs-link:focus {
outline: 2px solid #D089FD;
outline-offset: 2px;
border-radius: 7px
}

.cookie-prefs-view {
display: none;
flex-direction: column;
gap: 16px
}

.prefs-heading {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
font-weight: 700;
line-height: 1.15;
color: #1a0030
}

.pref-row {
display: flex;
align-items: flex-start;
gap: 8px
}

.pref-row label {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
line-height: 1.7;
color: #1a0030;
cursor: pointer;
flex: 1
}

.pref-row input[type="checkbox"] {
width: 16px;
height: 16px;
flex-shrink: 0;
margin-top: 4px;
accent-color: #D089FD;
cursor: pointer
}

.pref-row input[type="checkbox"]:disabled {
cursor: not-allowed;
opacity: .6
}

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

.prefs-save {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
font-weight: 700;
line-height: 1.15;
color: #fff;
background: #B72B08;
border: 2px solid #B72B08;
border-radius: 7px;
padding: 8px 16px;
cursor: pointer;
text-align: center;
transition: filter .09s ease-out;
min-height: 44px
}

.prefs-save:hover {
filter: brightness(1.15)
}

.prefs-save:focus {
outline: 2px solid #1a0030;
outline-offset: 2px
}

.prefs-back {
font-family: 'Ubuntu Mono', monospace;
font-size: 14px;
line-height: 1.15;
color: #6a3a8a;
background: none;
border: none;
cursor: pointer;
text-align: center;
text-decoration: underline;
padding: 4px 0;
transition: color .09s ease-out
}

.prefs-back:hover {
color: #D089FD
}

.prefs-back:focus {
outline: 2px solid #D089FD;
outline-offset: 2px;
border-radius: 7px
}

@media (max-width: 768px) {
.page-frame {
padding: 0 16px
}

.utility-bar .page-frame {
flex-direction: column;
align-items: flex-start;
gap: 8px;
padding-top: 8px;
padding-bottom: 8px
}

.utility-contacts {
gap: 8px
}

.nav-bar .page-frame {
justify-content: flex-start
}

.primary-nav a {
padding: 16px 8px;
font-size: 14px
}

.footer-body .page-frame {
grid-template-columns: 1fr;
gap: 32px
}

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

.cookie-tray {
left: 16px;
bottom: 16px;
width: calc(100vw - 32px)
}
}

@media (max-width: 375px) {
.primary-nav a {
padding: 16px 6px
}

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

@media (min-width: 1366px) {
.page-frame {
padding: 0 32px
}
}

.terms-inner-z {
max-width: 1024px;
margin: 0 auto;
padding: 64px 32px;
color: #2a1a00
}

.terms-inner-z h1 {
font-size: 56px;
line-height: 1.15;
color: #1a0a2e;
margin-bottom: 32px;
margin-top: 0
}

.terms-inner-z h2 {
font-size: 30px;
line-height: 1.15;
color: #1a0a2e;
margin-top: 64px;
margin-bottom: 16px
}

.terms-inner-z h3 {
font-size: 22px;
line-height: 1.15;
color: #2d0a6e;
margin-top: 32px;
margin-bottom: 16px
}

.terms-inner-z h4 {
font-size: 22px;
line-height: 1.7;
color: #3a1a00;
margin-top: 32px;
margin-bottom: 8px
}

.terms-inner-z h5 {
font-size: 14px;
line-height: 1.7;
color: #3a1a00;
text-transform: uppercase;
letter-spacing: .08em;
margin-top: 32px;
margin-bottom: 8px
}

.terms-inner-z h6 {
font-size: 14px;
line-height: 1.7;
color: #B72B08;
text-transform: uppercase;
letter-spacing: .08em;
margin-top: 16px;
margin-bottom: 8px
}

.terms-inner-z p {
font-size: 14px;
line-height: 1.7;
color: #2a1a00;
margin-top: 0;
margin-bottom: 16px
}

.terms-inner-z ul {
margin: 0 0 16px;
padding-left: 32px;
list-style: none
}

.terms-inner-z ol {
margin: 0 0 16px;
padding-left: 32px;
list-style: none;
counter-reset: policy-ol
}

.terms-inner-z ul li {
font-size: 14px;
line-height: 1.7;
color: #2a1a00;
margin-bottom: 8px;
position: relative;
padding-left: 16px
}

.terms-inner-z ul li::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 6px;
height: 6px;
border-radius: 48px;
background-color: #D089FD
}

.terms-inner-z ol li {
font-size: 14px;
line-height: 1.7;
color: #2a1a00;
margin-bottom: 8px;
position: relative;
padding-left: 16px;
counter-increment: policy-ol
}

.terms-inner-z ol li::before {
content: counter(policy-ol) ".";
position: absolute;
left: 0;
top: 0;
font-size: 14px;
line-height: 1.7;
color: #B72B08;
font-weight: 700;
transform: translateX(-100%);
padding-right: 4px
}

.terms-inner-z table {
width: 100%;
border-collapse: collapse;
margin-bottom: 32px;
font-size: 14px;
line-height: 1.7;
border-radius: 7px;
overflow: hidden
}

.terms-inner-z thead {
background-color: #E1F2D4
}

.terms-inner-z thead tr {
border-bottom: 2px solid #D089FD
}

.terms-inner-z tbody tr {
border-bottom: 1px solid #e8d8fb;
transition: background-color .09s ease-out
}

.terms-inner-z tbody tr:hover {
background-color: #f5eaff
}

.terms-inner-z th {
padding: 16px;
text-align: left;
color: #1a0a2e;
font-size: 14px;
line-height: 1.15;
text-transform: uppercase;
letter-spacing: .06em;
font-weight: 700
}

.terms-inner-z td {
padding: 16px;
color: #2a1a00;
font-size: 14px;
line-height: 1.7;
vertical-align: top
}

.terms-inner-z hr {
border: none;
border-top: 2px solid #E1F2D4;
margin: 64px 0
}

.terms-inner-z div {
font-size: 14px;
line-height: 1.7
}

@media (max-width: 768px) {
.terms-inner-z {
padding: 32px 16px
}

.terms-inner-z h1 {
font-size: 30px
}

.terms-inner-z h2 {
font-size: 22px;
margin-top: 32px
}

.terms-inner-z h3 {
font-size: 22px;
margin-top: 32px
}

.terms-inner-z table {
display: block;
overflow-x: auto
}
}

@media (max-width: 375px) {
.terms-inner-z {
padding: 32px 8px
}

.terms-inner-z h1 {
font-size: 22px
}

.terms-inner-z h2 {
font-size: 22px
}

.terms-inner-z hr {
margin: 32px 0
}
}

.meth-detail {
background: #fff;
color: #1b1b2e;
overflow-x: hidden
}

.meth-detail .title-row {
display: flex;
flex-direction: row;
min-height: 0;
align-items: stretch
}

.meth-detail .title-img-col {
flex: 0 0 50%;
position: relative;
overflow: hidden;
border-radius: 0 7px 7px 0
}

.meth-detail .title-img-col img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 4/3;
display: block
}

.meth-detail .title-img-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 60%;
background: linear-gradient(to top, #d089fd61 0%, transparent 100%);
pointer-events: none
}

.meth-detail .title-img-shape {
position: absolute;
top: 32px;
right: -24px;
width: 80px;
height: 80px;
border-radius: 48px;
background: #D089FD;
opacity: .18;
pointer-events: none
}

.meth-detail .title-img-shape2 {
position: absolute;
bottom: 48px;
left: -16px;
width: 48px;
height: 48px;
border-radius: 7px;
background: #B72B08;
opacity: .13;
pointer-events: none;
transform: rotate(18deg)
}

.meth-detail .title-text-col {
flex: 0 0 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 64px;
gap: 16px
}

.meth-detail .cat-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: #E1F2D4;
color: #1b1b2e;
font-size: 14px;
line-height: 1.15;
border-radius: 48px;
padding: 8px 16px;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
width: fit-content
}

.meth-detail .user-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: #fff;
border: 1.5px solid #D089FD;
color: #1b1b2e;
font-size: 14px;
line-height: 1.15;
border-radius: 48px;
padding: 8px 16px;
width: fit-content
}

.meth-detail .title-h1 {
font-size: 56px;
line-height: 1.15;
font-weight: 800;
margin: 0;
color: #1b1b2e
}

.meth-detail .title-h1 .accent-word {
color: #B72B08;
display: block
}

.meth-detail .title-meta-row {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
flex-wrap: wrap
}

.meth-detail .price-tag {
font-size: 30px;
font-weight: 800;
color: #B72B08;
line-height: 1.15
}

.meth-detail .seats-pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: #fff;
border: 1.5px solid #B72B08;
color: #B72B08;
font-size: 14px;
line-height: 1.15;
border-radius: 7px;
padding: 8px 16px
}

.meth-detail .seats-pill .codicon {
font-size: 14px
}

.meth-detail .enroll-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: #D089FD;
color: #1b1b2e;
font-size: 22px;
font-weight: 700;
line-height: 1.15;
border: none;
border-radius: 7px;
padding: 16px 32px;
cursor: pointer;
transition: filter .09s ease-out;
text-decoration: none;
width: fit-content;
margin-top: 8px
}

.meth-detail .enroll-btn:hover {
filter: brightness(1.08)
}

.meth-detail .enroll-btn:focus {
outline: 2.5px solid #B72B08;
outline-offset: 3px
}

.meth-detail .enroll-btn:active {
filter: brightness(0.96)
}

.meth-detail .band-divider {
width: 100%;
height: 8px;
background: #D089FD
}

.meth-detail .detail-body {
max-width: 1024px;
margin: 0 auto;
padding: 64px 32px;
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start
}

.meth-detail .program-col {
flex: 0 0 340px;
min-width: 0
}

.meth-detail .desc-col {
flex: 1 1 0;
min-width: 0
}

.meth-detail .prog-label {
font-size: 14px;
line-height: 1.15;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .09em;
color: #B72B08;
margin-bottom: 16px;
display: block
}

.meth-detail .program-col h2 {
font-size: 22px;
line-height: 1.15;
font-weight: 700;
color: #1b1b2e;
margin: 0 0 8px
}

.meth-detail .program-col h3 {
font-size: 22px;
line-height: 1.15;
font-weight: 700;
color: #1b1b2e;
margin: 0 0 8px
}

.meth-detail .program-col p {
font-size: 14px;
line-height: 1.7;
color: #3a3a4a;
margin: 0 0 8px
}

.meth-detail .program-col small {
font-size: 14px;
color: #7a5a8a;
line-height: 1.7;
display: block;
margin-bottom: 8px
}

.meth-detail .program-col ul {
margin: 0 0 16px;
padding-left: 16px
}

.meth-detail .program-col li {
font-size: 14px;
line-height: 1.7;
color: #3a3a4a;
margin-bottom: 8px;
position: relative
}

.meth-detail .program-col dl {
margin: 0 0 16px
}

.meth-detail .program-col dt {
font-size: 14px;
font-weight: 700;
color: #1b1b2e;
line-height: 1.15;
margin-bottom: 4px
}

.meth-detail .program-col dd {
font-size: 14px;
color: #3a3a4a;
line-height: 1.7;
margin: 0 0 8px
}

.meth-detail .program-col figure {
margin: 0 0 16px
}

.meth-detail .program-col figcaption {
font-size: 14px;
color: #7a5a8a;
line-height: 1.7
}

.meth-detail .program-col details {
border: 1.5px solid #D089FD;
border-radius: 7px;
padding: 8px 16px;
margin-bottom: 8px;
background: #faf5ff
}

.meth-detail .program-col summary {
font-size: 14px;
font-weight: 700;
color: #1b1b2e;
cursor: pointer;
line-height: 1.7;
list-style: none;
outline: none
}

.meth-detail .program-col summary:focus {
outline: 2px solid #B72B08;
border-radius: 4px
}

.meth-detail .prog-stage-item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
margin-bottom: 16px;
position: relative
}

.meth-detail .prog-stage-num {
flex: 0 0 32px;
height: 32px;
border-radius: 48px;
background: #D089FD;
color: #1b1b2e;
font-size: 14px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.15
}

.meth-detail .prog-stage-body {
flex: 1 1 0;
min-width: 0
}

.meth-detail .desc-col h2 {
font-size: 30px;
line-height: 1.15;
font-weight: 800;
color: #1b1b2e;
margin: 0 0 16px
}

.meth-detail .desc-col h3 {
font-size: 22px;
line-height: 1.15;
font-weight: 700;
color: #1b1b2e;
margin: 16px 0 8px
}

.meth-detail .desc-col p {
font-size: 14px;
line-height: 1.7;
color: #3a3a4a;
margin: 0 0 16px
}

.meth-detail .desc-col cite {
display: block;
font-size: 22px;
line-height: 1.7;
color: #1b1b2e;
font-style: italic;
border-left: 4px solid #D089FD;
border-top: 1.5px solid #E1F2D4;
border-bottom: 1.5px solid #E1F2D4;
padding: 16px 32px;
margin: 16px 0;
border-radius: 7px;
background: #faf5ff
}

.meth-detail .desc-col abbr {
text-decoration: underline dotted #B72B08;
cursor: help;
color: #B72B08;
font-weight: 600
}

.meth-detail .desc-col ul {
margin: 0 0 16px 16px;
padding: 0
}

.meth-detail .desc-col ol {
margin: 0 0 16px 16px;
padding: 0
}

.meth-detail .desc-col li {
font-size: 14px;
line-height: 1.7;
color: #3a3a4a;
margin-bottom: 8px
}

.meth-detail .desc-col dl {
margin: 0 0 16px
}

.meth-detail .desc-col dt {
font-size: 14px;
font-weight: 700;
color: #1b1b2e;
line-height: 1.15;
margin-bottom: 4px
}

.meth-detail .desc-col dd {
font-size: 14px;
color: #3a3a4a;
line-height: 1.7;
margin: 0 0 8px
}

.meth-detail .desc-col figure {
margin: 0 0 16px
}

.meth-detail .desc-col figcaption {
font-size: 14px;
color: #7a5a8a;
line-height: 1.7
}

.meth-detail .col-divider {
width: 2px;
background: #E1F2D4;
align-self: stretch;
border-radius: 7px;
flex-shrink: 0
}

.meth-detail .print-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: #E1F2D4;
color: #1b1b2e;
font-size: 14px;
font-weight: 600;
line-height: 1.15;
border: 1.5px solid #D089FD;
border-radius: 7px;
padding: 8px 16px;
cursor: pointer;
transition: filter .1s linear;
margin-top: 32px
}

.meth-detail .print-btn:hover {
filter: brightness(1.07)
}

.meth-detail .print-btn:focus {
outline: 2px solid #B72B08;
outline-offset: 2px
}

@media (max-width: 768px) {
.meth-detail .title-row {
flex-direction: column
}

.meth-detail .title-img-col {
flex: 0 0 auto;
border-radius: 0 0 7px 7px;
min-height: 220px
}

.meth-detail .title-img-col img {
height: 220px
}

.meth-detail .title-text-col {
padding: 32px 16px;
flex: 0 0 auto
}

.meth-detail .title-h1 {
font-size: 30px
}

.meth-detail .detail-body {
flex-direction: column;
gap: 32px;
padding: 32px 16px
}

.meth-detail .program-col {
flex: 0 0 auto;
width: 100%
}

.meth-detail .col-divider {
width: 100%;
height: 2px;
align-self: auto
}

.meth-detail .price-tag {
font-size: 22px
}
}

@media (max-width: 375px) {
.meth-detail .title-text-col {
padding: 16px 8px
}

.meth-detail .title-h1 {
font-size: 22px
}

.meth-detail .detail-body {
padding: 16px 8px
}

.meth-detail .enroll-btn {
font-size: 14px;
padding: 8px 16px
}
}

@media (min-width: 1366px) {
.meth-detail .title-text-col {
padding: 64px
}
}

@media print {

.meth-detail .enroll-btn,
.meth-detail .print-btn {
display: none !important
}

.meth-detail .title-row {
flex-direction: row;
break-inside: avoid
}

.meth-detail .title-img-col {
flex: 0 0 40%
}

.meth-detail .title-text-col {
padding: 32px
}

.meth-detail .detail-body {
flex-direction: row;
padding: 32px 16px
}

.meth-detail .band-divider {
display: none
}

.meth-detail .desc-col cite {
border-left: 3px solid #D089FD;
background: none;
padding: 8px 16px
}

.meth-detail .program-col details {
background: none
}

.meth-detail * {
box-shadow: none !important
}

.meth-detail .title-img-overlay,
.meth-detail .title-img-shape,
.meth-detail .title-img-shape2 {
display: none
}

@page {
margin: 20mm
}
}

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

.abt-pg .page-bound {
max-width: 1024px;
margin: 0 auto;
padding: 0 32px
}

.abt-pg .badge-label {
display: inline-block;
background: #E1F2D4;
color: #2a2a2a;
font-size: 14px;
line-height: 1.15;
padding: 8px 16px;
border-radius: 48px;
border: 1px solid #b8dfa0;
letter-spacing: .04em;
text-transform: uppercase
}

.abt-pg .divider-diamond {
display: flex;
align-items: center;
gap: 16px;
margin: 32px 0
}

.abt-pg .divider-diamond .d-line {
flex: 1;
height: 1px;
background: #D089FD;
opacity: .4
}

.abt-pg .divider-diamond .d-sq {
width: 8px;
height: 8px;
background: #D089FD;
transform: rotate(45deg);
flex-shrink: 0
}

@keyframes abt-reveal-rotate {
from {
opacity: 0;
transform: rotate(-2deg) translateY(24px)
}

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

.abt-pg .reveal-load {
animation: abt-reveal-rotate .5s ease-out both
}

.abt-pg .reveal-load-delay {
animation: abt-reveal-rotate .5s ease-out .15s both
}

.abt-pg .reveal-load-delay2 {
animation: abt-reveal-rotate .5s ease-out .28s both
}

.abt-pg .title-block {
padding: 64px 0 32px;
background: #fff
}

.abt-pg .title-block .tb-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: end
}

.abt-pg .title-block .tb-text {
padding-top: 64px
}

.abt-pg .title-block .tb-desc {
font-size: 14px;
line-height: 1.7;
color: #444;
margin-bottom: 16px
}

.abt-pg .title-block .tb-heading {
font-size: 56px;
line-height: 1.15;
color: #1b1b1b;
margin: 0 0 32px
}

.abt-pg .title-block .tb-heading .accent-word {
color: #B72B08;
display: block
}

.abt-pg .title-block .tb-heading span:not(.accent-word) {
display: block
}

.abt-pg .title-block .tb-mosaic {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 8px;
position: relative
}

.abt-pg .title-block .tb-mosaic::before {
content: '';
position: absolute;
top: -16px;
left: -16px;
width: 80px;
height: 80px;
border: 2px solid #D089FD;
opacity: .25;
border-radius: 7px;
pointer-events: none
}

.abt-pg .title-block .mosaic-img {
width: 100%;
aspect-ratio: 4/3;
object-fit: cover;
border-radius: 7px;
display: block;
position: relative
}

.abt-pg .title-block .mosaic-img.grain-fx {
filter: contrast(1.04) brightness(0.97)
}

.abt-pg .title-block .mosaic-img.mosaic-tall {
grid-row: span 2;
aspect-ratio: unset;
height: 100%;
min-height: 200px
}

.abt-pg .title-block .mosaic-small-col {
display: flex;
flex-direction: column;
gap: 8px
}

.abt-pg .title-block .mosaic-small-col .mosaic-img {
flex: 1
}

.abt-pg .about-detail {
padding: 64px 0;
background: #E1F2D4;
position: relative
}

.abt-pg .about-detail .bg-pattern {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none
}

.abt-pg .about-detail .bg-pattern::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 600px;
height: 600px;
transform: translate(-50%, -50%);
background: conic-gradient(from 0deg at 50% 50%, #D089FD08, #B72B0806, #E1F2D410, #D089FD08);
border-radius: 48px;
pointer-events: none
}

.abt-pg .about-detail .ad-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 64px;
align-items: start
}

.abt-pg .about-detail .ad-left h2 {
font-size: 30px;
line-height: 1.15;
color: #1b1b1b;
margin: 0 0 16px
}

.abt-pg .about-detail .ad-left h2 .accent-word {
color: #B72B08
}

.abt-pg .about-detail .blockquote-para {
font-size: 22px;
line-height: 1.7;
color: #2a2a2a;
border-left: 3px solid #B72B08;
border-top: 1px solid #D089FD;
padding: 16px;
margin: 0 0 16px;
background: #d089fd0f;
border-radius: 7px
}

.abt-pg .about-detail .ad-body {
font-size: 14px;
line-height: 1.7;
color: #333;
margin: 0 0 16px
}

.abt-pg .about-detail .stat-card {
background: #fff;
border-radius: 7px;
overflow: hidden;
box-shadow: 2px 5px 18px 0 #b72b0814
}

.abt-pg .about-detail .stat-zone {
padding: 32px;
border-bottom: 1px solid #E1F2D4
}

.abt-pg .about-detail .stat-zone:last-child {
border-bottom: none
}

.abt-pg .about-detail .stat-num {
font-size: 56px;
line-height: 1.15;
color: #B72B08;
display: block
}

.abt-pg .about-detail .stat-label {
font-size: 14px;
line-height: 1.7;
color: #555;
display: block
}

.abt-pg .team-approach {
padding: 64px 0;
background: #fff
}

.abt-pg .team-approach .ta-header {
margin-bottom: 32px
}

.abt-pg .team-approach .ta-header h2 {
font-size: 30px;
line-height: 1.15;
color: #1b1b1b;
margin: 0 0 8px
}

.abt-pg .team-approach .ta-header h2 .accent-word {
color: #D089FD
}

.abt-pg .team-approach .ta-header p {
font-size: 14px;
line-height: 1.7;
color: #444;
max-width: 600px;
margin: 0
}

.abt-pg .team-approach .ta-layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 64px;
align-items: start
}

.abt-pg .team-approach .portrait-wrap {
border-radius: 7px;
overflow: hidden;
box-shadow: 2px 10px 40px 0 #d089fd24
}

.abt-pg .team-approach .portrait-img {
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
object-position: top;
display: block
}

.abt-pg .team-approach .expert-name {
font-size: 22px;
line-height: 1.15;
color: #1b1b1b;
margin: 16px 0 8px
}

.abt-pg .team-approach .expert-role {
font-size: 14px;
line-height: 1.15;
color: #B72B08;
text-transform: uppercase;
letter-spacing: .06em;
margin: 0 0 8px
}

.abt-pg .team-approach .expert-bio {
font-size: 14px;
line-height: 1.7;
color: #444;
margin: 0
}

.abt-pg .team-approach .approach-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px
}

.abt-pg .team-approach .approach-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
border-radius: 7px;
background: #f7f3ff;
border: 1px solid #d089fd33;
transition: background .09s ease-out, border-color .09s ease-out
}

.abt-pg .team-approach .approach-item:hover {
background: #ede4ff;
border-color: #d089fd80
}

.abt-pg .team-approach .approach-icon {
width: 32px;
height: 32px;
flex-shrink: 0;
background: #D089FD;
border-radius: 7px;
display: flex;
align-items: center;
justify-content: center
}

.abt-pg .team-approach .approach-icon .codicon {
color: #fff;
font-size: 16px
}

.abt-pg .team-approach .approach-text h5 {
font-size: 14px;
line-height: 1.15;
color: #1b1b1b;
margin: 0 0 8px
}

.abt-pg .team-approach .approach-text p {
font-size: 14px;
line-height: 1.7;
color: #555;
margin: 0
}

.abt-pg .contact-form-sec {
padding: 64px 0;
background: #1b1b1b;
position: relative
}

.abt-pg .contact-form-sec .cf-bg-accent {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none
}

.abt-pg .contact-form-sec .cf-bg-accent::before {
content: '';
position: absolute;
top: -80px;
right: -80px;
width: 400px;
height: 400px;
background: conic-gradient(from 45deg at 60% 40%, #D089FD12, #B72B0808, #D089FD0a);
border-radius: 48px;
pointer-events: none
}

.abt-pg .contact-form-sec .cf-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start
}

.abt-pg .contact-form-sec .cf-left h2 {
font-size: 30px;
line-height: 1.15;
color: #fff;
margin: 0 0 16px
}

.abt-pg .contact-form-sec .cf-left h2 .accent-word {
color: #D089FD;
display: block
}

.abt-pg .contact-form-sec .cf-left p {
font-size: 14px;
line-height: 1.7;
color: #bbb;
margin: 0 0 32px
}

.abt-pg .contact-form-sec .cf-left .contact-ref {
display: flex;
flex-direction: column;
gap: 16px
}

.abt-pg .contact-form-sec .contact-ref-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 1.7;
color: #ccc
}

.abt-pg .contact-form-sec .contact-ref-item .codicon {
color: #D089FD;
font-size: 16px
}

.abt-pg .contact-form-sec .contact-ref-item a {
color: #D089FD;
text-decoration: none;
transition: color .1s ease-out
}

.abt-pg .contact-form-sec .contact-ref-item a:hover {
color: #fff
}

.abt-pg .contact-form-sec .cf-form {
background: #fff;
border-radius: 7px;
padding: 32px;
box-shadow: 2px 10px 40px 0 #d089fd24
}

.abt-pg .cf-form .form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 16px
}

.abt-pg .cf-form .form-field {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 16px
}

.abt-pg .cf-form .form-field:last-of-type {
margin-bottom: 0
}

.abt-pg .cf-form label {
font-size: 14px;
line-height: 1.15;
color: #2a2a2a;
font-weight: 600
}

.abt-pg .cf-form input[type="text"],
.abt-pg .cf-form input[type="tel"],
.abt-pg .cf-form select {
width: 100%;
padding: 8px 16px;
border: 1px solid #d0d0d0;
border-radius: 7px;
font-size: 14px;
line-height: 1.7;
color: #1b1b1b;
background: #fff;
box-sizing: border-box;
transition: border-color .08s ease-out;
outline: none
}

.abt-pg .cf-form input[type="text"]:focus,
.abt-pg .cf-form input[type="tel"]:focus,
.abt-pg .cf-form select:focus {
border-color: #D089FD
}

.abt-pg .cf-form input::placeholder {
color: #aaa
}

.abt-pg .cf-form .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
margin: 16px 0
}

.abt-pg .cf-form .privacy-row input[type="checkbox"] {
margin-top: 3px;
flex-shrink: 0;
accent-color: #D089FD;
width: 16px;
height: 16px
}

.abt-pg .cf-form .privacy-row label {
font-size: 14px;
line-height: 1.7;
color: #555;
font-weight: 400
}

.abt-pg .cf-form .privacy-row label a {
color: #B72B08;
text-decoration: underline
}

.abt-pg .cf-form .submit-btn {
width: 100%;
padding: 16px 32px;
background: #B72B08;
color: #fff;
border: none;
border-radius: 7px;
font-size: 14px;
line-height: 1.15;
cursor: pointer;
letter-spacing: .04em;
text-transform: uppercase;
transition: filter .1s ease-out
}

.abt-pg .cf-form .submit-btn:hover {
filter: brightness(1.15)
}

.abt-pg .cf-form .submit-btn:focus {
outline: 2px solid #D089FD;
outline-offset: 2px
}

@media (max-width: 768px) {
.abt-pg .page-bound {
padding: 0 16px
}

.abt-pg .title-block .tb-inner {
grid-template-columns: 1fr;
gap: 32px
}

.abt-pg .title-block .tb-text {
padding-top: 32px
}

.abt-pg .title-block .tb-heading {
font-size: 30px
}

.abt-pg .about-detail .ad-grid {
grid-template-columns: 1fr;
gap: 32px
}

.abt-pg .team-approach .ta-layout {
grid-template-columns: 1fr;
gap: 32px
}

.abt-pg .contact-form-sec .cf-inner {
grid-template-columns: 1fr;
gap: 32px
}

.abt-pg .cf-form .form-row {
grid-template-columns: 1fr
}
}

@media (max-width: 375px) {
.abt-pg .title-block .tb-heading {
font-size: 22px
}

.abt-pg .about-detail .stat-num {
font-size: 30px
}

.abt-pg .cf-form {
padding: 16px
}
}

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

.strt .pg-body {
max-width: 1024px;
margin: 0 auto;
padding: 0 32px
}

.strt .badge {
display: inline-block;
font-size: 14px;
line-height: 1.15;
padding: 8px 16px;
border-radius: 48px;
background: #E1F2D4;
color: #1a3a00;
letter-spacing: .04em;
text-transform: uppercase
}

.strt .title-blk {
padding: 64px 0;
background: #fff
}

.strt .title-blk .pg-body {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center
}

.strt .title-blk .img-frame {
position: relative;
border-radius: 7px;
overflow: hidden;
aspect-ratio: 4/3
}

.strt .title-blk .img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.strt .title-blk .img-frame::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 30% 30%, transparent 40%, #d089fd2e 100%);
pointer-events: none
}

.strt .title-blk .pattern-dots {
position: absolute;
top: -16px;
right: -16px;
width: 80px;
height: 80px;
background-image: radial-gradient(circle, #D089FD 1.5px, transparent 1.5px);
background-size: 12px 12px;
pointer-events: none;
z-index: 0
}

.strt .title-blk .pattern-dots-bl {
position: absolute;
bottom: -16px;
left: -16px;
width: 64px;
height: 64px;
background-image: radial-gradient(circle, #B72B08 1.5px, transparent 1.5px);
background-size: 10px 10px;
pointer-events: none;
z-index: 0
}

.strt .title-blk .img-outer {
position: relative
}

.strt .title-blk .txt-side {
display: flex;
flex-direction: column;
gap: 32px
}

.strt .title-blk .main-heading {
font-size: 56px;
line-height: 1.15;
color: #1a0a2e;
margin: 0
}

.strt .title-blk .main-heading .u-word {
position: relative;
display: inline-block
}

.strt .title-blk .main-heading .u-word::after {
content: '';
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 3px;
background: #B72B08;
border-radius: 2px
}

.strt .title-blk .pt-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px
}

.strt .title-blk .pt-list li {
display: flex;
align-items: flex-start;
gap: 16px;
font-size: 14px;
line-height: 1.7;
color: #2d1a4a
}

.strt .title-blk .pt-list .pt-icon {
flex-shrink: 0;
width: 22px;
height: 22px;
border-radius: 7px;
background: #D089FD;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px
}

.strt .title-blk .pt-list .pt-icon svg {
width: 12px;
height: 12px
}

.strt .title-blk .cta-row {
display: flex;
gap: 16px;
flex-wrap: wrap
}

.strt .btn-prim {
display: inline-block;
padding: 16px 32px;
background: #B72B08;
color: #fff;
font-size: 14px;
line-height: 1.15;
border-radius: 7px;
text-decoration: none;
border: none;
cursor: pointer;
letter-spacing: .02em;
transition: filter .09s ease-out;
box-shadow: 2px 5px 18px 0 #b72b0814
}

.strt .btn-prim:hover {
filter: brightness(1.12)
}

.strt .btn-prim:focus {
outline: 2px solid #B72B08;
outline-offset: 3px
}

.strt .btn-sec {
display: inline-block;
padding: 16px 32px;
background: transparent;
color: #B72B08;
font-size: 14px;
line-height: 1.15;
border-radius: 7px;
text-decoration: none;
border: 2px solid #B72B08;
cursor: pointer;
letter-spacing: .02em;
transition: background .1s ease-out, color .1s ease-out
}

.strt .btn-sec:hover {
background: #B72B08;
color: #fff
}

.strt .zz-div {
width: 100%;
overflow: hidden;
line-height: 0
}

.strt .zz-div svg {
display: block;
width: 100%
}

.strt .platform-cur {
padding: 64px 0;
background: #1a0a2e
}

.strt .platform-cur .pg-body {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start
}

.strt .platform-cur .sec-label {
font-size: 14px;
line-height: 1.15;
color: #D089FD;
letter-spacing: .08em;
text-transform: uppercase;
margin: 0 0 16px
}

.strt .platform-cur h2 {
font-size: 30px;
line-height: 1.15;
color: #fff;
margin: 0 0 32px
}

.strt .platform-cur .cur-desc {
font-size: 14px;
line-height: 1.7;
color: #c9b8e8;
margin: 0 0 16px
}

.strt .platform-cur .cur-desc.quote-blk {
border-left: 4px solid #D089FD;
border-top: 1px solid #d089fd4d;
padding: 16px;
font-size: 22px;
line-height: 1.7;
color: #e8d8ff;
border-radius: 0 7px 7px 0;
background: #d089fd14
}

.strt .platform-cur .metrics-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

.strt .platform-cur .metric-card {
background: #d089fd1a;
border: 1px solid #d089fd33;
border-radius: 7px;
padding: 32px 16px;
text-align: center;
box-shadow: 2px 5px 18px 0 #d089fd14;
animation: shadow-pulse 2.4s ease-out infinite
}

@keyframes shadow-pulse {
0% {
box-shadow: 2px 5px 18px 0 #d089fd14
}

50% {
box-shadow: 2px 10px 40px 0 #d089fd38
}

100% {
box-shadow: 2px 5px 18px 0 #d089fd14
}
}

.strt .platform-cur .metric-card .m-val {
font-size: 30px;
line-height: 1.15;
color: #D089FD;
display: block;
margin-bottom: 8px
}

.strt .platform-cur .metric-card .m-lbl {
font-size: 14px;
line-height: 1.7;
color: #c9b8e8
}

.strt .platform-cur .img-wrap {
aspect-ratio: 4/3;
border-radius: 7px;
overflow: hidden;
margin-top: 32px
}

.strt .platform-cur .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.strt .conditions-blk {
padding: 64px 0;
background: #E1F2D4
}

.strt .conditions-blk .pg-body {
max-width: 1024px;
margin: 0 auto;
padding: 0 32px
}

.strt .conditions-blk .sec-top {
margin-bottom: 32px
}

.strt .conditions-blk h2 {
font-size: 30px;
line-height: 1.15;
color: #1a0a2e;
margin: 0 0 16px
}

.strt .conditions-blk .sec-intro {
font-size: 14px;
line-height: 1.7;
color: #2d4a1a;
max-width: 560px;
margin: 0
}

.strt .conditions-blk .cond-mosaic {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: auto auto;
gap: 16px
}

.strt .conditions-blk .cond-item {
background: #fff;
border-radius: 7px;
padding: 32px;
border: 1px solid #1a0a2e14
}

.strt .conditions-blk .cond-item.span-col {
grid-column: 1;
grid-row: 1 / 3;
display: flex;
flex-direction: column;
justify-content: space-between
}

.strt .conditions-blk .cond-item h4 {
font-size: 22px;
line-height: 1.15;
color: #1a0a2e;
margin: 0 0 16px
}

.strt .conditions-blk .cond-item p {
font-size: 14px;
line-height: 1.7;
color: #2d4a1a;
margin: 0
}

.strt .conditions-blk .cond-item .ratio-bar {
margin-top: 32px
}

.strt .conditions-blk .ratio-bar .rb-label {
display: flex;
justify-content: space-between;
font-size: 14px;
line-height: 1.15;
color: #2d4a1a;
margin-bottom: 8px
}

.strt .conditions-blk .ratio-bar .rb-track {
height: 12px;
background: #E1F2D4;
border-radius: 48px;
overflow: hidden;
border: 1px solid #1a0a2e1a
}

.strt .conditions-blk .ratio-bar .rb-fill {
height: 100%;
background: #B72B08;
border-radius: 48px
}

.strt .conditions-blk .cond-item .cond-icon {
width: 40px;
height: 40px;
border-radius: 7px;
background: #E1F2D4;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px
}

.strt .conditions-blk .cond-item .cond-icon i {
font-size: 22px;
color: #1a3a00
}

.strt .conditions-blk .img-cond {
aspect-ratio: 4/3;
border-radius: 7px;
overflow: hidden;
grid-column: 2 / 4;
grid-row: 2
}

.strt .conditions-blk .img-cond img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.strt .gap-blk {
padding: 64px 0;
background: #fff
}

.strt .gap-blk .pg-body {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center
}

.strt .gap-blk .img-side {
aspect-ratio: 4/3;
border-radius: 7px;
overflow: hidden
}

.strt .gap-blk .img-side img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.strt .gap-blk h2 {
font-size: 30px;
line-height: 1.15;
color: #1a0a2e;
margin: 0 0 32px
}

.strt .gap-blk .gap-quote {
font-size: 22px;
line-height: 1.7;
color: #1a0a2e;
padding: 16px 32px;
border-left: 4px solid #D089FD;
border-right: 1px solid #d089fd4d;
background: #d089fd0f;
border-radius: 0 7px 7px 0;
margin: 0 0 32px
}

.strt .gap-blk .gap-steps {
display: flex;
flex-direction: column;
gap: 16px
}

.strt .gap-blk .gap-step {
display: flex;
gap: 16px;
align-items: flex-start
}

.strt .gap-blk .step-num {
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 7px;
background: #1a0a2e;
color: #D089FD;
font-size: 14px;
line-height: 1.15;
display: flex;
align-items: center;
justify-content: center
}

.strt .gap-blk .step-txt {
font-size: 14px;
line-height: 1.7;
color: #2d1a4a
}

.strt .reviews-blk {
padding: 64px 0;
background: conic-gradient(from 200deg at 50% 50%, #f5eefd 0%, #fdf0ec 20%, #eef7e8 40%, #f5eefd 60%, #fdf0ec 80%, #eef7e8 100%)
}

.strt .reviews-blk .pg-body {
display: flex;
flex-direction: column;
gap: 32px
}

.strt .reviews-blk h2 {
font-size: 30px;
line-height: 1.15;
color: #1a0a2e;
margin: 0
}

.strt .reviews-blk .rev-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px
}

.strt .reviews-blk .rev-card {
background: #fff;
border-radius: 7px;
padding: 32px;
box-shadow: 2px 2px 6px 0 #d089fd14;
display: flex;
flex-direction: column;
gap: 16px
}

.strt .reviews-blk .rev-card.featured {
border-top: 3px solid #D089FD;
box-shadow: 2px 10px 40px 0 #d089fd24;
animation: shadow-pulse 3s ease-out infinite
}

.strt .reviews-blk .rev-head {
display: flex;
gap: 16px;
align-items: center
}

.strt .reviews-blk .rev-portrait {
width: 56px;
height: 56px;
overflow: hidden;
flex-shrink: 0
}

.strt .reviews-blk .rev-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block
}

.strt .reviews-blk .rev-meta {
display: flex;
flex-direction: column;
gap: 8px
}

.strt .reviews-blk .rev-name {
font-size: 14px;
line-height: 1.15;
color: #1a0a2e
}

.strt .reviews-blk .rev-role {
font-size: 14px;
line-height: 1.15;
color: #7a5a9a
}

.strt .reviews-blk .rev-body {
font-size: 14px;
line-height: 1.7;
color: #2d1a4a;
margin: 0
}

.strt .reviews-blk .rev-tag {
align-self: flex-start
}

.strt .approach-blk {
padding: 64px 0;
background: #1a0a2e;
position: relative
}

.strt .approach-blk .poly-bg {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none
}

.strt .approach-blk .poly-bg svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .07
}

.strt .approach-blk .pg-body {
position: relative;
display: flex;
flex-direction: column;
gap: 32px
}

.strt .approach-blk h2 {
font-size: 30px;
line-height: 1.15;
color: #fff;
margin: 0;
max-width: 560px
}

.strt .approach-blk .ap-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px
}

.strt .approach-blk .ap-item {
background: #ffffff0d;
border: 1px solid #d089fd2e;
border-radius: 7px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
transition: border-color .08s ease-out
}

.strt .approach-blk .ap-item:hover {
border-color: #d089fd80
}

.strt .approach-blk .ap-num {
font-size: 56px;
line-height: 1.15;
color: #d089fd33;
display: block
}

.strt .approach-blk .ap-item h4 {
font-size: 22px;
line-height: 1.15;
color: #D089FD;
margin: 0
}

.strt .approach-blk .ap-item p {
font-size: 14px;
line-height: 1.7;
color: #c9b8e8;
margin: 0
}

.strt .approach-blk .ap-bottom {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: center;
padding-top: 32px;
border-top: 1px solid #d089fd26
}

.strt .approach-blk .ap-img {
aspect-ratio: 4/3;
border-radius: 7px;
overflow: hidden
}

.strt .approach-blk .ap-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.strt .approach-blk .ap-closing {
display: flex;
flex-direction: column;
gap: 16px
}

.strt .approach-blk .ap-closing p {
font-size: 14px;
line-height: 1.7;
color: #c9b8e8;
margin: 0
}

.strt .approach-blk .ap-closing .ap-quote {
font-size: 22px;
line-height: 1.7;
color: #E1F2D4;
padding: 16px;
border-left: 3px solid #E1F2D4;
background: #e1f2d40d;
border-radius: 0 7px 7px 0
}

@keyframes shake {

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

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

40% {
transform: translateX(6px)
}

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

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

.strt input:invalid:not(:placeholder-shown) {
animation: shake .12s ease-out;
border-color: #B72B08
}

@media (max-width: 768px) {
.strt .title-blk .pg-body {
grid-template-columns: 1fr;
gap: 32px
}

.strt .title-blk .main-heading {
font-size: 30px
}

.strt .platform-cur .pg-body {
grid-template-columns: 1fr;
gap: 32px
}

.strt .conditions-blk .cond-mosaic {
grid-template-columns: 1fr
}

.strt .conditions-blk .cond-item.span-col {
grid-column: 1;
grid-row: auto
}

.strt .conditions-blk .img-cond {
grid-column: 1;
grid-row: auto
}

.strt .gap-blk .pg-body {
grid-template-columns: 1fr;
gap: 32px
}

.strt .reviews-blk .rev-grid {
grid-template-columns: 1fr
}

.strt .approach-blk .ap-grid {
grid-template-columns: 1fr
}

.strt .approach-blk .ap-bottom {
grid-template-columns: 1fr
}

.strt .platform-cur .metrics-grid {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 375px) {
.strt .pg-body {
padding: 0 16px
}

.strt .title-blk {
padding: 32px 0
}

.strt .platform-cur,
.strt .conditions-blk,
.strt .gap-blk,
.strt .reviews-blk,
.strt .approach-blk {
padding: 32px 0
}

.strt .title-blk .main-heading {
font-size: 30px
}

.strt .platform-cur .metrics-grid {
grid-template-columns: 1fr
}

.strt .approach-blk h2,
.strt .gap-blk h2,
.strt .platform-cur h2,
.strt .conditions-blk h2,
.strt .reviews-blk h2 {
font-size: 22px
}
}

@media (min-width: 1366px) {
.strt .pg-body {
padding: 0 32px
}
}

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

.why-us * {
box-sizing: border-box
}

.why-us .ld-schema {
display: none
}

@keyframes grid-pulse {

0%,
100% {
opacity: .08
}

50% {
opacity: .22
}
}

@keyframes grad-shift {
0% {
background-position: 0 50%
}

50% {
background-position: 100% 50%
}

100% {
background-position: 0 50%
}
}

.why-us .lead-panel {
position: relative;
background: linear-gradient(135deg, #D089FD, #B72B08, #E1F2D4, #D089FD);
background-size: 300% 300%;
animation: grad-shift 8s ease-out infinite;
padding: 64px 16px
}

.why-us .lead-panel::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(#ffffff2e 1px, transparent 1px), linear-gradient(90deg, #ffffff2e 1px, transparent 1px);
background-size: 48px 48px;
animation: grid-pulse 4s ease-out infinite;
pointer-events: none
}

.why-us .lead-panel::after {
content: "";
position: absolute;
inset: 12px;
border: 1px solid #ffffff73;
border-radius: 7px;
pointer-events: none
}

.why-us .lead-inner {
position: relative;
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 64px
}

.why-us .lead-text {
flex: 1
}

.why-us .lead-badge {
display: inline-block;
background: #ffffff38;
color: #fff;
font-size: 14px;
line-height: 1.15;
padding: 8px 16px;
border-radius: 48px;
border: 1px solid #ffffff80;
margin-bottom: 32px;
letter-spacing: .08em;
text-transform: uppercase
}

.why-us .lead-h1 {
font-size: 56px;
line-height: 1.15;
color: #fff;
margin: 0 0 32px
}

.why-us .lead-h1 span {
display: block
}

.why-us .lead-desc {
font-size: 22px;
line-height: 1.7;
color: #ffffffeb;
margin: 0;
max-width: 480px
}

.why-us .lead-img-col {
flex: 0 0 340px;
position: relative
}

.why-us .lead-img-frame {
position: relative;
aspect-ratio: 4/3;
border-radius: 7px;
overflow: hidden;
border: 2px solid #fff9;
box-shadow: 2px 10px 40px 0 #d089fd24
}

.why-us .lead-img-frame::before {
content: "";
position: absolute;
inset: 0;
background: #b72b0847;
mix-blend-mode: multiply;
z-index: 1;
pointer-events: none
}

.why-us .lead-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.why-us .reasons-panel {
background: #fff;
padding: 64px 16px;
border-top: 2px solid #E1F2D4
}

.why-us .reasons-divider {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
max-width: 1024px;
margin: 0 auto 32px
}

.why-us .reasons-divider-line {
width: 80px;
height: 2px;
background: #D089FD
}

.why-us .reasons-label {
font-size: 14px;
line-height: 1.15;
color: #B72B08;
letter-spacing: .1em;
text-transform: uppercase
}

.why-us .reasons-head {
max-width: 1024px;
margin: 0 auto 64px
}

.why-us .reasons-head h2 {
font-size: 30px;
line-height: 1.15;
color: #1b1b1b;
margin: 0
}

.why-us .reasons-grid {
max-width: 1024px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px
}

.why-us .reason-item {
display: grid;
grid-template-columns: 80px 1fr;
gap: 16px;
align-items: start;
padding: 32px;
border-radius: 7px;
border: 1px solid #E1F2D4;
background: #fff;
box-shadow: 2px 5px 18px 0 #d089fd14;
transition: border-color .09s ease-out, box-shadow .12s ease-out
}

.why-us .reason-item:hover {
border-color: #D089FD;
box-shadow: 2px 10px 40px 0 #d089fd24
}

.why-us .reason-icon-col {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 4px
}

.why-us .reason-icon-wrap {
width: 48px;
height: 48px;
border-radius: 7px;
background: #E1F2D4;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #D089FD
}

.why-us .reason-icon-wrap .codicon {
font-size: 22px;
color: #B72B08
}

.why-us .reason-text-col h4 {
font-size: 22px;
line-height: 1.15;
color: #1b1b1b;
margin: 0 0 16px
}

.why-us .reason-text-col p {
font-size: 14px;
line-height: 1.7;
color: #333;
margin: 0
}

.why-us .metrics-panel {
background: #1b1b1b;
padding: 64px 16px;
position: relative;
overflow: hidden;
margin-left: 32px;
margin-right: 0
}

.why-us .metrics-panel::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(#d089fd1a 1px, transparent 1px), linear-gradient(90deg, #d089fd1a 1px, transparent 1px);
background-size: 32px 32px;
animation: grid-pulse 6s linear infinite;
pointer-events: none
}

.why-us .metrics-divider-top {
display: flex;
flex-direction: row;
justify-content: flex-end;
max-width: 1024px;
margin: 0 auto 32px;
gap: 16px
}

.why-us .metrics-divider-top span {
display: block;
width: 40px;
height: 2px;
background: #D089FD
}

.why-us .metrics-inner {
max-width: 1024px;
margin: 0 auto;
position: relative
}

.why-us .metrics-quote {
font-size: 30px;
line-height: 1.7;
color: #fff;
margin: 0 0 64px;
padding: 32px;
border-left: 4px solid #D089FD;
border-right: 1px solid #d089fd4d;
border-radius: 7px;
background: #d089fd0f
}

.why-us .metrics-row {
display: flex;
flex-direction: row;
gap: 32px;
flex-wrap: wrap
}

.why-us .metric-card {
flex: 1 1 180px;
padding: 32px 16px;
border-radius: 7px;
border: 1px solid #d089fd4d;
text-align: center;
position: relative;
transition: border-color .1s ease-out
}

.why-us .metric-card::before {
content: "";
position: absolute;
inset: 4px;
border-radius: 7px;
border: 1px solid #d089fd1f;
pointer-events: none
}

.why-us .metric-card:hover {
border-color: #D089FD
}

.why-us .metric-num {
display: block;
font-size: 56px;
line-height: 1.15;
color: #D089FD;
margin-bottom: 8px
}

.why-us .metric-label {
font-size: 14px;
line-height: 1.7;
color: #ffffffbf
}

.why-us .voices-panel {
background: #E1F2D4;
padding: 64px 16px;
margin-right: 32px
}

.why-us .voices-divider {
display: flex;
flex-direction: row;
align-items: center;
max-width: 1024px;
margin: 0 auto 32px;
gap: 16px
}

.why-us .voices-divider span {
display: block;
width: 40px;
height: 2px;
background: #B72B08
}

.why-us .voices-label {
font-size: 14px;
line-height: 1.15;
color: #B72B08;
text-transform: uppercase;
letter-spacing: .1em
}

.why-us .voices-head {
max-width: 1024px;
margin: 0 auto 64px
}

.why-us .voices-head h2 {
font-size: 30px;
line-height: 1.15;
color: #1b1b1b;
margin: 0
}

.why-us .voices-layout {
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 32px;
align-items: flex-start
}

.why-us .voice-card {
flex: 1;
background: #fff;
border-radius: 7px;
padding: 32px;
box-shadow: 2px 5px 18px 0 #b72b0814;
position: relative
}

.why-us .voice-card::after {
content: "";
position: absolute;
top: 8px;
left: 8px;
right: -8px;
bottom: -8px;
border-radius: 7px;
border: 1px solid #D089FD;
z-index: 0;
pointer-events: none
}

.why-us .voice-card>* {
position: relative;
z-index: 1
}

.why-us .voice-portrait {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 32px
}

.why-us .voice-img {
width: 64px;
height: 64px;
border-radius: 50%;
object-fit: cover;
object-position: top;
border: 2px solid #D089FD;
flex-shrink: 0
}

.why-us .voice-meta h5 {
font-size: 14px;
line-height: 1.15;
color: #1b1b1b;
margin: 0 0 8px
}

.why-us .voice-meta .voice-role {
font-size: 14px;
line-height: 1.15;
color: #B72B08;
display: inline-block;
background: #b72b0814;
padding: 4px 8px;
border-radius: 48px
}

.why-us .voice-text {
font-size: 14px;
line-height: 1.7;
color: #333;
margin: 0
}

.why-us .voice-stars {
display: flex;
flex-direction: row;
gap: 8px;
margin-bottom: 16px
}

.why-us .star-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #D089FD
}

.why-us .star-dot.filled {
background: #B72B08
}

@media (max-width: 1366px) {
.why-us .lead-img-col {
flex: 0 0 280px
}
}

@media (max-width: 768px) {
.why-us .lead-inner {
flex-direction: column;
gap: 32px
}

.why-us .lead-img-col {
flex: 0 0 auto;
width: 100%
}

.why-us .lead-h1 {
font-size: 30px
}

.why-us .lead-desc {
font-size: 14px
}

.why-us .reasons-grid {
grid-template-columns: 1fr
}

.why-us .reason-item {
grid-template-columns: 56px 1fr
}

.why-us .metrics-panel {
margin-left: 16px
}

.why-us .voices-panel {
margin-right: 16px
}

.why-us .voices-layout {
flex-direction: column
}

.why-us .metrics-row {
flex-direction: column
}

.why-us .metric-num {
font-size: 30px
}

.why-us .metrics-quote {
font-size: 22px
}
}

@media (max-width: 375px) {
.why-us .lead-panel {
padding: 32px 8px
}

.why-us .lead-panel::after {
inset: 8px
}

.why-us .lead-h1 {
font-size: 22px
}

.why-us .reasons-panel,
.why-us .metrics-panel,
.why-us .voices-panel {
padding: 32px 8px
}

.why-us .reason-item {
grid-template-columns: 1fr;
padding: 16px
}

.why-us .reasons-head h2,
.why-us .voices-head h2 {
font-size: 22px
}
}

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

.methd-pg .pg-reveal {
animation: slideFromRight .12s ease-out both
}

.methd-pg .pg-reveal:nth-child(2) {
animation-delay: .04s
}

.methd-pg .pg-reveal:nth-child(3) {
animation-delay: .08s
}

.methd-pg .pg-reveal:nth-child(4) {
animation-delay: .12s
}

@keyframes slideFromRight {
from {
opacity: 0;
transform: translateX(32px)
}

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

.methd-pg .top-band {
width: 100%;
height: 6px;
background: linear-gradient(90deg, #D089FD 0%, #B72B08 60%, #E1F2D4 100%)
}

.methd-pg .title-area {
max-width: 1024px;
margin: 0 auto;
padding: 64px 32px 32px;
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start
}

.methd-pg .title-text-col {
flex: 1 1 0;
display: flex;
flex-direction: column;
gap: 16px
}

.methd-pg .title-badge {
display: inline-block;
background: #E1F2D4;
color: #2a2a2a;
font-size: 14px;
line-height: 1.15;
padding: 8px 16px;
border-radius: 48px;
letter-spacing: .04em;
text-transform: uppercase;
align-self: flex-start
}

.methd-pg .title-h1 {
font-size: 56px;
line-height: 1.15;
color: #1b1b1b;
margin: 0
}

.methd-pg .title-h1 span {
display: block
}

.methd-pg .title-desc {
font-size: 22px;
line-height: 1.7;
color: #3a3a3a;
margin: 0;
max-width: 480px
}

.methd-pg .title-img-col {
flex: 0 0 340px;
display: flex;
flex-direction: column;
gap: 0
}

.methd-pg .title-img-wrap {
border-radius: 7px;
overflow: hidden;
aspect-ratio: 4/3;
position: relative
}

.methd-pg .title-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: sepia(0.18) saturate(1.3) brightness(0.97);
display: block;
transition: box-shadow .1s ease-out
}

.methd-pg .title-img-wrap:hover img {
box-shadow: 2px 10px 40px 0 #d089fd24
}

.methd-pg .dash-divider {
max-width: 1024px;
margin: 0 auto;
padding: 0 32px;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.methd-pg .dash-divider span {
display: block;
height: 2px;
background: #D089FD;
border-radius: 48px
}

.methd-pg .dash-divider span:nth-child(odd) {
flex: 0 0 8px
}

.methd-pg .dash-divider span:nth-child(even) {
flex: 0 0 24px
}

.methd-pg .dash-divider span:nth-child(3n) {
flex: 0 0 16px
}

.methd-pg .cards-area {
max-width: 1024px;
margin: 0 auto;
padding: 64px 32px
}

.methd-pg .cards-area-label {
font-size: 14px;
line-height: 1.15;
color: #B72B08;
text-transform: uppercase;
letter-spacing: .06em;
margin: 0 0 32px
}

.methd-pg .cards-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px
}

.methd-pg .prog-card {
border-radius: 7px;
border: 1.5px solid #E1F2D4;
background: #fff;
display: flex;
flex-direction: column;
transition: box-shadow .09s ease-out, border-color .09s ease-out;
box-shadow: 2px 2px 6px 0 #d089fd14
}

.methd-pg .prog-card:hover {
box-shadow: 2px 10px 40px 0 #d089fd24;
border-color: #D089FD
}

.methd-pg .card-img-wrap {
border-radius: 7px 7px 0 0;
overflow: hidden;
aspect-ratio: 4/3
}

.methd-pg .card-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform .1s ease-out
}

.methd-pg .prog-card:hover .card-img-wrap img {
transform: scale(1.03)
}

.methd-pg .card-body {
padding: 16px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1 1 auto
}

.methd-pg .card-tags {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap
}

.methd-pg .card-tag {
font-size: 14px;
line-height: 1.15;
padding: 4px 12px;
border-radius: 48px;
background: #E1F2D4;
color: #2a2a2a
}

.methd-pg .card-user-tag {
font-size: 14px;
line-height: 1.15;
padding: 4px 12px;
border-radius: 48px;
background: #f3e8ff;
color: #6b1fa0
}

.methd-pg .card-title {
font-size: 22px;
line-height: 1.15;
color: #1b1b1b;
margin: 0
}

.methd-pg .card-desc {
font-size: 14px;
line-height: 1.7;
color: #3a3a3a;
margin: 0
}

.methd-pg .card-footer {
padding: 16px;
border-top: 1px solid #E1F2D4;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px
}

.methd-pg .card-price {
font-size: 22px;
line-height: 1.15;
color: #B72B08;
font-weight: 700
}

.methd-pg .card-seats {
font-size: 14px;
line-height: 1.15;
color: #555;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.methd-pg .card-seats .codicon {
color: #D089FD;
font-size: 14px
}

.methd-pg .card-link {
display: inline-block;
padding: 8px 16px;
background: #D089FD;
color: #1b1b1b;
border-radius: 7px;
font-size: 14px;
line-height: 1.15;
text-decoration: none;
transition: filter .08s linear
}

.methd-pg .card-link:hover {
filter: brightness(1.1)
}

.methd-pg .card-link:focus {
outline: 2px solid #B72B08;
outline-offset: 2px
}

.methd-pg .expert-strip {
background: #E1F2D4;
padding: 64px 32px
}

.methd-pg .expert-strip-inner {
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start
}

.methd-pg .expert-portrait-col {
flex: 0 0 200px;
display: flex;
flex-direction: column;
gap: 8px
}

.methd-pg .portrait-frame {
border-radius: 7px;
overflow: hidden;
aspect-ratio: 4/5;
box-shadow: 2px 5px 18px 0 #d089fd14;
transition: box-shadow .1s ease-out
}

.methd-pg .portrait-frame:hover {
box-shadow: 2px 10px 40px 0 #d089fd24
}

.methd-pg .portrait-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block
}

.methd-pg .portrait-name {
font-size: 14px;
line-height: 1.15;
color: #1b1b1b;
margin: 0
}

.methd-pg .portrait-role {
font-size: 14px;
line-height: 1.7;
color: #555;
margin: 0
}

.methd-pg .expert-text-col {
flex: 1 1 0;
display: flex;
flex-direction: column;
gap: 16px
}

.methd-pg .expert-label {
font-size: 14px;
line-height: 1.15;
color: #B72B08;
text-transform: uppercase;
letter-spacing: .06em;
margin: 0
}

.methd-pg .expert-h2 {
font-size: 30px;
line-height: 1.15;
color: #1b1b1b;
margin: 0
}

.methd-pg .expert-quote {
border-left: 3px solid #D089FD;
border-top: 1px solid #D089FD;
padding: 16px;
background: #fff;
border-radius: 7px;
font-size: 22px;
line-height: 1.7;
color: #2a2a2a;
margin: 0
}

.methd-pg .expert-body {
font-size: 14px;
line-height: 1.7;
color: #3a3a3a;
margin: 0
}

.methd-pg .steps-area {
max-width: 1024px;
margin: 0 auto;
padding: 64px 32px;
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start
}

.methd-pg .steps-label-col {
flex: 0 0 220px;
display: flex;
flex-direction: column;
gap: 16px;
position: sticky;
top: 32px
}

.methd-pg .steps-side-label {
font-size: 14px;
line-height: 1.15;
color: #B72B08;
text-transform: uppercase;
letter-spacing: .06em;
margin: 0
}

.methd-pg .steps-side-h2 {
font-size: 30px;
line-height: 1.15;
color: #1b1b1b;
margin: 0
}

.methd-pg .steps-side-desc {
font-size: 14px;
line-height: 1.7;
color: #3a3a3a;
margin: 0
}

.methd-pg .steps-list {
flex: 1 1 0;
display: flex;
flex-direction: column;
gap: 16px;
list-style: none;
margin: 0;
padding: 0
}

.methd-pg .step-item {
border-radius: 7px;
border: 1.5px solid #E1F2D4;
padding: 16px;
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
background: #fff;
transition: border-color .09s ease-out, box-shadow .09s ease-out
}

.methd-pg .step-item:hover {
border-color: #D089FD;
box-shadow: 2px 5px 18px 0 #d089fd14
}

.methd-pg .steps-list:hover .step-item:not(:hover) {
opacity: .7;
transition: opacity .08s linear
}

.methd-pg .step-num {
flex: 0 0 40px;
height: 40px;
border-radius: 7px;
background: #D089FD;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 22px;
line-height: 1.15;
color: #1b1b1b
}

.methd-pg .step-text {
flex: 1 1 0;
display: flex;
flex-direction: column;
gap: 8px
}

.methd-pg .step-title {
font-size: 22px;
line-height: 1.15;
color: #1b1b1b;
margin: 0
}

.methd-pg .step-desc {
font-size: 14px;
line-height: 1.7;
color: #3a3a3a;
margin: 0
}

.methd-pg .bottom-dash {
max-width: 1024px;
margin: 0 auto;
padding: 0 32px 64px;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.methd-pg .bottom-dash span {
display: block;
height: 2px;
background: #E1F2D4;
border-radius: 48px
}

.methd-pg .bottom-dash span:nth-child(odd) {
flex: 0 0 24px
}

.methd-pg .bottom-dash span:nth-child(even) {
flex: 0 0 8px
}

.methd-pg .bottom-dash span:nth-child(3n) {
flex: 0 0 40px
}

@media (max-width: 1366px) {
.methd-pg .title-h1 {
font-size: 56px
}

.methd-pg .title-img-col {
flex: 0 0 280px
}
}

@media (max-width: 768px) {
.methd-pg .title-area {
flex-direction: column;
gap: 32px;
padding: 32px 16px 16px
}

.methd-pg .title-img-col {
flex: 0 0 auto;
width: 100%
}

.methd-pg .title-h1 {
font-size: 30px
}

.methd-pg .title-desc {
font-size: 14px
}

.methd-pg .cards-grid {
grid-template-columns: 1fr
}

.methd-pg .cards-area {
padding: 32px 16px
}

.methd-pg .expert-strip {
padding: 32px 16px
}

.methd-pg .expert-strip-inner {
flex-direction: column;
gap: 32px
}

.methd-pg .expert-portrait-col {
flex: 0 0 auto;
width: 160px
}

.methd-pg .steps-area {
flex-direction: column;
gap: 32px;
padding: 32px 16px
}

.methd-pg .steps-label-col {
flex: 0 0 auto;
position: static
}

.methd-pg .dash-divider,
.methd-pg .bottom-dash {
padding: 0 16px
}

.methd-pg .expert-quote {
font-size: 14px
}
}

@media (max-width: 375px) {
.methd-pg .title-h1 {
font-size: 22px
}

.methd-pg .card-footer {
flex-direction: column;
align-items: flex-start
}

.methd-pg .step-item {
flex-direction: column
}
}

.cont-pg {
background: #f4f7f0;
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23D089FD' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
min-height: 100vh;
padding: 64px 16px;
box-sizing: border-box
}

.cont-pg .pg-bound {
max-width: 1024px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 64px
}

.cont-pg .reach-card {
background: #fff;
border-radius: 7px;
box-shadow: 2px 10px 40px 0 #d089fd24;
display: grid;
grid-template-columns: 280px 1fr;
overflow: hidden
}

.cont-pg .reach-aside {
background: #1a0a2e;
background: linear-gradient(160deg, #2d0a5e 0%, #4a0e2a 100%);
padding: 64px 32px;
display: flex;
flex-direction: column;
gap: 32px;
position: relative
}

.cont-pg .reach-aside::before {
content: '';
position: absolute;
top: -40px;
right: -40px;
width: 160px;
height: 160px;
border-radius: 48px;
background: #d089fd2e;
pointer-events: none
}

.cont-pg .reach-aside::after {
content: '';
position: absolute;
bottom: 32px;
left: -32px;
width: 100px;
height: 100px;
border-radius: 48px;
background: #b72b0838;
pointer-events: none
}

.cont-pg .aside-label {
font-size: 14px;
line-height: 1.15;
text-transform: uppercase;
letter-spacing: .12em;
color: #D089FD;
display: flex;
align-items: center;
gap: 8px
}

.cont-pg .aside-heading {
font-size: 30px;
line-height: 1.15;
color: #fff;
margin: 0
}

.cont-pg .aside-heading span {
display: block
}

.cont-pg .contact-items {
display: flex;
flex-direction: column;
gap: 16px;
list-style: none;
margin: 0;
padding: 0
}

.cont-pg .contact-items li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px
}

.cont-pg .contact-items li .ci-dot {
width: 8px;
height: 8px;
border-radius: 48px;
background: #D089FD;
flex-shrink: 0;
margin-top: 5px
}

.cont-pg .contact-items li .ci-body {
display: flex;
flex-direction: column;
gap: 0
}

.cont-pg .contact-items li .ci-type {
font-size: 14px;
line-height: 1.15;
color: #ffffff80
}

.cont-pg .contact-items li .ci-val {
font-size: 14px;
line-height: 1.7;
color: #fff;
text-decoration: none;
transition: color .09s ease-out
}

.cont-pg .contact-items li .ci-val:hover {
color: #D089FD
}

.cont-pg .reach-form-area {
padding: 64px 32px;
display: flex;
flex-direction: column;
gap: 32px
}

.cont-pg .form-top {
display: flex;
flex-direction: column;
gap: 8px
}

.cont-pg .form-eyebrow {
font-size: 14px;
line-height: 1.15;
color: #B72B08;
text-transform: uppercase;
letter-spacing: .1em
}

.cont-pg .form-heading {
font-size: 22px;
line-height: 1.15;
color: #1a0530;
margin: 0
}

.cont-pg .form-sub {
font-size: 14px;
line-height: 1.7;
color: #4a3060;
margin: 0
}

.cont-pg .reach-form {
display: flex;
flex-direction: column;
gap: 16px
}

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

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

.cont-pg .field-grp label {
font-size: 14px;
line-height: 1.15;
color: #2d1a4a
}

.cont-pg .field-grp input,
.cont-pg .field-grp select,
.cont-pg .field-grp textarea {
border: 1.5px solid #d4c0f0;
border-radius: 7px;
padding: 12px 16px;
font-size: 14px;
line-height: 1.7;
color: #1a0530;
background: #faf7ff;
outline: none;
transition: border-color .1s ease-out, background .1s ease-out;
width: 100%;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none
}

.cont-pg .field-grp input::placeholder,
.cont-pg .field-grp textarea::placeholder {
color: #a090b8
}

.cont-pg .field-grp input:focus,
.cont-pg .field-grp select:focus,
.cont-pg .field-grp textarea:focus {
border-color: #D089FD;
background: #fff
}

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

.cont-pg .field-grp textarea {
resize: vertical;
min-height: 100px
}

.cont-pg .field-divider {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px
}

.cont-pg .field-divider::before,
.cont-pg .field-divider::after {
content: '';
flex: 1;
height: 1px;
background: #e8dff5
}

.cont-pg .field-divider span {
font-size: 14px;
line-height: 1.15;
color: #a090b8
}

.cont-pg .options-strip {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap
}

.cont-pg .opt-item {
display: none
}

.cont-pg .opt-label {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
border-radius: 48px;
border: 1.5px solid #d4c0f0;
font-size: 14px;
line-height: 1.15;
color: #4a3060;
cursor: pointer;
transition: border-color .08s ease-out, background .08s ease-out, color .08s ease-out;
background: #faf7ff
}

.cont-pg .opt-label:hover {
border-color: #D089FD;
background: #f5eeff
}

.cont-pg .opt-item:checked+.opt-label {
background: #D089FD;
border-color: #D089FD;
color: #1a0530
}

.cont-pg .opt-dot {
width: 8px;
height: 8px;
border-radius: 48px;
background: currentColor;
flex-shrink: 0
}

.cont-pg .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
padding: 16px;
border-radius: 7px;
border: 1.5px dashed #D089FD;
background: #faf7ff
}

.cont-pg .privacy-row input[type="checkbox"] {
width: 18px;
height: 18px;
flex-shrink: 0;
margin-top: 2px;
accent-color: #D089FD;
cursor: pointer
}

.cont-pg .privacy-row .priv-text {
font-size: 14px;
line-height: 1.7;
color: #4a3060;
margin: 0
}

.cont-pg .privacy-row .priv-text a {
color: #B72B08;
text-decoration: underline;
text-underline-offset: 2px;
transition: color .09s ease-out
}

.cont-pg .privacy-row .priv-text a:hover {
color: #8a1f05
}

.cont-pg .submit-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 32px;
border-radius: 7px;
background: #B72B08;
color: #fff;
font-size: 14px;
line-height: 1.15;
border: none;
cursor: pointer;
align-self: flex-start;
transition: filter .09s ease-out
}

.cont-pg .submit-btn:hover {
filter: brightness(1.15)
}

.cont-pg .submit-btn:focus {
outline: 2px solid #D089FD;
outline-offset: 3px
}

.cont-pg .submit-btn:active {
filter: brightness(0.92)
}

.cont-pg .cross-divider {
display: flex;
flex-direction: row;
align-items: center;
gap: 0;
overflow: hidden
}

.cont-pg .cross-divider .cross-track {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 16px
}

.cont-pg .cross-shape {
width: 10px;
height: 10px;
position: relative;
flex-shrink: 0
}

.cont-pg .cross-shape::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background: #D089FD;
transform: translateY(-50%)
}

.cont-pg .cross-shape::after {
content: '';
position: absolute;
left: 50%;
top: 0;
height: 100%;
width: 2px;
background: #D089FD;
transform: translateX(-50%)
}

.cont-pg .info-strip {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0;
border-radius: 7px;
overflow: hidden;
box-shadow: 2px 5px 18px 0 #d089fd14
}

.cont-pg .strip-cell {
padding: 32px;
display: flex;
flex-direction: column;
gap: 8px;
position: relative
}

.cont-pg .strip-cell:nth-child(1) {
background: #E1F2D4
}

.cont-pg .strip-cell:nth-child(2) {
background: #fff;
border-left: 1.5px solid #e8dff5;
border-right: 1.5px solid #e8dff5
}

.cont-pg .strip-cell:nth-child(3) {
background: #faf7ff
}

.cont-pg .strip-cell .sc-icon {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: #B72B08;
font-size: 22px
}

.cont-pg .strip-cell .sc-label {
font-size: 14px;
line-height: 1.15;
color: #7a6090;
text-transform: uppercase;
letter-spacing: .08em
}

.cont-pg .strip-cell .sc-val {
font-size: 14px;
line-height: 1.7;
color: #1a0530;
text-decoration: none;
margin: 0;
transition: color .09s ease-out
}

.cont-pg .strip-cell a.sc-val:hover {
color: #B72B08
}

.cont-pg .strip-cell .sc-accent-dot {
width: 8px;
height: 8px;
border-radius: 48px;
background: #D089FD;
position: absolute;
top: 16px;
right: 16px
}

.cont-pg .img-reveal-wrap {
position: relative;
border-radius: 7px;
overflow: hidden;
aspect-ratio: 4/3
}

.cont-pg .img-reveal-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .12s ease-out
}

.cont-pg .img-reveal-wrap:hover img {
transform: scale(1.04)
}

.cont-pg .img-overlay {
position: absolute;
inset: 0;
background: #2d0a5eb8;
display: flex;
align-items: center;
justify-content: center;
transition: opacity .1s ease-out
}

.cont-pg .img-overlay .ov-text {
font-size: 22px;
line-height: 1.15;
color: #fff;
text-align: center;
padding: 32px
}

.cont-pg .img-reveal-wrap:hover .img-overlay {
opacity: 0
}

.cont-pg .two-col-zone {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: center
}

.cont-pg .zone-text {
display: flex;
flex-direction: column;
gap: 16px
}

.cont-pg .zone-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
border-radius: 48px;
background: #E1F2D4;
font-size: 14px;
line-height: 1.15;
color: #2d5a1a;
align-self: flex-start
}

.cont-pg .zone-badge .zb-dot {
width: 8px;
height: 8px;
border-radius: 48px;
background: #4a8a2a
}

.cont-pg .zone-h {
font-size: 30px;
line-height: 1.15;
color: #1a0530;
margin: 0
}

.cont-pg .zone-h span {
display: block;
color: #B72B08
}

.cont-pg .zone-p {
font-size: 14px;
line-height: 1.7;
color: #4a3060;
margin: 0;
padding: 16px;
border-left: 3px solid #D089FD;
border-top: 1.5px solid #e8dff5;
border-bottom: 1.5px solid #e8dff5;
border-right: 1.5px solid #e8dff5;
border-radius: 7px;
background: #faf7ff
}

.cont-pg .zone-note {
font-size: 14px;
line-height: 1.7;
color: #4a3060;
margin: 0
}

@media (max-width: 768px) {
.cont-pg {
padding: 32px 16px
}

.cont-pg .pg-bound {
gap: 32px
}

.cont-pg .reach-card {
grid-template-columns: 1fr
}

.cont-pg .reach-aside {
padding: 32px
}

.cont-pg .reach-form-area {
padding: 32px 16px
}

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

.cont-pg .info-strip {
grid-template-columns: 1fr
}

.cont-pg .strip-cell:nth-child(2) {
border-left: none;
border-right: none;
border-top: 1.5px solid #e8dff5;
border-bottom: 1.5px solid #e8dff5
}

.cont-pg .two-col-zone {
grid-template-columns: 1fr
}
}

@media (max-width: 375px) {
.cont-pg .zone-h {
font-size: 22px
}

.cont-pg .aside-heading {
font-size: 22px
}

.cont-pg .options-strip {
gap: 8px
}

.cont-pg .reach-form-area {
padding: 16px
}
}

.success-page {
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 64px 32px;
background: linear-gradient(conic-gradient(from 120deg at 48% 52%, #f5f0ff 0deg, #E1F2D4 90deg, #fff5f3 180deg, #f0e8ff 270deg, #f5f0ff 360deg));
max-width: 1024px;
margin: 0 auto
}

.success-page .confirmation-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
max-width: 560px;
width: 100%
}

.success-page .status-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: #E1F2D4;
color: #2a5c1a;
font-size: 14px;
line-height: 1.15;
padding: 8px 16px;
border-radius: 48px;
border: 1.5px solid #b6dfa0;
letter-spacing: .04em;
text-transform: uppercase
}

.success-page .icon-check {
width: 14px;
height: 14px;
flex-shrink: 0
}

.success-page .confirm-visual {
width: 72px;
height: 72px;
border-radius: 48px;
background: #D089FD;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 2px 5px 18px 0 #d089fd14
}

.success-page .confirm-visual svg {
width: 36px;
height: 36px
}

.success-page .confirm-heading {
font-size: 30px;
line-height: 1.15;
color: #1b0a2e;
text-align: center;
margin: 0
}

.success-page .confirm-heading span {
display: block
}

.success-page .confirm-body {
font-size: 14px;
line-height: 1.7;
color: #3a2050;
text-align: center;
margin: 0;
max-width: 420px
}

.success-page .confirm-detail {
background: #fff;
border: 1.5px solid #e8d4fd;
border-radius: 7px;
padding: 16px 32px;
width: 100%;
box-shadow: 2px 2px 6px 0 #d089fd14
}

.success-page .confirm-detail p {
font-size: 14px;
line-height: 1.7;
color: #3a2050;
margin: 0;
text-align: center
}

.success-page .confirm-detail strong {
color: #1b0a2e
}

.success-page .action-group {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
justify-content: center
}

.success-page .btn-primary {
display: inline-flex;
align-items: center;
gap: 8px;
background: #D089FD;
color: #1b0a2e;
font-size: 14px;
line-height: 1.15;
padding: 16px 32px;
border-radius: 7px;
border: none;
cursor: pointer;
text-decoration: none;
transition: brightness .09s ease-out;
box-shadow: 2px 5px 18px 0 #d089fd14
}

.success-page .btn-primary:hover {
filter: brightness(1.08)
}

.success-page .btn-primary:focus {
outline: 2px solid #1b0a2e;
outline-offset: 3px
}

.success-page .btn-secondary {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
color: #1b0a2e;
font-size: 14px;
line-height: 1.15;
padding: 16px 32px;
border-radius: 7px;
border: 1.5px solid #D089FD;
cursor: pointer;
text-decoration: none;
transition: background .12s linear
}

.success-page .btn-secondary:hover {
background: #f5eaff
}

.success-page .btn-secondary:focus {
outline: 2px solid #1b0a2e;
outline-offset: 3px
}

.success-page .contact-hint {
font-size: 14px;
line-height: 1.7;
color: #6a4a8a;
text-align: center;
margin: 0
}

.success-page .contact-hint a {
color: #B72B08;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .08s ease-out
}

.success-page .contact-hint a:hover {
color: #8a1e04
}

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

.success-page .confirm-heading {
font-size: 22px
}

.success-page .confirm-detail {
padding: 16px
}

.success-page .action-group {
flex-direction: column;
align-items: stretch
}

.success-page .btn-primary,
.success-page .btn-secondary {
justify-content: center
}
}

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