*,
*::before,
*::after {
box-sizing: border-box;
}

body {
margin: 0;
min-height: 100svh;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
}

:focus-visible {
outline: 2px solid #7EC430;
outline-offset: 3px;
}

:focus:not(:focus-visible) {
outline: none;
}

.brand-bar {
background: linear-gradient(135deg, #1b1a14 0%, #252318 60%, #1e1d16 100%);
border-bottom: 1px solid rgba(126, 196, 48, 0.18);
}

.brand-bar__inner {
max-width: 1100px;
margin: 0 auto;
padding: 32px 32px 24px;
display: flex;
align-items: center;
gap: 32px;
}

.brand-bar__identity {
display: flex;
align-items: center;
gap: 16px;
border-right: 2px solid #7EC430;
padding-right: 32px;
}

.brand-bar__logo-container {
width: 72px;
height: 72px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 1px 2px 1px rgba(126, 196, 48, 0.07), 0 4px 22px 1px rgba(126, 196, 48, 0.08);
background: rgba(255, 255, 255, 0.06);
border-radius: 9px;
padding: 8px;
flex-shrink: 0;
}

.brand-bar__logo-container img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}

.brand-bar__name {
font-family: 'Bitter', Georgia, serif;
font-size: 31px;
font-weight: 700;
line-height: 1.2;
color: #E6E8DE;
letter-spacing: 0;
}

.brand-bar__credential {
margin-left: auto;
display: flex;
align-items: center;
gap: 8px;
}

.brand-bar__badge {
font-family: 'Bitter', Georgia, serif;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #BDBBD1;
border: 1px solid rgba(189, 187, 209, 0.3);
border-radius: 5px;
padding: 8px 16px;
white-space: nowrap;
}

.brand-bar__badge-dot {
width: 8px;
height: 8px;
border-radius: 2px;
background: #7EC430;
display: inline-block;
margin-right: 8px;
flex-shrink: 0;
}

.primary-nav {
background: #161510;
border-bottom: 1px solid rgba(230, 232, 222, 0.07);
}

.primary-nav__inner {
max-width: 1100px;
margin: 0 auto;
padding: 0 32px;
display: flex;
align-items: stretch;
flex-wrap: wrap;
}

.primary-nav__link {
font-family: 'Bitter', Georgia, serif;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #BDBBD1;
text-decoration: none;
padding: 16px 16px;
display: flex;
align-items: center;
border-bottom: 2px solid transparent;
transition: color 0.5s ease-in-out, border-color 0.5s ease-in-out;
white-space: nowrap;
}

.primary-nav__link:hover {
color: #E6E8DE;
border-bottom-color: #7EC430;
}

.primary-nav__link.active {
color: #7EC430;
border-bottom-color: #7EC430;
}

.page-footer {
background: linear-gradient(180deg, #161510 0%, #1b1a14 100%);
border-top: 1px solid rgba(126, 196, 48, 0.15);
}

.page-footer__inner {
max-width: 1100px;
margin: 0 auto;
padding: 64px 32px 32px;
}

.page-footer__card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(230, 232, 222, 0.08);
border-radius: 16px;
padding: 32px;
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14);
}

.page-footer__grid {
display: grid;
grid-template-columns: auto 1fr 1fr;
gap: 64px;
align-items: start;
}

.page-footer__brand {
display: flex;
flex-direction: column;
gap: 16px;
}

.page-footer__logo-container {
width: 65px;
height: 65px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.05);
border-radius: 9px;
padding: 8px;
box-shadow: 0 4px 22px 1px rgba(126, 196, 48, 0.08);
}

.page-footer__logo-container img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}

.page-footer__brand-name {
font-family: 'Bitter', Georgia, serif;
font-size: 23px;
font-weight: 700;
line-height: 1.2;
color: #E6E8DE;
}

.page-footer__contact-item {
font-family: 'Bitter', Georgia, serif;
font-size: 15px;
font-weight: 400;
line-height: 1.7;
color: #BDBBD1;
}

.page-footer__contact-link {
color: #BDBBD1;
text-decoration: none;
transition: color 0.48s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.page-footer__contact-link:hover {
color: #7EC430;
}

.page-footer__column-label {
font-family: 'Bitter', Georgia, serif;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
color: #7EC430;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 16px;
}

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

.page-footer__links li {
display: block;
}

.page-footer__nav-link {
font-family: 'Bitter', Georgia, serif;
font-size: 15px;
font-weight: 400;
line-height: 1.7;
color: #BDBBD1;
text-decoration: none;
transition: color 0.52s ease-in-out;
}

.page-footer__nav-link:hover {
color: #E6E8DE;
}

.page-footer__bottom {
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid rgba(230, 232, 222, 0.07);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}

.page-footer__copyright {
font-family: 'Bitter', Georgia, serif;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: rgba(189, 187, 209, 0.6);
}

.page-footer__address {
font-family: 'Bitter', Georgia, serif;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: rgba(189, 187, 209, 0.5);
font-style: normal;
}

.consent-tile {
position: fixed;
bottom: 32px;
left: 32px;
z-index: 1200;
max-width: 360px;
width: calc(100vw - 64px);
background: #1e1d16;
border: 1px solid rgba(126, 196, 48, 0.25);
border-radius: 16px;
padding: 16px;
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14), 0 4px 22px 1px rgba(126, 196, 48, 0.08);
transform: translateY(120%);
transition: transform 0.18s ease-in-out;
display: none;
}

.consent-tile.visible {
transform: translateY(0);
}

.consent-tile__description {
font-family: 'Bitter', Georgia, serif;
font-size: 15px;
font-weight: 400;
line-height: 1.7;
color: #BDBBD1;
margin-bottom: 8px;
}

.consent-tile__headline {
font-family: 'Bitter', Georgia, serif;
font-size: 15px;
font-weight: 700;
line-height: 1.5;
color: #E6E8DE;
margin-bottom: 16px;
}

.consent-tile__actions {
display: flex;
gap: 8px;
}

.consent-tile__btn {
font-family: 'Bitter', Georgia, serif;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
flex: 1;
padding: 8px 16px;
border-radius: 5px;
border: 1px solid rgba(126, 196, 48, 0.5);
background: transparent;
color: #E6E8DE;
cursor: pointer;
min-height: 44px;
position: relative;
overflow: hidden;
transition: color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.consent-tile__btn::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #7EC430;
transition: height 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 0;
}

.consent-tile__btn:hover::after {
height: 100%;
}

.consent-tile__btn:hover {
color: #161510;
border-color: #7EC430;
}

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

.consent-tile__btn:focus-visible {
outline: 2px solid #7EC430;
outline-offset: 3px;
}

.consent-tile__btn.decline {
border-color: rgba(189, 187, 209, 0.3);
}

.consent-tile__btn.decline::after {
background: rgba(189, 187, 209, 0.15);
}

.consent-tile__btn.decline:hover {
color: #E6E8DE;
border-color: rgba(189, 187, 209, 0.5);
}

@media (max-width: 768px) {
.brand-bar__inner {
padding: 16px;
flex-wrap: wrap;
gap: 16px;
}

.brand-bar__credential {
margin-left: 0;
width: 100%;
}

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

.page-footer__inner {
padding: 32px 16px;
}

.page-footer__card {
padding: 16px;
}

.primary-nav__inner {
padding: 0 16px;
}

.brand-bar__identity {
padding-right: 16px;
}
}

@media (max-width: 480px) {
.page-footer__bottom {
flex-direction: column;
align-items: flex-start;
}

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

.rules-text {
max-width: 1100px;
margin: 0 auto;
padding: 64px 32px;
color: #d4d2e8;
background-color: #1e1c18;
line-height: 1.7;
font-size: 15px;
}

.rules-text h1 {
font-size: 60px;
line-height: 1.2;
color: #f0eefc;
margin-bottom: 32px;
margin-top: 0;
letter-spacing: -0.5px;
}

.rules-text h2 {
font-size: 31px;
line-height: 1.2;
color: #e8e6f8;
margin-top: 64px;
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 1px solid #2e2c28;
}

.rules-text h3 {
font-size: 23px;
line-height: 1.5;
color: #dddbe8;
margin-top: 32px;
margin-bottom: 16px;
}

.rules-text h4 {
font-size: 15px;
line-height: 1.5;
color: #c8c6d8;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-top: 32px;
margin-bottom: 8px;
}

.rules-text h5 {
font-size: 15px;
line-height: 1.5;
color: #BDBBD1;
margin-top: 16px;
margin-bottom: 8px;
}

.rules-text h6 {
font-size: 15px;
line-height: 1.5;
color: #a8a6b8;
margin-top: 16px;
margin-bottom: 8px;
}

.rules-text p {
font-size: 15px;
line-height: 1.7;
color: #c2c0d4;
margin-top: 0;
margin-bottom: 16px;
}

.rules-text ul {
margin-top: 0;
margin-bottom: 16px;
padding-left: 32px;
list-style: none;
}

.rules-text ol {
margin-top: 0;
margin-bottom: 16px;
padding-left: 32px;
list-style: none;
counter-reset: policy-counter;
}

.rules-text ul li {
font-size: 15px;
line-height: 1.7;
color: #c2c0d4;
margin-bottom: 8px;
position: relative;
padding-left: 16px;
}

.rules-text ul li::before {
content: "";
position: absolute;
left: 0;
top: 11px;
width: 5px;
height: 5px;
border-radius: 2px;
background-color: #7EC430;
}

.rules-text ol li {
font-size: 15px;
line-height: 1.7;
color: #c2c0d4;
margin-bottom: 8px;
position: relative;
padding-left: 16px;
counter-increment: policy-counter;
}

.rules-text ol li::before {
content: counter(policy-counter) ".";
position: absolute;
left: -16px;
top: 0;
font-size: 15px;
color: #7EC430;
font-weight: 600;
min-width: 24px;
}

.rules-text ul ul,
.rules-text ol ol,
.rules-text ul ol,
.rules-text ol ul {
margin-top: 8px;
margin-bottom: 8px;
padding-left: 16px;
}

.rules-text strong,
.rules-text b {
color: #e8e6f8;
font-weight: 700;
}

.rules-text em,
.rules-text i {
color: #BDBBD1;
font-style: italic;
}

.rules-text table {
width: 100%;
border-collapse: collapse;
margin-bottom: 32px;
font-size: 15px;
border-radius: 9px;
overflow: hidden;
box-shadow: 0 4px 22px 1px rgba(126, 196, 48, 0.08);
}

.rules-text thead {
background-color: #252320;
}

.rules-text thead tr {
border-bottom: 2px solid #7EC430;
}

.rules-text tbody tr {
border-bottom: 1px solid #2a2826;
transition: background-color 0.45s ease-in-out;
}

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

.rules-text tbody tr:hover {
background-color: #252320;
}

.rules-text th {
padding: 16px;
text-align: left;
font-size: 15px;
line-height: 1.5;
color: #e8e6f8;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
}

.rules-text td {
padding: 16px;
font-size: 15px;
line-height: 1.7;
color: #c2c0d4;
vertical-align: top;
}

.rules-text hr {
border: none;
border-top: 1px solid #2e2c28;
margin-top: 32px;
margin-bottom: 32px;
position: relative;
}

.rules-text hr::after {
content: "";
display: block;
width: 32px;
height: 2px;
background-color: #7EC430;
position: absolute;
top: -1px;
left: 0;
border-radius: 2px;
}

@media (max-width: 768px) {
.rules-text {
padding: 32px 16px;
}

.rules-text h1 {
font-size: 31px;
}

.rules-text h2 {
font-size: 23px;
margin-top: 32px;
}

.rules-text h3 {
font-size: 15px;
}

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

.about-us-page {
background-color: #18160f;
overflow-x: clip;
width: 100%;
}

.about-us-page .du-spotlight {
position: relative;
padding: 64px 32px;
overflow: hidden;
}

.about-us-page .du-spotlight::before {
content: "";
position: absolute;
top: -80px;
left: -80px;
width: 520px;
height: 520px;
background: radial-gradient(ellipse at 15% 20%, rgba(126, 196, 48, 0.18) 0%, rgba(189, 187, 209, 0.07) 55%, transparent 80%);
pointer-events: none;
}

.about-us-page .du-spotlight-geo {
position: absolute;
top: 32px;
right: 64px;
width: 160px;
height: 160px;
border: 1px solid rgba(126, 196, 48, 0.12);
transform: rotate(22deg);
pointer-events: none;
border-radius: 2px;
}

.about-us-page .du-spotlight-geo-two {
position: absolute;
bottom: 48px;
right: 120px;
width: 80px;
height: 80px;
border: 1px solid rgba(189, 187, 209, 0.1);
transform: rotate(45deg);
pointer-events: none;
border-radius: 2px;
}

.about-us-page .du-spotlight-geo-three {
position: absolute;
top: 64px;
right: 200px;
width: 40px;
height: 40px;
background: rgba(126, 196, 48, 0.06);
transform: rotate(15deg);
pointer-events: none;
border-radius: 2px;
}

.about-us-page .du-spotlight-inner {
max-width: 1100px;
margin: 0 auto;
position: relative;
z-index: 1;
}

.about-us-page .du-label {
display: inline-block;
font-size: 15px;
line-height: 1.5;
color: #7EC430;
letter-spacing: 0.12em;
text-transform: uppercase;
margin-bottom: 32px;
padding: 8px 16px;
border: 1px solid rgba(126, 196, 48, 0.25);
border-radius: 5px;
background: rgba(126, 196, 48, 0.06);
}

.about-us-page .du-main-heading {
font-size: 72px;
line-height: 1.2;
font-weight: 800;
color: #E6E8DE;
margin: 0;
max-width: 700px;
}

.about-us-page .du-main-heading .accent-word {
color: #7EC430;
}

.about-us-page .du-image-duotone {
position: absolute;
right: 0;
top: 0;
width: 380px;
height: 100%;
overflow: hidden;
border-radius: 0 0 0 24px;
}

.about-us-page .du-image-duotone img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: grayscale(60%) sepia(30%) brightness(0.55) contrast(1.1);
display: block;
}

.about-us-page .du-image-duotone::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(160deg, rgba(126, 196, 48, 0.22) 0%, rgba(189, 187, 209, 0.14) 50%, rgba(24, 22, 15, 0.65) 100%);
pointer-events: none;
}

.about-us-page .du-divider-double {
display: flex;
flex-direction: column;
gap: 4px;
margin: 0;
}

.about-us-page .du-divider-double .line-top {
height: 1px;
background: rgba(126, 196, 48, 0.4);
}

.about-us-page .du-divider-double .line-gap {
height: 4px;
background: rgba(126, 196, 48, 0.08);
}

.about-us-page .du-divider-double .line-bottom {
height: 1px;
background: rgba(189, 187, 209, 0.2);
}

.about-us-page .du-story {
padding: 64px 32px;
background: #1d1b12;
}

.about-us-page .du-story-inner {
max-width: 1100px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start;
}

.about-us-page .du-story-left {
flex: 1 1 0;
min-width: 0;
}

.about-us-page .du-story-right {
flex: 1 1 0;
min-width: 0;
padding-top: 64px;
}

.about-us-page .du-story-heading {
font-size: 31px;
line-height: 1.2;
font-weight: 700;
color: #E6E8DE;
margin: 0 0 32px 0;
}

.about-us-page .du-story-heading .accent-word {
color: #7EC430;
}

.about-us-page .du-quote-para {
font-size: 23px;
line-height: 1.7;
color: #BDBBD1;
border-left: 3px solid #7EC430;
border-top: 1px solid rgba(126, 196, 48, 0.2);
padding: 16px 16px 16px 32px;
margin: 0 0 32px 0;
background: rgba(126, 196, 48, 0.04);
border-radius: 0 9px 9px 0;
}

.about-us-page .du-body-para {
font-size: 15px;
line-height: 1.7;
color: #a09e8e;
margin: 0 0 16px 0;
}

.about-us-page .du-story-image {
width: 100%;
aspect-ratio: 1/1;
overflow: hidden;
border-radius: 16px;
position: relative;
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14);
}

.about-us-page .du-story-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: filter 0.55s ease-in-out;
}

.about-us-page .du-story-image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(126, 196, 48, 0.32) 0%, rgba(189, 187, 209, 0.18) 60%, transparent 100%);
opacity: 0;
transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
pointer-events: none;
border-radius: 16px;
}

.about-us-page .du-story-image:hover::after {
opacity: 1;
}

.about-us-page .du-story-image:hover img {
filter: brightness(0.85) saturate(1.2);
}

.about-us-page .du-metrics {
padding: 64px 32px;
background: #18160f;
position: relative;
}

.about-us-page .du-metrics::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(126, 196, 48, 0.35), rgba(189, 187, 209, 0.2), transparent);
pointer-events: none;
}

.about-us-page .du-metrics-inner {
max-width: 1100px;
margin: 0 auto;
}

.about-us-page .du-metrics-heading {
font-size: 31px;
line-height: 1.2;
font-weight: 700;
color: #E6E8DE;
margin: 0 0 8px 0;
text-align: center;
}

.about-us-page .du-metrics-heading .accent-word {
color: #7EC430;
}

.about-us-page .du-metrics-sub {
font-size: 15px;
line-height: 1.5;
color: #BDBBD1;
text-align: center;
margin: 0 0 64px 0;
}

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

.about-us-page .du-comparison-col {
background: #221f15;
border-radius: 16px;
padding: 32px;
border: 1px solid rgba(189, 187, 209, 0.1);
box-shadow: 0 4px 22px 1px rgba(189, 187, 209, 0.08);
}

.about-us-page .du-comparison-col.after {
border-color: rgba(126, 196, 48, 0.25);
background: #1e2212;
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14);
}

.about-us-page .du-col-badge {
display: inline-block;
font-size: 15px;
line-height: 1.5;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 8px 16px;
border-radius: 5px;
margin-bottom: 32px;
}

.about-us-page .du-col-badge.before {
background: rgba(189, 187, 209, 0.1);
color: #BDBBD1;
}

.about-us-page .du-col-badge.after {
background: rgba(126, 196, 48, 0.15);
color: #7EC430;
}

.about-us-page .du-comparison-item {
padding: 16px 0;
border-bottom: 1px solid rgba(189, 187, 209, 0.08);
opacity: 0;
transform: translateY(16px);
animation: du-appear 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.about-us-page .du-comparison-item:last-child {
border-bottom: none;
}

.about-us-page .du-comparison-item:nth-child(2) {
animation-delay: 0.1s;
}

.about-us-page .du-comparison-item:nth-child(3) {
animation-delay: 0.2s;
}

.about-us-page .du-comparison-item:nth-child(4) {
animation-delay: 0.3s;
}

.about-us-page .du-comparison-item:nth-child(5) {
animation-delay: 0.4s;
}

@keyframes du-appear {
to {
opacity: 1;
transform: translateY(0);
}
}

.about-us-page .du-comparison-label {
font-size: 15px;
line-height: 1.5;
color: #7a7868;
margin: 0 0 8px 0;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.about-us-page .du-comparison-value {
font-size: 23px;
line-height: 1.2;
font-weight: 700;
margin: 0;
}

.about-us-page .du-comparison-col:not(.after) .du-comparison-value {
color: #BDBBD1;
}

.about-us-page .du-comparison-col.after .du-comparison-value {
color: #7EC430;
}

.about-us-page .du-team {
padding: 64px 32px;
background: #201e14;
position: relative;
overflow: hidden;
}

.about-us-page .du-team::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(189, 187, 209, 0.2), rgba(126, 196, 48, 0.3), transparent);
pointer-events: none;
}

.about-us-page .du-team-inner {
max-width: 1100px;
margin: 0 auto;
}

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

.about-us-page .du-team-text {
flex: 1 1 0;
min-width: 0;
}

.about-us-page .du-team-image-wrap {
flex: 0 0 340px;
min-width: 0;
position: relative;
}

.about-us-page .du-team-heading {
font-size: 31px;
line-height: 1.2;
font-weight: 700;
color: #E6E8DE;
margin: 0 0 32px 0;
}

.about-us-page .du-team-heading .accent-word {
color: #7EC430;
}

.about-us-page .du-team-image {
width: 100%;
aspect-ratio: 1/1;
overflow: hidden;
border-radius: 16px;
position: relative;
box-shadow: 0 1px 2px 1px rgba(126, 196, 48, 0.07);
}

.about-us-page .du-team-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: filter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.about-us-page .du-team-image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(189, 187, 209, 0.28) 0%, rgba(126, 196, 48, 0.2) 100%);
opacity: 0;
transition: opacity 0.5s ease-in-out;
pointer-events: none;
border-radius: 16px;
}

.about-us-page .du-team-image:hover::after {
opacity: 1;
}

.about-us-page .du-team-image:hover img {
filter: brightness(0.8) saturate(1.3);
}

.about-us-page .du-diagonal-stripe {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 48px solid rgba(126, 196, 48, 0.3);
border-left: 48px solid transparent;
border-radius: 0 16px 0 0;
pointer-events: none;
}

.about-us-page .du-people-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}

.about-us-page .du-person-card {
background: #18160f;
border-radius: 16px;
padding: 32px;
border: 1px solid rgba(189, 187, 209, 0.08);
position: relative;
overflow: hidden;
transition: border-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
box-shadow: 0 1px 2px 1px rgba(189, 187, 209, 0.07);
}

.about-us-page .du-person-card:hover {
border-color: rgba(126, 196, 48, 0.3);
box-shadow: 0 4px 22px 1px rgba(126, 196, 48, 0.08);
}

.about-us-page .du-person-card .du-diagonal-stripe {
border-top-color: rgba(126, 196, 48, 0.2);
}

.about-us-page .du-person-name {
font-size: 23px;
line-height: 1.2;
font-weight: 700;
color: #E6E8DE;
margin: 0 0 8px 0;
}

.about-us-page .du-person-role {
font-size: 15px;
line-height: 1.5;
color: #7EC430;
margin: 0 0 16px 0;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.about-us-page .du-person-bio {
font-size: 15px;
line-height: 1.7;
color: #8a8878;
margin: 0;
}

.about-us-page .du-highlight-cycle {
display: inline;
}

.about-us-page .du-highlight-cycle .hw {
color: #BDBBD1;
transition: color 0.45s ease-in-out;
}

.about-us-page .du-highlight-cycle .hw.active {
color: #7EC430;
}

.about-us-page .du-cta-strip {
padding: 64px 32px;
background: linear-gradient(135deg, #18160f 0%, #1e2212 50%, #1d1b12 100%);
border-top: 1px solid rgba(126, 196, 48, 0.15);
}

.about-us-page .du-cta-inner {
max-width: 1100px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 64px;
align-items: center;
}

.about-us-page .du-cta-text {
flex: 1 1 0;
min-width: 0;
}

.about-us-page .du-cta-heading {
font-size: 31px;
line-height: 1.2;
font-weight: 700;
color: #E6E8DE;
margin: 0 0 16px 0;
}

.about-us-page .du-cta-heading .accent-word {
color: #7EC430;
}

.about-us-page .du-cta-desc {
font-size: 15px;
line-height: 1.7;
color: #8a8878;
margin: 0;
}

.about-us-page .du-cta-actions {
flex: 0 0 auto;
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-start;
}

.about-us-page .du-btn-primary {
position: relative;
display: inline-block;
font-size: 15px;
line-height: 1.5;
font-weight: 600;
color: #18160f;
background: #7EC430;
border: none;
border-radius: 9px;
padding: 16px 32px;
cursor: pointer;
overflow: hidden;
text-decoration: none;
transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s ease-in-out;
box-shadow: 0 4px 22px 1px rgba(126, 196, 48, 0.08);
}

.about-us-page .du-btn-primary::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: rgba(24, 22, 15, 0.2);
transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.about-us-page .du-btn-primary:hover::before {
height: 100%;
}

.about-us-page .du-btn-primary:hover {
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14);
}

.about-us-page .du-btn-secondary {
position: relative;
display: inline-block;
font-size: 15px;
line-height: 1.5;
font-weight: 600;
color: #BDBBD1;
background: transparent;
border: 1px solid rgba(189, 187, 209, 0.3);
border-radius: 9px;
padding: 16px 32px;
cursor: pointer;
overflow: hidden;
text-decoration: none;
transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.5s ease-in-out;
}

.about-us-page .du-btn-secondary::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: rgba(189, 187, 209, 0.08);
transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.about-us-page .du-btn-secondary:hover::before {
height: 100%;
}

.about-us-page .du-btn-secondary:hover {
border-color: rgba(189, 187, 209, 0.6);
color: #E6E8DE;
}

@media (max-width: 900px) {
.about-us-page .du-main-heading {
font-size: 60px;
}

.about-us-page .du-image-duotone {
display: none;
}

.about-us-page .du-story-inner {
flex-direction: column;
gap: 32px;
}

.about-us-page .du-story-right {
padding-top: 0;
}

.about-us-page .du-comparison-grid {
grid-template-columns: 1fr;
}

.about-us-page .du-team-top {
flex-direction: column;
gap: 32px;
}

.about-us-page .du-team-image-wrap {
flex: 0 0 auto;
width: 100%;
max-width: 340px;
}

.about-us-page .du-people-grid {
grid-template-columns: 1fr 1fr;
}

.about-us-page .du-cta-inner {
flex-direction: column;
gap: 32px;
}
}

@media (max-width: 600px) {
.about-us-page .du-main-heading {
font-size: 31px;
}

.about-us-page .du-people-grid {
grid-template-columns: 1fr;
}

.about-us-page .du-spotlight,
.about-us-page .du-story,
.about-us-page .du-metrics,
.about-us-page .du-team,
.about-us-page .du-cta-strip {
padding: 32px 16px;
}
}

.entry {
background-color: #18181a;
color: #E6E8DE;
overflow-x: clip;
position: relative;
}

.entry .divider-heavy {
width: 100%;
height: 3px;
background: #7EC430;
border: none;
margin: 0;
}

.entry .divider-light {
width: 100%;
height: 1px;
background: #BDBBD1;
opacity: 0.22;
border: none;
margin: 0;
}

.entry .title-block {
position: relative;
padding: 64px 0;
max-width: 100%;
}

.entry .title-block__background {
position: absolute;
inset: 0;
overflow: hidden;
border-radius: 0;
}

.entry .title-block__background img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.entry .title-block__overlay {
position: absolute;
inset: 0;
background: linear-gradient(118deg, #18181a 38%, rgba(126, 196, 48, 0.18) 72%, rgba(189, 187, 209, 0.10) 100%);
}

.entry .title-block__corner-lines {
position: absolute;
top: 0;
right: 0;
width: 120px;
height: 120px;
pointer-events: none;
}

.entry .title-block__corner-lines::before {
content: "";
position: absolute;
top: 32px;
right: 0;
width: 80px;
height: 1px;
background: #7EC430;
}

.entry .title-block__corner-lines::after {
content: "";
position: absolute;
top: 0;
right: 32px;
width: 1px;
height: 80px;
background: #7EC430;
}

.entry .title-block__inner {
position: relative;
max-width: 1100px;
margin: 0 auto;
padding: 0 32px;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-end;
min-height: 480px;
}

.entry .title-block__text {
max-width: 560px;
text-align: left;
}

.entry .title-block__label {
display: inline-block;
font-size: 15px;
line-height: 1.5;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #7EC430;
border-left: 3px solid #7EC430;
border-bottom: 1px solid rgba(126, 196, 48, 0.3);
padding: 8px 16px;
margin-bottom: 32px;
background: rgba(126, 196, 48, 0.06);
border-radius: 2px;
}

.entry .title-block__heading {
font-size: 60px;
line-height: 1.2;
font-weight: 800;
margin: 0 0 32px 0;
color: #E6E8DE;
}

.entry .title-block__heading .accent-word {
color: #7EC430;
}

.entry .title-block__sub {
font-size: 23px;
line-height: 1.5;
color: #BDBBD1;
margin: 0 0 32px 0;
max-width: 460px;
}

.entry .title-block__cta {
display: inline-block;
position: relative;
font-size: 15px;
line-height: 1.5;
color: #18181a;
background: #7EC430;
border: none;
border-radius: 5px;
padding: 16px 32px;
cursor: pointer;
overflow: hidden;
text-decoration: none;
font-weight: 700;
letter-spacing: 0.04em;
transition: color 0.55s ease-in-out, box-shadow 0.45s ease-in-out;
box-shadow: 0 4px 22px 1px rgba(126, 196, 48, 0.08);
}

.entry .title-block__cta::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0%;
background: #18181a;
transition: height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 0;
}

.entry .title-block__cta:hover::before {
height: 100%;
}

.entry .title-block__cta:hover {
color: #7EC430;
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14);
}

.entry .title-block__cta span {
position: relative;
z-index: 1;
}

.entry .adapt-section {
padding: 64px 0;
background: #1e1e20;
margin-left: 32px;
border-radius: 16px 0 0 16px;
}

.entry .adapt-section__inner {
max-width: 1100px;
margin: 0 auto;
padding: 0 32px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
}

.entry .adapt-section__left {
display: flex;
flex-direction: column;
gap: 32px;
}

.entry .adapt-section__tag {
font-size: 15px;
line-height: 1.5;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #BDBBD1;
opacity: 0.7;
}

.entry .adapt-section__heading {
font-size: 31px;
line-height: 1.2;
font-weight: 700;
color: #E6E8DE;
margin: 0;
}

.entry .adapt-section__heading .accent-word {
color: #7EC430;
}

.entry .adapt-section__quote {
border-left: 3px solid #7EC430;
border-right: 1px solid rgba(189, 187, 209, 0.15);
padding: 16px 16px;
background: rgba(126, 196, 48, 0.04);
border-radius: 0 5px 5px 0;
font-size: 23px;
line-height: 1.5;
color: #BDBBD1;
font-style: italic;
}

.entry .adapt-section__body {
font-size: 15px;
line-height: 1.7;
color: #BDBBD1;
margin: 0;
}

.entry .adapt-section__right {
display: flex;
flex-direction: column;
gap: 16px;
}

.entry .adapt-card {
background: #26262a;
border-radius: 9px;
padding: 32px;
border-top: 2px solid transparent;
border-bottom: 1px solid rgba(189, 187, 209, 0.1);
box-shadow: 0 1px 2px 1px rgba(126, 196, 48, 0.07);
transition: border-top-color 0.5s ease-in-out, background 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.45s ease-in-out;
cursor: default;
}

.entry .adapt-card:hover {
border-top-color: #7EC430;
background: #2c2c31;
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14);
}

.entry .adapt-card__number {
font-size: 60px;
line-height: 1.2;
font-weight: 800;
color: #7EC430;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
}

.entry .adapt-card__number sup {
font-size: 23px;
line-height: 1.5;
font-weight: 400;
color: #BDBBD1;
margin-top: 8px;
}

.entry .adapt-card__label {
font-size: 15px;
line-height: 1.5;
color: #E6E8DE;
font-weight: 600;
margin-bottom: 8px;
}

.entry .adapt-card__desc {
font-size: 15px;
line-height: 1.7;
color: #BDBBD1;
margin: 0;
}

.entry .audience-section {
padding: 64px 0;
background: #18181a;
position: relative;
}

.entry .audience-section__bg-accent {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
pointer-events: none;
}

.entry .audience-section__bg-accent::before {
content: "";
position: absolute;
top: -32px;
left: 50%;
transform: translateX(-50%);
width: 600px;
height: 600px;
background: linear-gradient(160deg, rgba(126, 196, 48, 0.04) 0%, rgba(189, 187, 209, 0.03) 50%, rgba(230, 232, 222, 0.02) 100%);
border-radius: 24px;
}

.entry .audience-section__inner {
position: relative;
max-width: 1100px;
margin: 0 auto;
padding: 0 32px;
}

.entry .audience-section__header {
max-width: 600px;
margin: 0 auto 64px auto;
text-align: center;
}

.entry .audience-section__tag {
font-size: 15px;
line-height: 1.5;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #7EC430;
display: block;
margin-bottom: 16px;
}

.entry .audience-section__heading {
font-size: 31px;
line-height: 1.2;
font-weight: 700;
color: #E6E8DE;
margin: 0 0 16px 0;
}

.entry .audience-section__heading .accent-word {
color: #BDBBD1;
}

.entry .audience-section__sub {
font-size: 15px;
line-height: 1.7;
color: #BDBBD1;
margin: 0;
}

.entry .audience-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
margin-bottom: 64px;
}

.entry .audience-profile {
background: linear-gradient(160deg, #222226 0%, #1e1e22 100%);
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 22px 1px rgba(189, 187, 209, 0.08);
transition: box-shadow 0.5s ease-in-out, transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: flex;
flex-direction: column;
}

.entry .audience-profile:hover {
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14);
transform: translateY(-4px);
}

.entry .audience-profile__image-wrap {
width: 100%;
aspect-ratio: 1/1;
overflow: hidden;
}

.entry .audience-profile__image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.entry .audience-profile:hover .audience-profile__image-wrap img {
transform: scale(1.04);
}

.entry .audience-profile__body {
padding: 32px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}

.entry .audience-profile__role {
font-size: 15px;
line-height: 1.5;
font-weight: 700;
color: #7EC430;
letter-spacing: 0.06em;
text-transform: uppercase;
}

.entry .audience-profile__name {
font-size: 23px;
line-height: 1.2;
font-weight: 700;
color: #E6E8DE;
margin: 0;
}

.entry .audience-profile__situation {
font-size: 15px;
line-height: 1.7;
color: #BDBBD1;
margin: 8px 0 0 0;
}

.entry .audience-profile__detail {
display: inline-block;
font-size: 15px;
line-height: 1.5;
color: #7EC430;
border-top: 1px solid rgba(126, 196, 48, 0.2);
padding-top: 8px;
margin-top: 8px;
}

.entry .audience-dense {
background: #26262a;
border-radius: 9px;
padding: 32px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
box-shadow: 0 1px 2px 1px rgba(189, 187, 209, 0.07);
}

.entry .audience-dense__item {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}

.entry .audience-dense__number {
font-size: 60px;
line-height: 1.2;
font-weight: 800;
color: #7EC430;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
gap: 4px;
}

.entry .audience-dense__number sup {
font-size: 23px;
line-height: 1.5;
font-weight: 400;
color: #BDBBD1;
margin-top: 8px;
}

.entry .audience-dense__label {
font-size: 15px;
line-height: 1.5;
color: #BDBBD1;
}

.entry .outcome-section {
padding: 64px 0;
background: #1e1e20;
margin-right: 32px;
border-radius: 0 16px 16px 0;
position: relative;
overflow: hidden;
}

.entry .outcome-section__bg-wash {
position: absolute;
inset: 0;
background: linear-gradient(135deg, #1e1e20 0%, #232326 55%, rgba(126, 196, 48, 0.06) 100%);
animation: bg-wash 5s ease-in-out infinite alternate;
}

@keyframes bg-wash {
0% {
opacity: 1;
}

100% {
opacity: 0.7;
}
}

.entry .outcome-section__inner {
position: relative;
max-width: 1100px;
margin: 0 auto;
padding: 0 32px;
display: grid;
grid-template-columns: 360px 1fr;
gap: 64px;
align-items: start;
}

.entry .outcome-section__left {
display: flex;
flex-direction: column;
gap: 32px;
}

.entry .outcome-section__tag {
font-size: 15px;
line-height: 1.5;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #BDBBD1;
opacity: 0.7;
}

.entry .outcome-section__heading {
font-size: 31px;
line-height: 1.2;
font-weight: 700;
color: #E6E8DE;
margin: 0;
}

.entry .outcome-section__heading .accent-word {
color: #7EC430;
}

.entry .outcome-section__body {
font-size: 15px;
line-height: 1.7;
color: #BDBBD1;
margin: 0;
}

.entry .outcome-section__link {
display: inline-block;
font-size: 15px;
line-height: 1.5;
color: #7EC430;
text-decoration: none;
border-bottom: 1px solid rgba(126, 196, 48, 0.3);
padding-bottom: 4px;
transition: border-bottom-color 0.45s ease-in-out, color 0.45s ease-in-out;
}

.entry .outcome-section__link:hover {
border-bottom-color: #7EC430;
color: #E6E8DE;
}

.entry .outcome-section__right {
display: flex;
flex-direction: column;
gap: 16px;
}

.entry .outcome-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 32px;
background: rgba(255, 255, 255, 0.02);
border-radius: 9px;
border-left: 3px solid rgba(126, 196, 48, 0.2);
border-right: 1px solid rgba(189, 187, 209, 0.08);
transition: background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-left-color 0.5s ease-in-out;
}

.entry .outcome-item:hover {
background: rgba(126, 196, 48, 0.05);
border-left-color: #7EC430;
}

.entry .outcome-item__number {
font-size: 31px;
line-height: 1.2;
font-weight: 800;
color: #7EC430;
min-width: 48px;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 2px;
}

.entry .outcome-item__number sup {
font-size: 15px;
line-height: 1.5;
color: #BDBBD1;
margin-top: 4px;
}

.entry .outcome-item__text {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}

.entry .outcome-item__label {
font-size: 15px;
line-height: 1.5;
font-weight: 700;
color: #E6E8DE;
}

.entry .outcome-item__desc {
font-size: 15px;
line-height: 1.7;
color: #BDBBD1;
margin: 0;
}

@media (max-width: 900px) {
.entry .title-block__inner {
min-height: 360px;
justify-content: flex-start;
}

.entry .title-block__text {
max-width: 100%;
}

.entry .title-block__heading {
font-size: 31px;
}

.entry .adapt-section {
margin-left: 0;
border-radius: 0;
}

.entry .adapt-section__inner {
grid-template-columns: 1fr;
gap: 32px;
}

.entry .audience-grid {
grid-template-columns: 1fr 1fr;
}

.entry .audience-dense {
grid-template-columns: repeat(2, 1fr);
}

.entry .outcome-section {
margin-right: 0;
border-radius: 0;
}

.entry .outcome-section__inner {
grid-template-columns: 1fr;
gap: 32px;
}
}

@media (max-width: 600px) {
.entry .title-block__heading {
font-size: 31px;
}

.entry .title-block__sub {
font-size: 15px;
}

.entry .audience-grid {
grid-template-columns: 1fr;
}

.entry .audience-dense {
grid-template-columns: 1fr 1fr;
}

.entry .adapt-section__quote {
font-size: 15px;
}
}

.learning-program {
background-color: #18181A;
color: #E6E8DE;
overflow-x: clip;
}

.learning-program .program-panoramic {
position: relative;
padding: 64px 0 64px;
background: linear-gradient(180deg, #2a3a1a 0%, #1e2a10 40%, #18181A 100%);
overflow: hidden;
}

.learning-program .program-panoramic::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(126, 196, 48, 0.08) 0%, rgba(189, 187, 209, 0.04) 55%, rgba(230, 232, 222, 0.02) 100%);
pointer-events: none;
animation: color-wave 8s ease-in-out infinite;
}

@keyframes color-wave {
0% {
opacity: 0.6;
}

50% {
opacity: 1;
}

100% {
opacity: 0.6;
}
}

.learning-program .program-panoramic-geo {
position: absolute;
top: 32px;
right: 64px;
width: 220px;
height: 220px;
border: 1px solid rgba(126, 196, 48, 0.18);
border-radius: 2px;
transform: rotate(22deg);
pointer-events: none;
animation: geo-pulse 5s ease-in-out infinite;
}

.learning-program .program-panoramic-geo::after {
content: '';
position: absolute;
top: 16px;
left: 16px;
right: 16px;
bottom: 16px;
border: 1px solid rgba(189, 187, 209, 0.12);
border-radius: 2px;
}

@keyframes geo-pulse {

0%,
100% {
opacity: 0.5;
transform: rotate(22deg) scale(1);
}

50% {
opacity: 1;
transform: rotate(22deg) scale(1.04);
}
}

.learning-program .program-panoramic-inner {
max-width: 1100px;
margin: 0 auto;
padding: 0 32px;
display: flex;
flex-direction: row;
align-items: center;
gap: 64px;
}

.learning-program .program-text-column {
flex: 3;
display: flex;
flex-direction: column;
gap: 16px;
}

.learning-program .program-image-column {
flex: 1;
position: relative;
border-radius: 9px;
overflow: hidden;
}

.learning-program .program-image-column img {
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
display: block;
border-radius: 9px;
}

.learning-program .program-image-column::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(270deg, transparent 0%, rgba(30, 42, 16, 0.7) 100%);
border-radius: 9px;
pointer-events: none;
}

.learning-program .program-label {
font-size: 15px;
line-height: 1.5;
color: #7EC430;
letter-spacing: 0.12em;
text-transform: uppercase;
}

.learning-program .program-h1 {
font-size: 60px;
line-height: 1.2;
font-weight: 800;
margin: 0;
}

.learning-program .program-h1 .accent-word {
color: #7EC430;
}

.learning-program .program-h1 .rest-words {
color: #E6E8DE;
}

.learning-program .program-subheading {
font-size: 23px;
line-height: 1.5;
color: #BDBBD1;
max-width: 540px;
margin: 0;
}

.learning-program .program-cta-link {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 8px;
padding: 16px 32px;
font-size: 15px;
line-height: 1.5;
color: #18181A;
background-color: #7EC430;
border-radius: 5px;
text-decoration: none;
font-weight: 700;
position: relative;
overflow: hidden;
transition: color 0.55s ease-in-out, box-shadow 0.45s ease-in-out;
box-shadow: 0 1px 2px 1px rgba(126, 196, 48, 0.07), 0 4px 22px 1px rgba(126, 196, 48, 0.08);
align-self: flex-start;
}

.learning-program .program-cta-link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background-color: #5a9020;
transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 0;
}

.learning-program .program-cta-link:hover::before {
height: 100%;
}

.learning-program .program-cta-link:hover {
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14);
color: #E6E8DE;
}

.learning-program .program-cta-link span {
position: relative;
z-index: 1;
}

.learning-program .divider-line {
max-width: 1100px;
margin: 0 auto;
padding: 0 32px;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}

.learning-program .divider-line-bar {
flex: 1;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(126, 196, 48, 0.3), transparent);
}

.learning-program .divider-line-diamond {
width: 8px;
height: 8px;
background-color: #7EC430;
transform: rotate(45deg);
border-radius: 2px;
flex-shrink: 0;
}

.learning-program .program-modules {
padding: 64px 0;
background: linear-gradient(180deg, #18181A 0%, #1c2018 50%, #18181A 100%);
position: relative;
}

.learning-program .program-modules::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(189, 187, 209, 0.03) 0%, rgba(126, 196, 48, 0.05) 100%);
pointer-events: none;
animation: color-wave 11s ease-in-out infinite reverse;
}

.learning-program .program-modules-geo {
position: absolute;
bottom: 32px;
left: 32px;
width: 160px;
height: 160px;
border: 1px solid rgba(189, 187, 209, 0.1);
border-radius: 24px;
pointer-events: none;
animation: geo-pulse 7s ease-in-out infinite;
}

.learning-program .program-modules-inner {
max-width: 1100px;
margin: 0 auto;
padding: 0 32px;
}

.learning-program .program-modules-top {
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start;
margin-bottom: 64px;
}

.learning-program .program-modules-heading-col {
flex: 1;
}

.learning-program .program-modules-desc-col {
flex: 2;
display: flex;
flex-direction: column;
gap: 16px;
}

.learning-program .program-h2 {
font-size: 31px;
line-height: 1.2;
font-weight: 800;
margin: 0;
}

.learning-program .program-h2 .accent-word {
color: #7EC430;
}

.learning-program .program-h2 .rest-words {
color: #E6E8DE;
}

.learning-program .program-body-text {
font-size: 15px;
line-height: 1.7;
color: #BDBBD1;
margin: 0;
}

.learning-program .program-quote-block {
border-left: 3px solid #7EC430;
border-top: 1px solid rgba(126, 196, 48, 0.2);
padding: 16px 32px;
background-color: rgba(126, 196, 48, 0.06);
border-radius: 5px;
font-size: 23px;
line-height: 1.5;
color: #E6E8DE;
font-weight: 600;
margin: 0;
}

.learning-program .module-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}

.learning-program .module-card {
background-color: #212220;
border: 1px solid rgba(230, 232, 222, 0.08);
border-radius: 9px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
overflow: hidden;
transition: border-color 0.55s ease-in-out, box-shadow 0.55s ease-in-out;
box-shadow: 0 1px 2px 1px rgba(189, 187, 209, 0.07);
}

.learning-program .module-card:hover {
border-color: rgba(126, 196, 48, 0.35);
box-shadow: 0 4px 22px 1px rgba(126, 196, 48, 0.08), 0 9px 44px 1px rgba(126, 196, 48, 0.14);
}

.learning-program .module-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #7EC430, #BDBBD1, #E6E8DE);
border-radius: 9px 9px 0 0;
opacity: 0;
transition: opacity 0.45s ease-in-out;
}

.learning-program .module-card:hover::before {
opacity: 1;
}

.learning-program .module-number {
font-size: 60px;
line-height: 1.2;
font-weight: 900;
color: rgba(126, 196, 48, 0.15);
line-height: 1;
margin: 0;
}

.learning-program .module-card-title {
font-size: 23px;
line-height: 1.2;
font-weight: 700;
color: #E6E8DE;
margin: 0;
}

.learning-program .module-card-text {
font-size: 15px;
line-height: 1.7;
color: #BDBBD1;
margin: 0;
}

.learning-program .module-tag-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-top: auto;
}

.learning-program .module-tag {
font-size: 15px;
line-height: 1.5;
color: #7EC430;
background-color: rgba(126, 196, 48, 0.1);
border-radius: 5px;
padding: 8px 16px;
border: 1px solid rgba(126, 196, 48, 0.2);
}

.learning-program .module-card.tall {
grid-row: span 2;
}

.learning-program .program-details {
padding: 64px 0;
background: linear-gradient(180deg, #18181A 0%, #1a1c22 60%, #18181A 100%);
position: relative;
}

.learning-program .program-details::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(225deg, rgba(230, 232, 222, 0.04) 0%, rgba(189, 187, 209, 0.03) 50%, rgba(126, 196, 48, 0.04) 100%);
pointer-events: none;
animation: color-wave 13s ease-in-out infinite;
}

.learning-program .program-details-geo {
position: absolute;
top: 64px;
right: 32px;
width: 100px;
height: 100px;
border: 1px solid rgba(126, 196, 48, 0.12);
border-radius: 16px;
transform: rotate(15deg);
pointer-events: none;
animation: geo-pulse 9s ease-in-out infinite;
}

.learning-program .program-details-inner {
max-width: 1100px;
margin: 0 auto;
padding: 0 32px;
display: flex;
flex-direction: row;
gap: 64px;
align-items: flex-start;
}

.learning-program .program-details-image-col {
flex: 2;
position: relative;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14);
align-self: stretch;
min-height: 400px;
}

.learning-program .program-details-image-col img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 16px;
transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.learning-program .program-details-image-col:hover img {
transform: scale(1.04);
}

.learning-program .program-details-image-col::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(180deg, transparent, rgba(24, 24, 26, 0.6));
border-radius: 0 0 16px 16px;
pointer-events: none;
}

.learning-program .program-details-content-col {
flex: 3;
display: flex;
flex-direction: column;
gap: 32px;
}

.learning-program .program-details-heading {
font-size: 31px;
line-height: 1.2;
font-weight: 800;
margin: 0;
}

.learning-program .program-details-heading .accent-word {
color: #7EC430;
}

.learning-program .program-details-heading .rest-words {
color: #E6E8DE;
}

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

.learning-program .program-spec-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
background-color: rgba(230, 232, 222, 0.04);
border-radius: 9px;
border: 1px solid rgba(230, 232, 222, 0.07);
transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out;
}

.learning-program .program-spec-item:hover {
background-color: rgba(126, 196, 48, 0.07);
border-color: rgba(126, 196, 48, 0.2);
}

.learning-program .spec-marker {
width: 8px;
height: 8px;
background-color: #7EC430;
border-radius: 2px;
flex-shrink: 0;
margin-top: 6px;
transform: rotate(45deg);
}

.learning-program .spec-text {
font-size: 15px;
line-height: 1.7;
color: #BDBBD1;
margin: 0;
}

.learning-program .spec-text strong {
color: #E6E8DE;
font-weight: 700;
}

.learning-program .program-metrics-row {
display: flex;
flex-direction: row;
gap: 16px;
}

.learning-program .metric-box {
flex: 1;
background: linear-gradient(135deg, rgba(126, 196, 48, 0.1) 0%, rgba(189, 187, 209, 0.05) 100%);
border: 1px solid rgba(126, 196, 48, 0.2);
border-radius: 9px;
padding: 16px;
text-align: center;
transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.45s ease-in-out;
box-shadow: 0 1px 2px 1px rgba(126, 196, 48, 0.07);
}

.learning-program .metric-box:hover {
transform: translateY(-4px);
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14);
}

.learning-program .metric-value {
font-size: 31px;
line-height: 1.2;
font-weight: 900;
color: #7EC430;
display: block;
}

.learning-program .metric-label {
font-size: 15px;
line-height: 1.5;
color: #BDBBD1;
display: block;
margin-top: 8px;
}

.learning-program .program-cycle-row {
display: flex;
flex-direction: row;
gap: 8px;
}

.learning-program .cycle-step {
flex: 1;
padding: 16px 8px;
border-radius: 5px;
border: 1px solid rgba(230, 232, 222, 0.08);
text-align: center;
font-size: 15px;
line-height: 1.5;
color: #BDBBD1;
background-color: rgba(230, 232, 222, 0.03);
animation: step-cycle 4.5s ease-in-out infinite;
}

.learning-program .cycle-step:nth-child(1) {
animation-delay: 0s;
}

.learning-program .cycle-step:nth-child(2) {
animation-delay: 1.5s;
}

.learning-program .cycle-step:nth-child(3) {
animation-delay: 3s;
}

@keyframes step-cycle {

0%,
60%,
100% {
background-color: rgba(230, 232, 222, 0.03);
border-color: rgba(230, 232, 222, 0.08);
color: #BDBBD1;
}

20%,
40% {
background-color: rgba(126, 196, 48, 0.12);
border-color: rgba(126, 196, 48, 0.35);
color: #E6E8DE;
}
}

.learning-program .cycle-step-label {
display: block;
font-size: 15px;
line-height: 1.5;
font-weight: 700;
margin-bottom: 8px;
}

.learning-program .divider-spacer {
padding: 16px 0;
}

@media (max-width: 900px) {
.learning-program .program-panoramic-inner {
flex-direction: column;
gap: 32px;
}

.learning-program .program-image-column {
width: 100%;
}

.learning-program .program-h1 {
font-size: 31px;
}

.learning-program .program-modules-top {
flex-direction: column;
gap: 32px;
}

.learning-program .module-grid {
grid-template-columns: 1fr 1fr;
}

.learning-program .module-card.tall {
grid-row: span 1;
}

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

.learning-program .program-details-image-col {
min-height: 260px;
width: 100%;
}

.learning-program .program-panoramic-geo {
display: none;
}
}

@media (max-width: 600px) {
.learning-program .module-grid {
grid-template-columns: 1fr;
}

.learning-program .program-metrics-row {
flex-direction: column;
}

.learning-program .program-cycle-row {
flex-direction: column;
}

.learning-program .program-panoramic-inner {
padding: 0 16px;
}

.learning-program .program-modules-inner {
padding: 0 16px;
}

.learning-program .program-details-inner {
padding: 0 16px;
}

.learning-program .divider-line {
padding: 0 16px;
}
}

.contact-us-page {
background-color: #18181A;
color: #E6E8DE;
overflow-x: clip;
}

.contact-us-page .grid-mosaic {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
max-width: 1100px;
margin: 0 auto;
padding: 64px 32px;
align-items: start;
}

.contact-us-page .panel-left {
padding-right: 64px;
padding-top: 16px;
}

.contact-us-page .panel-left .label-tag {
display: inline-block;
font-size: 15px;
line-height: 1.5;
color: #7EC430;
letter-spacing: 0.12em;
text-transform: uppercase;
border: 1px solid rgba(126, 196, 48, 0.28);
border-radius: 5px;
padding: 8px 16px;
margin-bottom: 32px;
}

.contact-us-page .panel-left .heading-primary {
font-size: 31px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 32px;
color: #E6E8DE;
}

.contact-us-page .panel-left .heading-primary .word-accent {
color: #7EC430;
}

.contact-us-page .panel-left .description-text {
font-size: 15px;
line-height: 1.7;
color: #BDBBD1;
margin-bottom: 32px;
max-width: 400px;
}

.contact-us-page .panel-left .quote-block {
border-left: 3px solid #7EC430;
border-top: 1px solid rgba(189, 187, 209, 0.18);
border-right: 1px solid rgba(189, 187, 209, 0.10);
border-bottom: 1px solid rgba(189, 187, 209, 0.18);
border-radius: 2px 9px 9px 2px;
padding: 16px 32px;
margin-bottom: 32px;
background: rgba(126, 196, 48, 0.05);
box-shadow: 0 4px 22px 1px rgba(126, 196, 48, 0.08);
}

.contact-us-page .panel-left .quote-block .quote-text {
font-size: 15px;
line-height: 1.7;
color: #E6E8DE;
font-style: italic;
margin-bottom: 8px;
}

.contact-us-page .panel-left .quote-block .quote-author {
font-size: 15px;
line-height: 1.5;
color: #7EC430;
font-weight: 600;
}

.contact-us-page .panel-left .contact-details-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.contact-us-page .panel-left .contact-details-list .detail-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}

.contact-us-page .panel-left .contact-details-list .detail-icon {
width: 40px;
height: 40px;
border-radius: 9px;
background: rgba(126, 196, 48, 0.10);
border: 1px solid rgba(126, 196, 48, 0.22);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 1px 2px 1px rgba(126, 196, 48, 0.07);
}

.contact-us-page .panel-left .contact-details-list .detail-icon svg {
width: 18px;
height: 18px;
stroke: #7EC430;
fill: none;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}

.contact-us-page .panel-left .contact-details-list .detail-text {
display: flex;
flex-direction: column;
gap: 0;
}

.contact-us-page .panel-left .contact-details-list .detail-label {
font-size: 15px;
line-height: 1.5;
color: #BDBBD1;
font-weight: 500;
margin-bottom: 0;
}

.contact-us-page .panel-left .contact-details-list .detail-value {
font-size: 15px;
line-height: 1.5;
color: #E6E8DE;
font-weight: 600;
text-decoration: none;
transition: color 0.5s ease-in-out;
}

.contact-us-page .panel-left .contact-details-list .detail-value:hover {
color: #7EC430;
}

.contact-us-page .panel-right {
background: #202023;
border-radius: 16px;
padding: 32px;
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14);
border: 1px solid rgba(189, 187, 209, 0.10);
}

.contact-us-page .panel-right .form-heading {
font-size: 23px;
line-height: 1.2;
font-weight: 700;
color: #E6E8DE;
margin-bottom: 8px;
}

.contact-us-page .panel-right .form-heading .word-accent {
color: #7EC430;
}

.contact-us-page .panel-right .form-subtext {
font-size: 15px;
line-height: 1.5;
color: #BDBBD1;
margin-bottom: 32px;
}

.contact-us-page .panel-right .contact-form {
display: flex;
flex-direction: column;
gap: 16px;
}

.contact-us-page .panel-right .field-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.contact-us-page .panel-right .field-group {
display: flex;
flex-direction: column;
gap: 8px;
}

.contact-us-page .panel-right .field-group .field-label {
font-size: 15px;
line-height: 1.5;
color: #BDBBD1;
font-weight: 500;
}

.contact-us-page .panel-right .field-group .field-input {
background: #18181A;
border: 1px solid rgba(189, 187, 209, 0.18);
border-radius: 9px;
padding: 16px;
font-size: 15px;
line-height: 1.5;
color: #E6E8DE;
outline: none;
transition: border-color 0.5s ease-in-out, box-shadow 0.45s ease-in-out;
box-shadow: inset 0 2px 4px 0 rgba(189, 187, 209, 0.04);
width: 100%;
box-sizing: border-box;
}

.contact-us-page .panel-right .field-group .field-input::placeholder {
color: rgba(189, 187, 209, 0.45);
}

.contact-us-page .panel-right .field-group .field-input:focus {
border-color: rgba(126, 196, 48, 0.55);
box-shadow: inset 0 2px 4px 0 rgba(189, 187, 209, 0.04), 0 0 0 3px rgba(126, 196, 48, 0.10);
}

.contact-us-page .panel-right .radio-group-wrapper {
display: flex;
flex-direction: column;
gap: 8px;
}

.contact-us-page .panel-right .radio-group-wrapper .radio-group-label {
font-size: 15px;
line-height: 1.5;
color: #BDBBD1;
font-weight: 500;
}

.contact-us-page .panel-right .radio-options {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
}

.contact-us-page .panel-right .radio-options .radio-option {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
cursor: pointer;
padding: 8px 16px;
border-radius: 9px;
border: 1px solid rgba(189, 187, 209, 0.18);
background: #18181A;
transition: border-color 0.5s ease-in-out, background 0.5s ease-in-out;
}

.contact-us-page .panel-right .radio-options .radio-option:hover {
border-color: rgba(126, 196, 48, 0.45);
background: rgba(126, 196, 48, 0.05);
}

.contact-us-page .panel-right .radio-options .radio-option input[type="radio"] {
accent-color: #7EC430;
width: 16px;
height: 16px;
cursor: pointer;
}

.contact-us-page .panel-right .radio-options .radio-option .radio-label-text {
font-size: 15px;
line-height: 1.5;
color: #E6E8DE;
cursor: pointer;
}

.contact-us-page .panel-right .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
border-radius: 9px;
background: rgba(189, 187, 209, 0.04);
border: 1px solid rgba(189, 187, 209, 0.10);
}

.contact-us-page .panel-right .privacy-row .privacy-checkbox {
accent-color: #7EC430;
width: 18px;
height: 18px;
flex-shrink: 0;
margin-top: 2px;
cursor: pointer;
}

.contact-us-page .panel-right .privacy-row .privacy-text {
font-size: 15px;
line-height: 1.7;
color: #BDBBD1;
}

.contact-us-page .panel-right .privacy-row .privacy-text .privacy-link {
color: #7EC430;
text-decoration: underline;
text-decoration-color: rgba(126, 196, 48, 0.4);
transition: text-decoration-color 0.45s ease-in-out;
}

.contact-us-page .panel-right .privacy-row .privacy-text .privacy-link:hover {
text-decoration-color: #7EC430;
}

.contact-us-page .panel-right .submit-button {
position: relative;
overflow: hidden;
background: #7EC430;
color: #18181A;
border: none;
border-radius: 9px;
padding: 16px 32px;
font-size: 15px;
line-height: 1.5;
font-weight: 700;
cursor: pointer;
text-transform: lowercase;
letter-spacing: 0.04em;
transition: color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
box-shadow: 0 4px 22px 1px rgba(126, 196, 48, 0.08);
width: 100%;
}

.contact-us-page .panel-right .submit-button::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: #5fa820;
transition: height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 0;
}

.contact-us-page .panel-right .submit-button:hover::before {
height: 100%;
}

.contact-us-page .panel-right .submit-button:hover {
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14);
}

.contact-us-page .panel-right .submit-button .button-label {
position: relative;
z-index: 1;
}

.contact-us-page .panel-right .submit-button:focus-visible {
outline: 2px solid #7EC430;
outline-offset: 3px;
}

.contact-us-page .dashed-connector {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 16px;
padding: 32px 32px;
max-width: 1100px;
margin: 0 auto;
}

.contact-us-page .dashed-connector .connector-icon {
width: 48px;
height: 48px;
border-radius: 16px;
background: rgba(126, 196, 48, 0.08);
border: 1px solid rgba(126, 196, 48, 0.22);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 1px 2px 1px rgba(126, 196, 48, 0.07);
}

.contact-us-page .dashed-connector .connector-icon svg {
width: 22px;
height: 22px;
stroke: #7EC430;
fill: none;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}

.contact-us-page .dashed-connector .connector-line {
flex: 1;
height: 1px;
background: repeating-linear-gradient(to right,
rgba(126, 196, 48, 0.35) 0px,
rgba(126, 196, 48, 0.35) 6px,
transparent 6px,
transparent 14px);
max-width: 180px;
}

.contact-us-page .blurred-backdrop-section {
position: relative;
overflow: hidden;
border-radius: 0;
animation: brightness-cycle 6s ease-in-out infinite;
}

@keyframes brightness-cycle {
0% {
filter: brightness(1);
}

50% {
filter: brightness(1.06);
}

100% {
filter: brightness(1);
}
}

.contact-us-page .blurred-backdrop-section .backdrop-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(14px) brightness(0.22) saturate(0.7);
transform: scale(1.08);
z-index: 0;
}

.contact-us-page .blurred-backdrop-section .backdrop-overlay {
position: absolute;
inset: 0;
background: linear-gradient(160deg,
rgba(24, 24, 26, 0.82) 0%,
rgba(126, 196, 48, 0.08) 55%,
rgba(189, 187, 209, 0.06) 100%);
z-index: 1;
}

.contact-us-page .blurred-backdrop-section .backdrop-content {
position: relative;
z-index: 2;
max-width: 1100px;
margin: 0 auto;
padding: 64px 32px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
align-items: start;
}

.contact-us-page .blurred-backdrop-section .metric-card {
background: rgba(24, 24, 26, 0.72);
border: 1px solid rgba(189, 187, 209, 0.13);
border-radius: 16px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 8px;
box-shadow: 0 4px 22px 1px rgba(126, 196, 48, 0.08);
transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.contact-us-page .blurred-backdrop-section .metric-card:hover {
transform: scale(1.03);
box-shadow: 0 9px 44px 1px rgba(126, 196, 48, 0.14);
}

.contact-us-page .blurred-backdrop-section .metric-card .metric-number {
font-size: 60px;
line-height: 1.2;
font-weight: 700;
color: #7EC430;
}

.contact-us-page .blurred-backdrop-section .metric-card .metric-label {
font-size: 15px;
line-height: 1.5;
color: #BDBBD1;
font-weight: 500;
}

.contact-us-page .blurred-backdrop-section .metric-card .metric-desc {
font-size: 15px;
line-height: 1.7;
color: rgba(230, 232, 222, 0.7);
}

.contact-us-page .gradient-divider-top {
height: 1px;
background: linear-gradient(90deg, transparent 0%, #7EC430 35%, #BDBBD1 65%, transparent 100%);
max-width: 1100px;
margin: 0 auto;
opacity: 0.35;
}

.contact-us-page .gradient-divider-bottom {
height: 1px;
background: linear-gradient(90deg, transparent 0%, #BDBBD1 35%, #E6E8DE 65%, transparent 100%);
max-width: 1100px;
margin: 0 auto;
opacity: 0.18;
}

@media (max-width: 900px) {
.contact-us-page .grid-mosaic {
grid-template-columns: 1fr;
padding: 32px 16px;
}

.contact-us-page .panel-left {
padding-right: 0;
margin-bottom: 32px;
}

.contact-us-page .blurred-backdrop-section .backdrop-content {
grid-template-columns: 1fr;
padding: 32px 16px;
gap: 16px;
}

.contact-us-page .dashed-connector {
padding: 16px;
}
}

@media (max-width: 600px) {
.contact-us-page .panel-right .field-row {
grid-template-columns: 1fr;
}

.contact-us-page .radio-options {
flex-direction: column;
}

.contact-us-page .panel-left .heading-primary {
font-size: 23px;
}
}

.success-page {
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 64px 32px;
background-color: #18191a;
}

.success-page .success-card {
max-width: 1100px;
width: 100%;
background: linear-gradient(158deg, #1e2118 0%, #1a1c1f 52%, #1c1e22 100%);
border: 1px solid rgba(126, 196, 48, 0.18);
border-radius: 16px;
padding: 64px;
box-shadow: 0 1px 2px 1px rgba(126, 196, 48, 0.07), 0 4px 22px 1px rgba(126, 196, 48, 0.08), 0 9px 44px 1px rgba(126, 196, 48, 0.14);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 32px;
}

.success-page .success-icon-wrapper {
width: 80px;
height: 80px;
border-radius: 24px;
background: linear-gradient(135deg, rgba(126, 196, 48, 0.15) 0%, rgba(189, 187, 209, 0.08) 100%);
border: 1px solid rgba(126, 196, 48, 0.32);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
box-shadow: 0 1px 2px 1px rgba(126, 196, 48, 0.07), 0 4px 22px 1px rgba(126, 196, 48, 0.08);
}

.success-page .success-icon-wrapper svg {
width: 38px;
height: 38px;
}

.success-page .success-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
max-width: 560px;
}

.success-page .success-label {
font-size: 15px;
line-height: 1.5;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #7EC430;
font-weight: 600;
}

.success-page .success-heading {
font-size: 31px;
line-height: 1.2;
font-weight: 700;
color: #E6E8DE;
margin: 0;
}

.success-page .success-heading span {
color: #7EC430;
}

.success-page .success-body {
font-size: 15px;
line-height: 1.7;
color: #BDBBD1;
margin: 0;
max-width: 480px;
}

.success-page .success-divider {
width: 64px;
height: 2px;
border-radius: 2px;
background: linear-gradient(90deg, #7EC430 0%, #BDBBD1 60%, rgba(230, 232, 222, 0.12) 100%);
}

.success-page .success-meta {
font-size: 15px;
line-height: 1.5;
color: rgba(189, 187, 209, 0.6);
}

.success-page .success-meta strong {
color: #BDBBD1;
font-weight: 500;
}

.success-page .success-actions {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
flex-wrap: wrap;
justify-content: center;
}

.success-page .action-button-primary {
position: relative;
overflow: hidden;
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 16px 32px;
border-radius: 9px;
border: none;
background: #7EC430;
color: #131410;
font-size: 15px;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
text-decoration: none;
transition: color 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s ease-in-out;
box-shadow: 0 1px 2px 1px rgba(126, 196, 48, 0.07), 0 4px 22px 1px rgba(126, 196, 48, 0.08);
}

.success-page .action-button-primary::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background: rgba(0, 0, 0, 0.18);
transition: height 0.48s cubic-bezier(0.25, 0.46, 0.45, 0.94);
border-radius: 9px;
}

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

.success-page .action-button-primary:hover {
box-shadow: 0 1px 2px 1px rgba(126, 196, 48, 0.07), 0 4px 22px 1px rgba(126, 196, 48, 0.14), 0 9px 44px 1px rgba(126, 196, 48, 0.14);
}

.success-page .action-button-primary:focus-visible {
outline: 2px solid #7EC430;
outline-offset: 3px;
}

.success-page .action-button-secondary {
position: relative;
overflow: hidden;
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 16px 32px;
border-radius: 9px;
border: 1px solid rgba(189, 187, 209, 0.28);
background: transparent;
color: #BDBBD1;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
cursor: pointer;
text-decoration: none;
transition: color 0.52s ease-in-out, border-color 0.52s ease-in-out;
}

.success-page .action-button-secondary::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background: rgba(189, 187, 209, 0.08);
transition: height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
border-radius: 9px;
}

.success-page .action-button-secondary:hover::before {
height: 100%;
}

.success-page .action-button-secondary:hover {
color: #E6E8DE;
border-color: rgba(189, 187, 209, 0.5);
}

.success-page .action-button-secondary:focus-visible {
outline: 2px solid #BDBBD1;
outline-offset: 3px;
}

.success-page .success-contact-hint {
font-size: 15px;
line-height: 1.5;
color: rgba(189, 187, 209, 0.5);
}

.success-page .success-contact-hint a {
color: #7EC430;
text-decoration: none;
border-bottom: 1px solid rgba(126, 196, 48, 0.3);
transition: border-color 0.45s ease-in-out, color 0.45s ease-in-out;
}

.success-page .success-contact-hint a:hover {
color: #E6E8DE;
border-color: rgba(230, 232, 222, 0.4);
}

@media (max-width: 640px) {
.success-page .success-card {
padding: 32px 16px;
gap: 32px;
}

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

.success-page .action-button-primary,
.success-page .action-button-secondary {
width: 100%;
justify-content: center;
}
}