* {
box-sizing: border-box
}

html {
font-size: 100%
}

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

.topbar {
background: linear-gradient(135deg, #FAAB0B 0%, #faab0be0 100%);
border-bottom: 1px solid #0a003014;
box-shadow: 0 5px 18px 0 #0a003017
}

.topbar__inner {
max-width: 1100px;
margin: 0 auto;
padding: 24px 24px 12px
}

.topbar__row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px
}

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

.brand__mark {
width: 68px;
height: 68px;
padding: 8px;
background: #fff;
border-radius: 20px;
box-shadow: 0 5px 18px 0 #0a003017 0 1px 6px 0 #0a00300f;
border: 2px solid #0a00300f
}

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

.brand__text {
display: flex;
flex-direction: column;
gap: 4px
}

.brand__name {
font-family: 'Nunito', sans-serif;
font-size: 23px;
font-weight: 700;
color: #0A0030;
line-height: 1.1;
margin: 0;
letter-spacing: .3px
}

.brand__tag {
font-family: 'Nunito', sans-serif;
font-size: 13px;
font-weight: 400;
color: #0a0030bf;
line-height: 1.35;
margin: 0
}

.topbar__credential {
font-family: 'Nunito', sans-serif;
font-size: 13px;
font-weight: 400;
color: #0a0030b3;
background: #ffffff80;
padding: 8px 12px;
border-radius: 6px;
border: 1px solid #0a00301f;
line-height: 1.35
}

.nav-mount {
border-top: 1px solid #0a00301a;
padding-top: 12px
}

.nav-primary {
display: flex;
flex-wrap: wrap;
gap: 8px 24px;
list-style: none;
margin: 0;
padding: 0
}

.nav-primary__item {
margin: 0
}

.nav-primary__link {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 700;
color: #0A0030;
text-decoration: none;
padding: 8px 12px;
display: inline-block;
border-radius: 6px;
background: #ffffff4d;
border: 1px solid transparent;
transition: background .22s ease-out, border-color .18s ease-out, transform .15s ease-out;
line-height: 1.35
}

.nav-primary__link:hover {
background: #fff;
border-color: #0a003026;
transform: scale(0.97)
}

.nav-primary__link:focus {
outline: 2px solid #0A0030;
outline-offset: 2px
}

.nav-primary__link.active {
background: #0A0030;
color: #fff;
border-color: #0A0030
}

@media (max-width: 768px) {
.topbar__inner {
padding: 24px 12px 12px
}

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

.brand__mark {
width: 60px;
height: 60px
}

.brand__name {
font-size: 18px
}

.brand__tag {
font-size: 13px
}

.topbar__credential {
font-size: 13px;
padding: 8px 12px
}

.nav-primary {
gap: 8px
}

.nav-primary__link {
font-size: 15px;
padding: 8px 12px
}
}

@media (max-width: 480px) {
.topbar__inner {
padding: 12px 12px 8px
}

.topbar__row {
margin-bottom: 12px
}

.brand {
gap: 8px
}

.brand__mark {
width: 52px;
height: 52px
}

.brand__name {
font-size: 18px
}

.brand__tag {
font-size: 13px
}

.topbar__credential {
font-size: 13px
}

.nav-mount {
padding-top: 8px
}

.nav-primary {
gap: 8px
}

.nav-primary__link {
font-size: 13px;
padding: 8px 12px
}
}

.baseplate {
background: linear-gradient(180deg, #0A0030 0%, #0a0030eb 100%);
border-top: 3px solid #FAAB0B;
padding: 72px 24px 36px;
position: relative
}

.baseplate::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #faab0b66 50%, transparent 100%)
}

.baseplate__inner {
max-width: 1100px;
margin: 0 auto
}

.baseplate__grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 72px;
margin-bottom: 72px
}

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

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

.footer-brand__mark {
width: 64px;
height: 64px;
padding: 8px;
background: #fffffff2;
border-radius: 20px;
box-shadow: 0 9px 44px 0 #faab0b1c 0 5px 18px 0 #faab0b17;
border: 2px solid #faab0b33
}

.footer-brand__mark img {
width: 100%;
height: 100%;
object-fit: contain;
display: block
}

.footer-brand__name {
font-family: 'Nunito', sans-serif;
font-size: 23px;
font-weight: 700;
color: #fff;
line-height: 1.1;
margin: 0
}

.footer-mission {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
color: #fffc;
line-height: 1.55;
margin: 0
}

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

.column-links__heading {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 700;
color: #FAAB0B;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0 0 12px;
line-height: 1.35
}

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

.links-vertical__item {
margin: 0
}

.links-vertical__anchor {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
color: #ffffffd9;
text-decoration: none;
display: inline-block;
transition: color .2s ease-out, transform .18s ease-out;
line-height: 1.55
}

.links-vertical__anchor:hover {
color: #FAAB0B;
transform: translateX(4px)
}

.links-vertical__anchor:focus {
outline: 2px solid #FAAB0B;
outline-offset: 2px;
border-radius: 6px
}

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

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

.reach-block__label {
font-family: 'Nunito', sans-serif;
font-size: 13px;
font-weight: 700;
color: #FAAB0B;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0;
line-height: 1.35
}

.reach-block__value {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
color: #ffffffd9;
line-height: 1.55;
margin: 0;
word-break: break-word
}

.reach-block__link {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
color: #ffffffd9;
text-decoration: none;
transition: color .2s ease-out;
line-height: 1.55
}

.reach-block__link:hover {
color: #FAAB0B;
text-decoration: underline
}

.reach-block__link:focus {
outline: 2px solid #FAAB0B;
outline-offset: 2px;
border-radius: 6px
}

.baseplate__divider {
height: 1px;
background: linear-gradient(90deg, transparent 0%, #e7e7e733 20%, #e7e7e733 80%, transparent 100%);
margin-bottom: 36px
}

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

.legal-notice {
font-family: 'Nunito', sans-serif;
font-size: 13px;
font-weight: 400;
color: #fff9;
line-height: 1.55;
margin: 0
}

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

.legal-links__item {
margin: 0
}

.legal-links__anchor {
font-family: 'Nunito', sans-serif;
font-size: 13px;
font-weight: 400;
color: #ffffffb3;
text-decoration: none;
transition: color .2s ease-out;
line-height: 1.55
}

.legal-links__anchor:hover {
color: #FAAB0B;
text-decoration: underline
}

.legal-links__anchor:focus {
outline: 2px solid #FAAB0B;
outline-offset: 2px;
border-radius: 6px
}

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

.column-brand {
grid-column: 1 / -1
}
}

@media (max-width: 768px) {
.baseplate {
padding: 36px 12px 24px
}

.baseplate__grid {
grid-template-columns: 1fr;
gap: 36px;
margin-bottom: 36px
}

.column-brand {
grid-column: auto
}

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

.legal-links {
gap: 12px;
flex-wrap: wrap
}
}

@media (max-width: 480px) {
.baseplate {
padding: 24px 12px
}

.baseplate__grid {
gap: 24px;
margin-bottom: 24px
}

.footer-brand {
gap: 8px
}

.footer-brand__mark {
width: 56px;
height: 56px
}

.footer-brand__name {
font-size: 18px
}

.footer-mission {
font-size: 15px
}

.column-links__heading {
font-size: 13px
}

.links-vertical__anchor {
font-size: 15px
}

.reach-block__label {
font-size: 13px
}

.reach-block__value {
font-size: 15px
}

.reach-block__link {
font-size: 15px
}

.legal-notice {
font-size: 13px
}

.legal-links__anchor {
font-size: 13px
}

.baseplate__divider {
margin-bottom: 24px
}
}

.consent-card {
position: fixed;
bottom: 24px;
left: 0;
right: 0;
margin: 0 auto;
width: calc(100% - 48px);
max-width: 580px;
background: #fff;
border-radius: 20px;
box-shadow: 0 9px 44px 0 #0a00301c 0 5px 18px 0 #0a003017;
border: 1px solid #0a00301a;
padding: 24px;
z-index: 2000;
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity .35s ease-out, transform .35s ease-out
}

.consent-card.visible {
opacity: 1;
transform: translateY(0)
}

.consent-card__symbol {
width: 40px;
height: 40px;
background: linear-gradient(135deg, #FAAB0B 0%, #faab0bd9 100%);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
box-shadow: 0 5px 18px 0 #faab0b17
}

.consent-card__symbol svg {
width: 24px;
height: 24px;
fill: #fff
}

.consent-card__message {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
color: #0A0030;
line-height: 1.55;
margin: 0 0 12px
}

.consent-card__policy-link {
color: #FAAB0B;
text-decoration: underline;
transition: color .2s ease-out
}

.consent-card__policy-link:hover {
color: #0A0030
}

.consent-card__policy-link:focus {
outline: 2px solid #FAAB0B;
outline-offset: 2px;
border-radius: 6px
}

.consent-card__controls {
display: flex;
gap: 12px;
margin-top: 24px
}

.consent-btn {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 700;
padding: 12px 24px;
border-radius: 6px;
border: none;
cursor: pointer;
transition: background .22s ease-out, transform .18s ease-out, box-shadow .2s ease-out;
line-height: 1.35
}

.consent-btn--accept {
background: #FAAB0B;
color: #0A0030;
flex: 1;
box-shadow: 0 5px 18px 0 #faab0b17
}

.consent-btn--accept:hover {
background: #0A0030;
color: #fff;
transform: scale(0.97);
box-shadow: 0 9px 44px 0 #0a00301c
}

.consent-btn--accept:focus {
outline: 2px solid #0A0030;
outline-offset: 2px
}

.consent-btn--decline {
background: #E7E7E7;
color: #0A0030;
flex: 1
}

.consent-btn--decline:hover {
background: #0a003026;
transform: scale(0.97)
}

.consent-btn--decline:focus {
outline: 2px solid #0A0030;
outline-offset: 2px
}

.consent-btn--settings {
background: transparent;
color: #0A0030;
border: 1px solid #0a003033;
padding: 12px 24px
}

.consent-btn--settings:hover {
background: #0a00300d;
border-color: #0A0030;
transform: scale(0.97)
}

.consent-btn--settings:focus {
outline: 2px solid #0A0030;
outline-offset: 2px
}

.privacy-panel {
display: none;
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #0a00301a
}

.privacy-panel.visible {
display: block
}

.privacy-panel__heading {
font-family: 'Nunito', sans-serif;
font-size: 18px;
font-weight: 700;
color: #0A0030;
margin: 0 0 12px;
line-height: 1.35
}

.privacy-panel__description {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
color: #0a0030cc;
line-height: 1.55;
margin: 0 0 24px
}

.privacy-option {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 12px;
padding: 12px;
background: #faab0b0d;
border-radius: 6px;
border: 1px solid #faab0b26
}

.privacy-option__checkbox {
margin-top: 4px;
width: 20px;
height: 20px;
cursor: pointer;
accent-color: #FAAB0B
}

.privacy-option__label {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 700;
color: #0A0030;
margin: 0 0 4px;
line-height: 1.35;
cursor: pointer
}

.privacy-option__detail {
font-family: 'Nunito', sans-serif;
font-size: 13px;
font-weight: 400;
color: #0a0030b3;
line-height: 1.55;
margin: 0
}

.privacy-panel__actions {
display: flex;
gap: 12px;
margin-top: 24px
}

.consent-btn--save {
background: #FAAB0B;
color: #0A0030;
flex: 1;
box-shadow: 0 5px 18px 0 #faab0b17
}

.consent-btn--save:hover {
background: #0A0030;
color: #fff;
transform: scale(0.97);
box-shadow: 0 9px 44px 0 #0a00301c
}

.consent-btn--save:focus {
outline: 2px solid #0A0030;
outline-offset: 2px
}

.consent-btn--back {
background: #E7E7E7;
color: #0A0030;
padding: 12px 24px
}

.consent-btn--back:hover {
background: #0a003026;
transform: scale(0.97)
}

.consent-btn--back:focus {
outline: 2px solid #0A0030;
outline-offset: 2px
}

@media (max-width: 768px) {
.consent-card {
bottom: 12px;
width: calc(100% - 24px);
padding: 24px
}

.consent-card__controls {
flex-direction: column;
gap: 12px
}

.consent-btn {
width: 100%
}

.privacy-panel__actions {
flex-direction: column;
gap: 12px
}
}

@media (max-width: 480px) {
.consent-card {
padding: 24px;
border-radius: 20px
}

.consent-card__symbol {
width: 36px;
height: 36px
}

.consent-card__symbol svg {
width: 20px;
height: 20px
}

.consent-card__message {
font-size: 15px
}

.consent-btn {
font-size: 15px;
padding: 12px 24px
}

.privacy-panel__heading {
font-size: 18px
}

.privacy-panel__description {
font-size: 15px
}

.privacy-option__label {
font-size: 15px
}

.privacy-option__detail {
font-size: 13px
}
}

.doc-section {
max-width: 1100px;
margin: 0 auto;
padding: 72px 24px;
background: #fff
}

.doc-section h1 {
font-size: 45px;
line-height: 1.1;
color: #0A0030;
margin: 0 0 36px
}

.doc-section h2 {
font-size: 32px;
line-height: 1.35;
color: #0A0030;
margin: 72px 0 24px
}

.doc-section h3 {
font-size: 23px;
line-height: 1.35;
color: #0A0030;
margin: 36px 0 24px
}

.doc-section h4 {
font-size: 18px;
line-height: 1.35;
color: #0A0030;
margin: 24px 0 12px
}

.doc-section h5 {
font-size: 15px;
line-height: 1.35;
color: #0A0030;
margin: 24px 0 12px;
font-weight: 600
}

.doc-section h6 {
font-size: 15px;
line-height: 1.35;
color: #0A0030;
margin: 24px 0 12px;
font-weight: 500
}

.doc-section p {
font-size: 15px;
line-height: 1.55;
color: #0A0030;
margin: 0 0 24px
}

.doc-section ul {
margin: 0 0 24px;
padding: 0 0 0 24px
}

.doc-section ol {
margin: 0 0 24px;
padding: 0 0 24px
}

.doc-section li {
font-size: 15px;
line-height: 1.55;
color: #0A0030;
margin: 0 0 12px
}

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

.doc-section table {
width: 100%;
border-collapse: collapse;
margin: 0 0 36px;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 1px 6px 0 #0a00300f
}

.doc-section thead {
background: #0A0030
}

.doc-section th {
font-size: 15px;
line-height: 1.35;
color: #fff;
padding: 12px 24px;
text-align: left;
font-weight: 600
}

.doc-section tbody tr {
border-bottom: 1px solid #E7E7E7;
transition: background .2s ease-out
}

.doc-section tbody tr:last-child {
border-bottom: none
}

.doc-section tbody tr:hover {
background: #faab0b0a
}

.doc-section td {
font-size: 15px;
line-height: 1.55;
color: #0A0030;
padding: 12px 24px
}

.doc-section hr {
border: none;
height: 1px;
background: #E7E7E7;
margin: 36px 0
}

.doc-section div {
margin: 0 0 24px
}

@media (max-width: 768px) {
.doc-section {
padding: 36px 12px
}

.doc-section h1 {
font-size: 32px;
margin-bottom: 24px
}

.doc-section h2 {
font-size: 23px;
margin-top: 36px
}

.doc-section h3 {
font-size: 18px;
margin-top: 24px
}

.doc-section table {
font-size: 13px
}

.doc-section th {
padding: 8px 12px;
font-size: 13px
}

.doc-section td {
padding: 8px 12px;
font-size: 13px
}
}

@media (max-width: 480px) {
.doc-section {
padding: 24px 12px
}

.doc-section h1 {
font-size: 23px
}

.doc-section h2 {
font-size: 18px
}

.doc-section table {
display: block;
overflow-x: auto
}
}

.speaking__detail {
background: #fff;
min-height: 100vh
}

.speaking__detail__breadcrumb {
max-width: 1100px;
margin: 0 auto;
padding: 24px 24px 12px;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap
}

.speaking__detail__breadcrumb__link {
font-size: 13px;
color: #0A0030;
text-decoration: none;
transition: color .18s ease-out;
opacity: .7
}

.speaking__detail__breadcrumb__link:hover {
color: #FAAB0B;
opacity: 1
}

.speaking__detail__breadcrumb__separator {
width: 4px;
height: 4px;
background: #E7E7E7;
border-radius: 50%
}

.speaking__detail__breadcrumb__current {
font-size: 13px;
color: #FAAB0B;
font-weight: 600
}

.speaking__detail__title__zone {
background: linear-gradient(163deg, #0A0030 0%, #FAAB0B 100%);
padding: 36px 24px;
position: relative;
margin-bottom: 72px
}

.speaking__detail__title__container {
max-width: 1100px;
margin: 0 auto;
position: relative
}

.speaking__detail__title__decorative {
position: absolute;
top: -12px;
right: 24px;
display: flex;
gap: 12px;
align-items: center
}

.speaking__detail__title__dot {
width: 8px;
height: 8px;
background: #faab0b66;
border-radius: 50%
}

.speaking__detail__title__dot--medium {
width: 12px;
height: 12px;
background: #faab0b99
}

.speaking__detail__title__dot--large {
width: 16px;
height: 16px;
background: #faab0bcc
}

.speaking__detail__title__meta {
display: flex;
gap: 24px;
flex-wrap: wrap;
margin-bottom: 24px
}

.speaking__detail__title__tag {
font-size: 13px;
color: #FAAB0B;
background: #faab0b26;
padding: 4px 12px;
border-radius: 6px;
font-weight: 600
}

.speaking__detail__title__stats {
display: flex;
gap: 24px;
align-items: center
}

.speaking__detail__title__stat {
font-size: 13px;
color: #fffc;
display: flex;
align-items: center;
gap: 8px
}

.speaking__detail__title__stat__icon {
width: 16px;
height: 16px;
fill: #fff9
}

.speaking__detail__title__heading {
font-size: 45px;
line-height: 1.1;
color: #fff;
margin: 0 0 12px;
max-width: 800px
}

.speaking__detail__title__subtitle {
font-size: 18px;
line-height: 1.35;
color: #ffffffd9;
max-width: 700px;
margin: 0
}

.speaking__detail__title__author {
margin-top: 24px;
font-size: 15px;
color: #ffffffe6;
display: flex;
align-items: center;
gap: 8px
}

.speaking__detail__content__wrapper {
max-width: 1100px;
margin: 0 auto;
padding: 0 24px 72px
}

.speaking__detail__content__grid {
display: grid;
grid-template-columns: 1fr 320px;
gap: 72px;
align-items: start
}

.speaking__detail__content__main {
min-width: 0
}

.speaking__detail__content__featured {
width: 100%;
height: auto;
border-radius: 20px;
margin-bottom: 36px;
box-shadow: 0 9px 44px 0 #0a00301c;
position: relative;
overflow: hidden
}

.speaking__detail__content__featured::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(163deg, #0a00300d 0%, #faab0b0d 100%);
pointer-events: none
}

.speaking__detail__content__article {
font-size: 15px;
line-height: 1.55;
color: #0A0030
}

.speaking__detail__content__article p {
margin: 0 0 24px
}

.speaking__detail__content__article h2 {
font-size: 32px;
line-height: 1.1;
color: #0A0030;
margin: 36px 0 24px;
position: relative;
padding-left: 24px
}

.speaking__detail__content__article h2::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: #FAAB0B;
border-radius: 6px
}

.speaking__detail__content__article h4 {
font-size: 18px;
line-height: 1.35;
color: #0A0030;
margin: 24px 0 12px;
font-weight: 600
}

.speaking__detail__content__article ul,
.speaking__detail__content__article ol {
margin: 0 0 24px;
padding-left: 24px
}

.speaking__detail__content__article li {
margin-bottom: 8px
}

.speaking__detail__content__article ins {
background: #faab0b26;
text-decoration: none;
padding: 2px 4px;
border-radius: 6px;
color: #0A0030
}

.speaking__detail__content__article blockquote {
margin: 36px 0;
padding: 24px;
background: #fff;
border-radius: 20px;
box-shadow: 0 5px 18px 0 #0a003017;
position: relative;
border-left: 4px solid #FAAB0B
}

.speaking__detail__content__article blockquote::before {
content: '';
position: absolute;
top: 12px;
right: 12px;
width: 36px;
height: 36px;
background: #faab0b1a;
border-radius: 50%
}

.speaking__detail__content__article cite {
display: block;
margin-top: 12px;
font-size: 13px;
color: #0a0030b3;
font-style: normal
}

.speaking__detail__content__article time {
font-size: 13px;
color: #0a003099
}

.speaking__detail__content__article table {
width: 100%;
border-collapse: collapse;
margin: 36px 0;
background: #fff;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 5px 18px 0 #0a003017
}

.speaking__detail__content__article thead {
background: linear-gradient(163deg, #0A0030 0%, #FAAB0B 100%)
}

.speaking__detail__content__article thead td {
color: #fff;
font-weight: 600;
padding: 12px 24px;
font-size: 15px
}

.speaking__detail__content__article tbody td {
padding: 12px 24px;
border-bottom: 1px solid #E7E7E7
}

.speaking__detail__content__article tbody tr:last-child td {
border-bottom: none
}

.speaking__detail__sidebar {
position: sticky;
top: 24px
}

.speaking__detail__reactions {
background: #fff;
border-radius: 20px;
padding: 24px;
box-shadow: 0 5px 18px 0 #0a003017;
margin-bottom: 36px
}

.speaking__detail__reactions__title {
font-size: 18px;
line-height: 1.35;
color: #0A0030;
margin: 0 0 24px;
font-weight: 600
}

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

.speaking__detail__reactions__input {
display: none
}

.speaking__detail__reactions__label {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 12px 8px;
background: #E7E7E7;
border-radius: 6px;
cursor: pointer;
transition: all .22s ease-out;
border: 2px solid transparent
}

.speaking__detail__reactions__label:hover {
transform: scale(0.97);
background: #faab0b1a
}

.speaking__detail__reactions__input:checked+.speaking__detail__reactions__label {
background: #FAAB0B;
border-color: #FAAB0B;
box-shadow: 0 5px 18px 0 #faab0b4d
}

.speaking__detail__reactions__emoji {
font-size: 32px;
line-height: 1
}

.speaking__detail__reactions__text {
font-size: 13px;
color: #0A0030;
font-weight: 600
}

.speaking__detail__reactions__input:checked+.speaking__detail__reactions__label .speaking__detail__reactions__text {
color: #fff
}

.speaking__detail__insights {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><defs><filter id="blur"><feGaussianBlur stdDeviation="40"/></filter></defs><rect fill="%23E7E7E7" width="400" height="300"/><circle cx="100" cy="100" r="80" fill="%23FAAB0B" opacity="0.3" filter="url(%23blur)"/><circle cx="300" cy="200" r="60" fill="%230A0030" opacity="0.2" filter="url(%23blur)"/></svg>') center/cover;
border-radius: 20px;
padding: 36px;
position: relative;
overflow: hidden
}

.speaking__detail__insights::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffffd9;
backdrop-filter: blur(12px)
}

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

.speaking__detail__insights__heading {
font-size: 23px;
line-height: 1.1;
color: #0A0030;
margin: 0 0 24px;
font-weight: 600
}

.speaking__detail__insights__chart {
width: 180px;
height: 180px;
margin: 0 auto 24px;
position: relative
}

.speaking__detail__insights__chart svg {
transform: rotate(-90deg)
}

.speaking__detail__insights__chart__bg {
fill: none;
stroke: #E7E7E7;
stroke-width: 16
}

.speaking__detail__insights__chart__fill {
fill: none;
stroke: #FAAB0B;
stroke-width: 16;
stroke-dasharray: 377;
stroke-dashoffset: 94.25;
stroke-linecap: round;
transition: stroke-dashoffset .45s ease-out
}

.speaking__detail__insights__chart__label {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center
}

.speaking__detail__insights__chart__value {
display: block;
font-size: 32px;
line-height: 1;
color: #0A0030;
font-weight: 600;
margin-bottom: 4px
}

.speaking__detail__insights__chart__caption {
display: block;
font-size: 13px;
color: #0a0030b3
}

.speaking__detail__insights__metrics {
display: grid;
gap: 12px
}

.speaking__detail__insights__metric {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px;
background: #fff9;
border-radius: 6px;
transition: all .19s ease-out
}

.speaking__detail__insights__metric:hover {
background: #ffffffe6;
transform: scale(0.97)
}

.speaking__detail__insights__metric__label {
font-size: 13px;
color: #0a0030cc
}

.speaking__detail__insights__metric__value {
font-size: 15px;
color: #0A0030;
font-weight: 600
}

.speaking__detail__interactive__zone {
background: #fff;
padding: 72px 24px;
position: relative;
overflow: hidden
}

.speaking__detail__interactive__zone::before {
content: '';
position: absolute;
width: 600px;
height: 600px;
background: radial-gradient(circle, #faab0b26 0%, transparent 70%);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: speaking__detail__spotlight 12s ease-in-out infinite;
pointer-events: none
}

@keyframes speaking__detail__spotlight {

0%,
100% {
transform: translate(-50%, -50%)
}

25% {
transform: translate(-30%, -60%)
}

50% {
transform: translate(-70%, -40%)
}

75% {
transform: translate(-40%, -70%)
}
}

.speaking__detail__interactive__container {
max-width: 1100px;
margin: 0 auto;
position: relative;
z-index: 1
}

.speaking__detail__interactive__header {
text-align: center;
margin-bottom: 72px
}

.speaking__detail__interactive__divider {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px
}

.speaking__detail__interactive__divider__line {
width: 72px;
height: 2px;
background: #FAAB0B
}

.speaking__detail__interactive__heading {
font-size: 45px;
line-height: 1.1;
color: #0A0030;
margin: 0 0 12px
}

.speaking__detail__interactive__description {
font-size: 18px;
line-height: 1.35;
color: #0a0030b3;
max-width: 600px;
margin: 0 auto
}

.speaking__detail__interactive__cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 36px
}

.speaking__detail__interactive__row--single {
grid-column: 1 / -1
}

.speaking__detail__interactive__card {
background: #fff;
border-radius: 20px;
padding: 36px;
box-shadow: 0 5px 18px 0 #0a003017;
position: relative;
overflow: hidden;
transition: all .28s ease-out
}

.speaking__detail__interactive__card::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 72px;
height: 72px;
background: #FAAB0B;
border-radius: 0 0 0 20px;
opacity: 0;
transition: opacity .24s ease-out
}

.speaking__detail__interactive__card:hover {
transform: translateY(-4px);
box-shadow: 0 9px 44px 0 #0a00301c
}

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

.speaking__detail__interactive__card__number {
font-size: 62px;
line-height: 1;
color: #FAAB0B;
font-weight: 600;
margin: 0 0 24px;
opacity: .3
}

.speaking__detail__interactive__card__title {
font-size: 23px;
line-height: 1.1;
color: #0A0030;
margin: 0 0 12px;
font-weight: 600
}

.speaking__detail__interactive__card__text {
font-size: 15px;
line-height: 1.55;
color: #0a0030cc;
margin: 0
}

.speaking__detail__overlay__section {
background: #E7E7E7;
padding: 72px 24px
}

.speaking__detail__overlay__container {
max-width: 1100px;
margin: 0 auto
}

.speaking__detail__overlay__heading {
font-size: 45px;
line-height: 1.1;
color: #0A0030;
margin: 0 0 36px;
text-align: center
}

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

.speaking__detail__overlay__item {
position: relative;
border-radius: 20px;
overflow: hidden;
height: 280px
}

.speaking__detail__overlay__item__input {
display: none
}

.speaking__detail__overlay__item__trigger {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0a0030d9;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background .31s ease-out;
z-index: 2
}

.speaking__detail__overlay__item__trigger:hover {
background: #0a0030bf
}

.speaking__detail__overlay__item__icon {
width: 48px;
height: 48px;
border: 2px solid #FAAB0B;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all .26s ease-out
}

.speaking__detail__overlay__item__trigger:hover .speaking__detail__overlay__item__icon {
transform: scale(0.97);
background: #FAAB0B
}

.speaking__detail__overlay__item__icon::before {
content: '';
width: 0;
height: 0;
border-left: 12px solid #FAAB0B;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
margin-left: 4px;
transition: border-left-color .26s ease-out
}

.speaking__detail__overlay__item__trigger:hover .speaking__detail__overlay__item__icon::before {
border-left-color: #fff
}

.speaking__detail__overlay__item__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
padding: 24px;
opacity: 0;
pointer-events: none;
transition: opacity .35s ease-out;
z-index: 1;
overflow-y: auto
}

.speaking__detail__overlay__item__input:checked~.speaking__detail__overlay__item__trigger {
opacity: 0;
pointer-events: none
}

.speaking__detail__overlay__item__input:checked~.speaking__detail__overlay__item__content {
opacity: 1;
pointer-events: auto
}

.speaking__detail__overlay__item__content__title {
font-size: 18px;
line-height: 1.35;
color: #0A0030;
margin: 0 0 12px;
font-weight: 600
}

.speaking__detail__overlay__item__content__text {
font-size: 15px;
line-height: 1.55;
color: #0a0030cc;
margin: 0
}

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

.speaking__detail__sidebar {
position: static;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px
}

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

.speaking__detail__interactive__row--single {
grid-column: 1
}

.speaking__detail__overlay__grid {
grid-template-columns: repeat(2, 1fr)
}
}

@media (max-width: 768px) {
.speaking__detail__title__heading {
font-size: 32px
}

.speaking__detail__title__subtitle {
font-size: 15px
}

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

.speaking__detail__interactive__heading {
font-size: 32px
}

.speaking__detail__interactive__description {
font-size: 15px
}

.speaking__detail__overlay__heading {
font-size: 32px
}

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

.speaking__detail__content__article h2 {
font-size: 23px
}
}

@media (max-width: 480px) {
.speaking__detail__title__zone {
padding: 24px 12px
}

.speaking__detail__title__heading {
font-size: 23px
}

.speaking__detail__content__wrapper {
padding: 0 12px 36px
}

.speaking__detail__interactive__zone {
padding: 36px 12px
}

.speaking__detail__overlay__section {
padding: 36px 12px
}

.speaking__detail__reactions__grid {
grid-template-columns: repeat(3, 1fr);
gap: 8px
}

.speaking__detail__insights {
padding: 24px
}
}

.learning-program {
background: #fff;
color: #0A0030;
overflow-x: clip
}

.learning-program__opening {
max-width: 1100px;
margin: 0 auto;
padding: 36px 24px 72px;
display: grid;
grid-template-columns: 60fr 40fr;
gap: 36px;
align-items: center;
border-bottom: 1px solid #E7E7E7;
position: relative
}

.learning-program__opening::after {
content: '';
position: absolute;
bottom: 0;
left: 24px;
width: 120px;
height: 1px;
background: #FAAB0B
}

.learning-program__text-area {
padding: 24px 0
}

.learning-program__main-title {
font-size: 45px;
line-height: 1.1;
margin: 0 0 12px;
color: #0A0030
}

.learning-program__tagline {
font-size: 18px;
line-height: 1.55;
margin: 0 0 24px;
color: #0A0030;
opacity: .8
}

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

.learning-program__primary-link {
display: inline-block;
padding: 12px 36px;
background: linear-gradient(163deg, #0A0030, #FAAB0B);
color: #fff;
text-decoration: none;
border-radius: 6px;
font-size: 15px;
transition: transform .22s ease-out, box-shadow .22s ease-out;
box-shadow: 0 5px 18px 0 #0a003017
}

.learning-program__primary-link:hover {
transform: scale(0.97);
box-shadow: 0 9px 44px 0 #0a00301c
}

.learning-program__secondary-link {
display: inline-block;
padding: 12px 24px;
background: transparent;
color: #0A0030;
text-decoration: none;
border: 1px solid #E7E7E7;
border-radius: 6px;
font-size: 15px;
transition: transform .18s ease-out, border-color .18s ease-out
}

.learning-program__secondary-link:hover {
transform: scale(0.97);
border-color: #FAAB0B
}

.learning-program__visual-container {
position: relative;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 5px 18px 0 #0a003017;
border: 8px solid #E7E7E7
}

.learning-program__visual-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 40%;
background: linear-gradient(180deg, #0a003066, transparent);
z-index: 1;
pointer-events: none
}

.learning-program__hero-image {
width: 100%;
height: 380px;
object-fit: cover;
display: block
}

@media (max-width: 768px) {
.learning-program__opening {
grid-template-columns: 1fr;
padding: 24px 12px 36px;
gap: 24px
}

.learning-program__main-title {
font-size: 32px
}

.learning-program__tagline {
font-size: 15px
}

.learning-program__hero-image {
height: 280px
}
}

.learning-program__features {
background: #FAAB0B;
padding: 72px 24px;
position: relative;
overflow: hidden
}

.learning-program__features::before {
content: '';
position: absolute;
top: -20px;
left: 0;
right: 0;
height: 40px;
background-image: radial-gradient(circle at 20px 20px, #fff 20px, transparent 20px);
background-size: 40px 40px;
background-position: 0 0
}

.learning-program__features-wrapper {
max-width: 1100px;
margin: 0 auto
}

.learning-program__features-heading {
font-size: 32px;
line-height: 1.1;
margin: 0 0 36px;
color: #0A0030;
text-align: center
}

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

.learning-program__feature-card {
background: #fff;
padding: 24px;
border-radius: 6px;
box-shadow: 0 1px 6px 0 #0a00300f;
transition: transform .35s ease-out, box-shadow .35s ease-out;
position: relative
}

.learning-program__feature-card:hover {
transform: scale(0.97);
box-shadow: 0 9px 44px 0 #0a00301c
}

.learning-program__feature-icon {
width: 48px;
height: 48px;
background: linear-gradient(163deg, #0A0030, #FAAB0B);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 12px
}

.learning-program__feature-icon svg {
width: 24px;
height: 24px;
fill: #fff
}

.learning-program__feature-title {
font-size: 18px;
line-height: 1.35;
margin: 0 0 8px;
color: #0A0030
}

.learning-program__feature-text {
font-size: 15px;
line-height: 1.55;
margin: 0;
color: #0A0030;
opacity: .8
}

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

@media (max-width: 768px) {
.learning-program__features {
padding: 36px 12px
}

.learning-program__features-heading {
font-size: 23px;
margin: 0 0 24px
}

.learning-program__grid {
grid-template-columns: 1fr;
gap: 12px
}
}

.learning-program__process {
max-width: 1100px;
margin: 0 auto;
padding: 72px 24px;
background: #fff
}

.learning-program__process-title {
font-size: 32px;
line-height: 1.1;
margin: 0 0 36px;
color: #0A0030
}

.learning-program__timeline {
display: flex;
gap: 12px;
align-items: center;
flex-wrap: wrap
}

.learning-program__step {
flex: 1;
min-width: 180px;
background: #fff;
border: 1px solid #E7E7E7;
border-radius: 6px;
padding: 24px;
position: relative;
transition: border-color .27s ease-out, transform .27s ease-out
}

.learning-program__step:hover {
border-color: #FAAB0B;
transform: scale(0.97)
}

.learning-program__step-number {
position: absolute;
top: -12px;
left: 24px;
width: 32px;
height: 32px;
background: #FAAB0B;
color: #0A0030;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 700;
box-shadow: 0 1px 6px 0 #faab0b0f
}

.learning-program__step-label {
font-size: 18px;
line-height: 1.35;
margin: 12px 0 8px;
color: #0A0030
}

.learning-program__step-description {
font-size: 13px;
line-height: 1.55;
margin: 0;
color: #0A0030;
opacity: .7
}

.learning-program__arrow {
flex-shrink: 0;
width: 24px;
height: 24px
}

.learning-program__arrow svg {
width: 100%;
height: 100%;
fill: #FAAB0B
}

@media (max-width: 768px) {
.learning-program__process {
padding: 36px 12px
}

.learning-program__process-title {
font-size: 23px;
margin: 0 0 24px
}

.learning-program__timeline {
flex-direction: column;
gap: 24px
}

.learning-program__step {
min-width: 100%
}

.learning-program__arrow {
transform: rotate(90deg)
}
}

.learning-program__testimonials {
background: #E7E7E7;
padding: 72px 24px;
position: relative
}

.learning-program__testimonials-container {
max-width: 1100px;
margin: 0 auto
}

.learning-program__testimonials-header {
font-size: 32px;
line-height: 1.1;
margin: 0 0 36px;
color: #0A0030;
text-align: center
}

.learning-program__reviews-layout {
display: grid;
grid-template-columns: 1fr;
gap: 24px
}

.learning-program__review-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px
}

.learning-program__review-row--single {
grid-template-columns: 1fr
}

.learning-program__review {
background: #fff;
padding: 24px;
border-radius: 6px;
box-shadow: 0 1px 6px 0 #0a00300f;
position: relative;
transition: transform .31s ease-out;
animation: learning-program__pulse 4s ease-in-out infinite
}

@keyframes learning-program__pulse {

0%,
100% {
transform: scale(1)
}

50% {
transform: scale(1.02)
}
}

.learning-program__review:hover {
animation: none;
transform: scale(0.97)
}

.learning-program__review-header {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 12px
}

.learning-program__reviewer-avatar {
width: 48px;
height: 48px;
background: linear-gradient(163deg, #0A0030, #FAAB0B);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 18px;
font-weight: 700
}

.learning-program__reviewer-info {
flex: 1
}

.learning-program__reviewer-name {
font-size: 15px;
line-height: 1.35;
margin: 0 0 4px;
color: #0A0030;
font-weight: 700
}

.learning-program__reviewer-role {
font-size: 13px;
line-height: 1.35;
margin: 0;
color: #0A0030;
opacity: .6
}

.learning-program__review-content {
font-size: 15px;
line-height: 1.55;
margin: 0 0 12px;
color: #0A0030
}

.learning-program__review-rating {
display: flex;
gap: 4px
}

.learning-program__star {
width: 16px;
height: 16px;
fill: #FAAB0B
}

.learning-program__quote-highlight {
font-size: 23px;
line-height: 1.35;
color: #FAAB0B;
margin: 0 0 12px;
font-style: italic;
position: relative;
padding: 0 0 0 24px
}

.learning-program__quote-highlight::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: #FAAB0B;
border-radius: 6px
}

.learning-program__corner-decoration {
position: absolute;
top: 24px;
right: 24px;
width: 60px;
height: 60px;
pointer-events: none
}

.learning-program__decoration-line {
position: absolute;
background: #FAAB0B;
opacity: .2
}

.learning-program__decoration-line:nth-child(1) {
top: 0;
right: 0;
width: 1px;
height: 60px
}

.learning-program__decoration-line:nth-child(2) {
top: 12px;
right: 8px;
width: 1px;
height: 48px
}

.learning-program__decoration-line:nth-child(3) {
top: 24px;
right: 16px;
width: 1px;
height: 36px
}

@media (max-width: 768px) {
.learning-program__testimonials {
padding: 36px 12px
}

.learning-program__testimonials-header {
font-size: 23px;
margin: 0 0 24px
}

.learning-program__review-row {
grid-template-columns: 1fr
}
}

.learning-program__interactive-words {
display: inline
}

.learning-program__word {
display: inline;
position: relative;
transition: background-color .19s ease-out, color .19s ease-out;
padding: 0 2px;
border-radius: 0
}

.learning-program__word:hover {
background-color: #FAAB0B;
color: #0A0030
}

.about-us {
background: #fff;
color: #0A0030;
overflow-x: clip
}

.about-us__intro {
max-width: 1100px;
margin: 0 auto;
padding: 72px 24px;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 36px;
align-items: center
}

.about-us__intro::before {
content: '';
position: absolute;
top: 12%;
right: -8%;
width: 420px;
height: 420px;
border-radius: 50%;
background: linear-gradient(163deg, #0A0030 0%, #FAAB0B 100%);
opacity: .04;
pointer-events: none;
z-index: 0
}

.about-us__intro::after {
content: '';
position: absolute;
bottom: 18%;
left: -6%;
width: 340px;
height: 340px;
border-radius: 50%;
background: #E7E7E7;
opacity: .05;
pointer-events: none;
z-index: 0
}

.about-us__image-container {
position: relative;
z-index: 1
}

.about-us__image-clip {
width: 100%;
height: 520px;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
overflow: hidden;
border-radius: 20px;
position: relative
}

.about-us__image-clip::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60%;
background: linear-gradient(180deg, #0a003000 0%, #0a0030b8 100%);
z-index: 2;
pointer-events: none
}

.about-us__main-image {
width: 100%;
height: 100%;
object-fit: cover
}

.about-us__text-zone {
position: relative;
z-index: 1
}

.about-us__heading {
font-size: 45px;
line-height: 1.1;
margin: 0 0 24px;
color: #0A0030
}

.about-us__quote {
font-size: 18px;
line-height: 1.55;
color: #0A0030;
opacity: .82;
margin: 0;
padding-left: 24px;
border-left: 4px solid #FAAB0B
}

.about-us__story {
background: linear-gradient(163deg, #0A0030 0%, #FAAB0B 100%);
padding: 72px 24px;
position: relative;
overflow: hidden
}

.about-us__story::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(./web_images/attachment-3.jpg);
background-size: cover;
background-position: center;
opacity: .09;
pointer-events: none;
z-index: 0
}

.about-us__story-inner {
max-width: 1100px;
margin: 0 auto;
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 72px;
align-items: start
}

.about-us__year-display {
font-size: 62px;
line-height: 1.1;
color: #fff;
font-weight: 700;
margin: 0;
position: relative;
animation: border-trace-year 2.8s ease-out forwards
}

@keyframes border-trace-year {
0% {
outline: 3px solid transparent;
outline-offset: 0
}

40% {
outline: 3px solid #faab0bd9;
outline-offset: 8px
}

100% {
outline: 3px solid #faab0b00;
outline-offset: 24px
}
}

.about-us__story-content {
color: #fff
}

.about-us__story-title {
font-size: 32px;
line-height: 1.35;
margin: 0 0 24px;
color: #fff
}

.about-us__story-text {
font-size: 15px;
line-height: 1.55;
margin: 0 0 12px
}

.about-us__story-text:last-child {
margin-bottom: 0
}

.about-us__values {
max-width: 1100px;
margin: 0 auto;
padding: 72px 24px;
position: relative
}

.about-us__values-header {
text-align: center;
margin-bottom: 36px
}

.about-us__values-title {
font-size: 32px;
line-height: 1.35;
margin: 0 0 12px;
color: #0A0030
}

.about-us__values-subtitle {
font-size: 15px;
line-height: 1.55;
margin: 0;
color: #0A0030;
opacity: .74
}

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

.about-us__value-card {
background: #fff;
border: 1px solid #E7E7E7;
border-radius: 20px;
padding: 36px 24px;
position: relative;
transition: transform .28s ease-out, box-shadow .32s ease-out;
overflow: hidden
}

.about-us__value-card:hover {
transform: scale(0.97);
box-shadow: 0 9px 44px 0 #0a00301c
}

.about-us__value-card::before {
content: '';
position: absolute;
top: -50%;
right: -50%;
width: 100%;
height: 100%;
background: linear-gradient(163deg, #0a003008 0%, #faab0b0f 100%);
border-radius: 50%;
pointer-events: none;
animation: pattern-shift 18s linear infinite
}

@keyframes pattern-shift {
0% {
transform: translate(0, 0)
}

50% {
transform: translate(24px, -24px)
}

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

.about-us__value-icon {
width: 48px;
height: 48px;
margin-bottom: 24px;
position: relative;
z-index: 1
}

.about-us__value-icon svg {
width: 100%;
height: 100%;
fill: #FAAB0B
}

.about-us__value-name {
font-size: 18px;
line-height: 1.35;
margin: 0 0 12px;
color: #0A0030;
position: relative;
z-index: 1
}

.about-us__value-description {
font-size: 13px;
line-height: 1.55;
margin: 0;
color: #0A0030;
opacity: .78;
position: relative;
z-index: 1
}

.about-us__approach {
background: #E7E7E7;
padding: 72px 24px;
position: relative
}

.about-us__approach-inner {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 36px;
align-items: start
}

.about-us__sidebar {
position: sticky;
top: 24px
}

.about-us__sidebar-title {
font-size: 23px;
line-height: 1.35;
margin: 0 0 24px;
color: #0A0030
}

.about-us__sidebar-image {
width: 100%;
height: 280px;
object-fit: cover;
border-radius: 6px;
margin-bottom: 24px;
box-shadow: 0 5px 18px 0 #0a003017
}

.about-us__sidebar-text {
font-size: 13px;
line-height: 1.55;
margin: 0;
color: #0A0030;
opacity: .76
}

.about-us__approach-content {
display: grid;
gap: 24px
}

.about-us__principle-block {
background: #fff;
border-radius: 6px;
padding: 24px;
border: 1px solid #0a003014;
transition: transform .22s ease-out, box-shadow .38s ease-out;
position: relative
}

.about-us__principle-block:hover {
transform: scale(0.97);
box-shadow: 0 5px 18px 0 #faab0b17
}

.about-us__principle-block--featured {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 36px;
align-items: center;
padding: 36px;
background: linear-gradient(163deg, #fff 0%, #fefbf5 100%) !important;
animation: border-trace-featured 3.2s ease-out forwards
}

@keyframes border-trace-featured {
0% {
outline: 2px solid transparent;
outline-offset: 0
}

45% {
outline: 2px solid #faab0bad;
outline-offset: 6px
}

100% {
outline: 2px solid #faab0b00;
outline-offset: 20px
}
}

.about-us__principle-number {
font-size: 13px;
line-height: 1.1;
color: #FAAB0B;
margin: 0 0 8px;
font-weight: 700;
letter-spacing: .05em
}

.about-us__principle-heading {
font-size: 18px;
line-height: 1.35;
margin: 0 0 12px;
color: #0A0030
}

.about-us__principle-text {
font-size: 13px;
line-height: 1.55;
margin: 0;
color: #0A0030;
opacity: .8
}

.about-us__principle-visual {
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 6px;
box-shadow: 0 1px 6px 0 #0a00300f
}

.about-us__divider {
text-align: center;
padding: 36px 0;
position: relative
}

.about-us__divider-line {
display: inline-block;
position: relative;
width: 120px;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #FAAB0B 50%, transparent 100%)
}

.about-us__divider-line::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
background: #FAAB0B;
border-radius: 50%
}

.about-us__divider-line::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 12px;
height: 12px;
border: 2px solid #FAAB0B;
background: transparent
}

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

.about-us__image-clip {
height: 380px
}

.about-us__heading {
font-size: 32px
}

.about-us__story-inner {
grid-template-columns: 1fr;
gap: 36px
}

.about-us__year-display {
font-size: 45px
}

.about-us__story-title {
font-size: 23px
}

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

.about-us__approach-inner {
grid-template-columns: 1fr;
gap: 36px
}

.about-us__sidebar {
position: static
}

.about-us__principle-block--featured {
grid-template-columns: 1fr;
padding: 24px
}
}

@media (max-width: 768px) {
.about-us__intro {
padding: 24px 12px
}

.about-us__heading {
font-size: 23px
}

.about-us__quote {
font-size: 15px;
padding-left: 12px
}

.about-us__story {
padding: 36px 12px
}

.about-us__year-display {
font-size: 32px
}

.about-us__story-title {
font-size: 18px
}

.about-us__values {
padding: 36px 12px
}

.about-us__values-title {
font-size: 23px
}

.about-us__approach {
padding: 36px 12px
}

.about-us__sidebar-title {
font-size: 18px
}

.about-us__principle-heading {
font-size: 15px
}
}

@media (max-width: 480px) {
.about-us__intro {
padding: 24px 8px
}

.about-us__image-clip {
height: 280px
}

.about-us__heading {
font-size: 18px;
margin-bottom: 12px
}

.about-us__quote {
font-size: 13px
}

.about-us__story {
padding: 24px 8px
}

.about-us__story-inner {
gap: 24px
}

.about-us__year-display {
font-size: 23px
}

.about-us__story-title {
font-size: 15px;
margin-bottom: 12px
}

.about-us__story-text {
font-size: 13px
}

.about-us__values {
padding: 24px 8px
}

.about-us__values-title {
font-size: 18px
}

.about-us__values-subtitle {
font-size: 13px
}

.about-us__value-card {
padding: 24px 12px
}

.about-us__approach {
padding: 24px 8px
}

.about-us__approach-inner {
gap: 24px
}

.about-us__sidebar-title {
font-size: 15px;
margin-bottom: 12px
}

.about-us__sidebar-image {
height: 200px;
margin-bottom: 12px
}

.about-us__principle-block {
padding: 12px
}

.about-us__principle-block--featured {
padding: 12px;
gap: 24px
}

.about-us__principle-heading {
font-size: 13px
}

.about-us__principle-visual {
height: 160px
}
}

.contact-us {
background: #fff;
position: relative
}

.contact-us__intro {
background: linear-gradient(163deg, #0A0030 0%, #FAAB0B 100%);
padding: 72px 24px 36px;
position: relative;
overflow: hidden
}

.contact-us__intro::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: repeating-linear-gradient(0deg, #ffffff08 0px, transparent 1px, transparent 2px, #ffffff08 3px), repeating-linear-gradient(90deg, #ffffff08 0px, transparent 1px, transparent 2px, #ffffff08 3px);
opacity: .4;
pointer-events: none
}

.contact-us__intro-container {
max-width: 1100px;
margin: 0 auto;
position: relative;
z-index: 1
}

.contact-us__intro-layout {
display: flex;
flex-direction: column;
gap: 36px
}

.contact-us__intro-text {
flex: 1
}

.contact-us__intro-heading {
font-size: 45px;
line-height: 1.1;
color: #fff;
margin: 0 0 24px;
text-shadow: 0 2px 12px #0a003033
}

.contact-us__intro-description {
font-size: 18px;
line-height: 1.55;
color: #fff;
margin: 0 0 12px;
opacity: .95
}

.contact-us__intro-image-wrapper {
position: relative;
width: 100%;
max-width: 480px;
margin: 0 auto
}

.contact-us__intro-image-frame {
position: relative;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 9px 44px 0 #0a00301c
}

.contact-us__intro-image-frame::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 0% 0%, #0a003099 0%, transparent 60%), radial-gradient(circle at 100% 0%, #0a003099 0%, transparent 60%), radial-gradient(circle at 100% 100%, #0a003099 0%, transparent 60%), radial-gradient(circle at 0% 100%, #0a003099 0%, transparent 60%);
pointer-events: none;
z-index: 1
}

.contact-us__intro-image {
width: 100%;
height: 340px;
object-fit: cover;
display: block
}

.contact-us__divider-one {
width: 100%;
height: 48px;
background: #fff;
position: relative;
overflow: hidden
}

.contact-us__divider-one svg {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 120px;
height: 48px
}

.contact-us__form-section {
padding: 72px 24px;
background: linear-gradient(180deg, #fff 0%, #fafafa 100%);
position: relative
}

.contact-us__form-container {
max-width: 1100px;
margin: 0 auto
}

.contact-us__form-grid {
display: grid;
grid-template-columns: 1fr;
gap: 8px
}

.contact-us__form-column {
background: #fff;
border-radius: 20px;
padding: 36px 24px;
box-shadow: 0 5px 18px 0 #faab0b17;
border: 2px solid transparent;
transition: border-color .35s ease-out, box-shadow .35s ease-out
}

.contact-us__form-column:hover {
border-color: #faab0b4d;
box-shadow: 0 9px 44px 0 #faab0b1c
}

.contact-us__form-heading {
font-size: 32px;
line-height: 1.1;
color: #0A0030;
margin: 0 0 24px;
position: relative;
display: inline-block
}

.contact-us__form-heading::after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
width: 0;
height: 3px;
background: #FAAB0B;
transition: width .45s ease-out
}

.contact-us__form-column:hover .contact-us__form-heading::after {
width: 100%
}

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

.contact-us__form-row {
display: grid;
grid-template-columns: 1fr;
gap: 24px
}

.contact-us__form-field {
display: flex;
flex-direction: column;
gap: 8px
}

.contact-us__form-label {
font-size: 15px;
line-height: 1.35;
color: #0A0030;
font-weight: 600
}

.contact-us__form-label--required::after {
content: '*';
color: #FAAB0B;
margin-left: 4px
}

.contact-us__form-input {
padding: 12px 24px;
border: 2px solid #E7E7E7;
border-radius: 6px;
font-size: 15px;
line-height: 1.35;
color: #0A0030;
background: #fff;
transition: border-color .25s ease-out, box-shadow .25s ease-out;
box-shadow: inset 0 1px 3px #0a00300d
}

.contact-us__form-input:focus {
outline: none;
border-color: #FAAB0B;
box-shadow: inset 0 1px 3px #0a00300d 0 0 0 3px #faab0b1a
}

.contact-us__form-input::placeholder {
color: #0a003066
}

.contact-us__rating-group {
display: flex;
flex-direction: column;
gap: 12px
}

.contact-us__rating-label {
font-size: 15px;
line-height: 1.35;
color: #0A0030;
font-weight: 600
}

.contact-us__rating-options {
display: flex;
gap: 12px;
flex-wrap: wrap
}

.contact-us__rating-option {
position: relative
}

.contact-us__rating-radio {
position: absolute;
opacity: 0;
pointer-events: none
}

.contact-us__rating-button {
padding: 8px 24px;
border: 2px solid #E7E7E7;
border-radius: 6px;
font-size: 15px;
line-height: 1.35;
color: #0A0030;
background: #fff;
cursor: pointer;
transition: background-color .2s ease-out, border-color .2s ease-out, transform .2s ease-out;
display: block
}

.contact-us__rating-button:hover {
border-color: #FAAB0B;
transform: scale(0.97)
}

.contact-us__rating-radio:checked+.contact-us__rating-button {
background: #FAAB0B;
border-color: #FAAB0B;
color: #fff
}

.contact-us__privacy-wrapper {
display: flex;
align-items: flex-start;
gap: 12px
}

.contact-us__privacy-checkbox {
width: 20px;
height: 20px;
border: 2px solid #E7E7E7;
border-radius: 6px;
cursor: pointer;
flex-shrink: 0;
margin-top: 2px;
transition: border-color .2s ease-out, background-color .2s ease-out
}

.contact-us__privacy-checkbox:checked {
background: #FAAB0B;
border-color: #FAAB0B
}

.contact-us__privacy-text {
font-size: 13px;
line-height: 1.55;
color: #0A0030
}

.contact-us__privacy-link {
color: #FAAB0B;
text-decoration: underline;
transition: color .15s ease-out
}

.contact-us__privacy-link:hover {
color: #0A0030
}

.contact-us__submit-button {
padding: 12px 36px;
background: #FAAB0B;
color: #fff;
border: none;
border-radius: 6px;
font-size: 18px;
line-height: 1.35;
font-weight: 600;
cursor: pointer;
transition: background-color .2s ease-out, transform .2s ease-out, box-shadow .2s ease-out;
box-shadow: 0 5px 18px 0 #faab0b17;
align-self: flex-start
}

.contact-us__submit-button:hover {
background: #e09a0a;
transform: scale(0.97);
box-shadow: 0 9px 44px 0 #faab0b1c
}

.contact-us__submit-button:active {
transform: scale(0.95)
}

.contact-us__info-column {
background: #0A0030;
border-radius: 20px;
padding: 36px 24px;
box-shadow: 0 5px 18px 0 #0a003017;
position: relative;
overflow: hidden
}

.contact-us__info-column::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 200px;
height: 200px;
background: radial-gradient(circle, #faab0b1a 0%, transparent 70%);
pointer-events: none
}

.contact-us__info-heading {
font-size: 23px;
line-height: 1.1;
color: #FAAB0B;
margin: 0 0 24px;
-webkit-text-stroke: 1px #FAAB0B;
color: transparent
}

.contact-us__info-list {
display: flex;
flex-direction: column;
gap: 24px
}

.contact-us__info-item {
display: flex;
flex-direction: column;
gap: 8px
}

.contact-us__info-label {
font-size: 13px;
line-height: 1.35;
color: #FAAB0B;
text-transform: uppercase;
letter-spacing: .5px;
font-weight: 600
}

.contact-us__info-value {
font-size: 18px;
line-height: 1.55;
color: #fff
}

.contact-us__info-link {
color: #fff;
text-decoration: none;
transition: color .2s ease-out;
display: inline-block;
position: relative
}

.contact-us__info-link::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
background: #FAAB0B;
transition: width .35s ease-out
}

.contact-us__info-link:hover {
color: #FAAB0B
}

.contact-us__info-link:hover::after {
width: 100%
}

.contact-us__divider-two {
width: 100%;
height: 2px;
background: #E7E7E7;
margin: 0
}

.contact-us__details-section {
padding: 72px 24px;
background: #fff;
position: relative
}

.contact-us__details-container {
max-width: 1100px;
margin: 0 auto
}

.contact-us__details-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px
}

.contact-us__details-card {
background: linear-gradient(180deg, #fafafa 0%, #fff 100%);
border-radius: 6px;
padding: 36px 24px;
border: 3px double #E7E7E7;
position: relative;
transition: border-color .3s ease-out
}

.contact-us__details-card::before {
content: '';
position: absolute;
top: -3px;
left: -3px;
right: -3px;
bottom: -3px;
border: 3px solid transparent;
border-radius: 6px;
pointer-events: none;
transition: border-color .3s ease-out
}

.contact-us__details-card:hover::before {
border-color: #faab0b4d
}

.contact-us__details-heading {
font-size: 23px;
line-height: 1.1;
color: #0A0030;
margin: 0 0 24px
}

.contact-us__details-text {
font-size: 15px;
line-height: 1.55;
color: #0A0030;
margin: 0 0 12px
}

.contact-us__details-highlight {
font-size: 18px;
line-height: 1.55;
color: #FAAB0B;
margin: 0;
font-weight: 600
}

.contact-us__metric-card {
background: #0A0030;
border-radius: 6px;
padding: 24px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 12px;
position: relative;
overflow: hidden
}

.contact-us__metric-card::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 300px;
height: 300px;
background: radial-gradient(circle, #faab0b26 0%, transparent 70%);
transform: translate(-50%, -50%) scale(0.8);
pointer-events: none;
transition: transform .4s ease-out
}

.contact-us__metric-card:hover::before {
transform: translate(-50%, -50%) scale(1.1)
}

.contact-us__metric-number {
font-size: 62px;
line-height: 1.1;
color: #FAAB0B;
margin: 0;
font-weight: 700;
position: relative;
z-index: 1
}

.contact-us__metric-label {
font-size: 15px;
line-height: 1.35;
color: #fff;
margin: 0;
position: relative;
z-index: 1
}

@media (min-width: 480px) {
.contact-us__intro {
padding: 72px 36px 36px
}

.contact-us__form-section {
padding: 72px 36px
}

.contact-us__details-section {
padding: 72px 36px
}

.contact-us__form-row {
grid-template-columns: 1fr 1fr
}
}

@media (min-width: 768px) {
.contact-us__intro-layout {
flex-direction: row;
align-items: center
}

.contact-us__intro-text {
flex: 1
}

.contact-us__intro-image-wrapper {
flex: 1;
margin: 0
}

.contact-us__intro-heading {
font-size: 62px
}

.contact-us__intro-description {
font-size: 23px
}

.contact-us__form-grid {
grid-template-columns: 1.5fr 1fr
}

.contact-us__form-column {
padding: 36px
}

.contact-us__info-column {
padding: 36px
}

.contact-us__details-card {
padding: 36px
}
}

@media (min-width: 1024px) {
.contact-us__intro {
padding: 72px
}

.contact-us__form-section {
padding: 72px
}

.contact-us__details-section {
padding: 72px
}

.contact-us__intro-image {
height: 420px
}

.contact-us__form-heading {
font-size: 45px
}

.contact-us__info-heading {
font-size: 32px
}

.contact-us__details-heading {
font-size: 32px
}
}

@media (min-width: 1280px) {
.contact-us__intro-image {
height: 480px
}
}

.speaking {
background: #fff;
color: #0A0030;
overflow-x: clip
}

.speaking__title-strip {
display: flex;
align-items: center;
max-width: 1100px;
margin: 0 auto;
padding: 24px;
gap: 36px;
position: relative;
overflow: hidden
}

.speaking__title-strip::before {
content: '';
position: absolute;
width: 8px;
height: 8px;
background: #FAAB0B;
border-radius: 50%;
opacity: .15;
top: 12%;
left: 8%
}

.speaking__title-strip::after {
content: '';
position: absolute;
width: 6px;
height: 6px;
background: #FAAB0B;
border-radius: 50%;
opacity: .12;
bottom: 18%;
right: 15%
}

.speaking__dot-accent-1 {
position: absolute;
width: 10px;
height: 10px;
background: #FAAB0B;
border-radius: 50%;
opacity: .18;
top: 45%;
left: 25%
}

.speaking__dot-accent-2 {
position: absolute;
width: 7px;
height: 7px;
background: #0A0030;
border-radius: 50%;
opacity: .08;
top: 65%;
right: 35%
}

.speaking__dot-accent-3 {
position: absolute;
width: 9px;
height: 9px;
background: #FAAB0B;
border-radius: 50%;
opacity: .14;
bottom: 25%;
left: 42%
}

.speaking__image-half {
flex: 0 0 48%;
position: relative
}

.speaking__intro-visual {
width: 100%;
height: 280px;
object-fit: cover;
border-radius: 20px;
opacity: 0;
animation: speaking-fade-in .42s ease-out .18s forwards;
box-shadow: 0 5px 18px 0 #0a003017
}

@keyframes speaking-fade-in {
to {
opacity: 1
}
}

.speaking__text-half {
flex: 1;
display: flex;
flex-direction: column;
gap: 12px;
padding: 24px 0
}

.speaking__main-heading {
font-size: 45px;
line-height: 1.1;
color: #0A0030;
margin: 0
}

.speaking__tagline {
font-size: 18px;
line-height: 1.55;
color: #0A0030;
opacity: .75;
margin: 0
}

.speaking__action-links {
display: flex;
gap: 24px;
margin: 12px 0 0
}

.speaking__link-primary {
font-size: 15px;
color: #0A0030;
background: #FAAB0B;
padding: 12px 24px;
border-radius: 6px;
text-decoration: none;
transition: transform .19s ease-out, box-shadow .19s ease-out;
box-shadow: 0 1px 6px 0 #faab0b0f
}

.speaking__link-primary:hover {
transform: scale(0.97);
box-shadow: 0 5px 18px 0 #faab0b17
}

.speaking__link-secondary {
font-size: 15px;
color: #0A0030;
padding: 12px 24px;
border-radius: 6px;
text-decoration: none;
border: 1px solid #E7E7E7;
transition: transform .21s ease-out, border-color .15s ease-out
}

.speaking__link-secondary:hover {
transform: scale(0.97);
border-color: #FAAB0B
}

.speaking__posts-container {
max-width: 1100px;
margin: 72px auto;
padding: 0 24px
}

.speaking__posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 36px;
opacity: 0;
animation: speaking-cascade-in .38s ease-out .25s forwards
}

@keyframes speaking-cascade-in {
to {
opacity: 1
}
}

.speaking__post-card {
background: #fff;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 1px 6px 0 #0a00300f;
transition: transform .27s ease-out, box-shadow .27s ease-out;
display: flex;
flex-direction: column;
opacity: 0;
animation: speaking-slide-up .41s ease-out forwards
}

.speaking__post-card:nth-child(1) {
animation-delay: .15s
}

.speaking__post-card:nth-child(2) {
animation-delay: .28s
}

.speaking__post-card:nth-child(3) {
animation-delay: .41s
}

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

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

.speaking__post-card:hover {
transform: scale(0.97);
box-shadow: 0 9px 44px 0 #0a00301c
}

.speaking__card-image-wrapper {
position: relative;
width: 100%;
height: 220px;
overflow: hidden;
background: #E7E7E7
}

.speaking__card-image {
width: 100%;
height: 100%;
object-fit: cover;
filter: contrast(1.05) brightness(0.98)
}

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

.speaking__card-tags {
position: absolute;
top: 12px;
left: 12px;
display: flex;
gap: 8px;
z-index: 2
}

.speaking__tag-badge {
background: #fffffff2;
color: #0A0030;
font-size: 13px;
padding: 4px 12px;
border-radius: 6px;
backdrop-filter: blur(8px)
}

.speaking__card-body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1
}

.speaking__card-subtitle {
font-size: 13px;
color: #FAAB0B;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0
}

.speaking__card-title {
font-size: 23px;
line-height: 1.35;
color: #0A0030;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}

.speaking__card-description {
font-size: 15px;
line-height: 1.55;
color: #0A0030;
opacity: .7;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden
}

.speaking__card-meta {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 24px;
border-top: 1px solid #E7E7E7;
gap: 12px
}

.speaking__author-info {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: #0A0030;
opacity: .65
}

.speaking__read-time {
font-size: 13px;
color: #0A0030;
opacity: .65
}

.speaking__card-stats {
display: flex;
align-items: center;
gap: 24px;
padding: 0 24px 24px
}

.speaking__stat-item {
display: flex;
align-items: center;
gap: 4px;
font-size: 13px;
color: #0A0030;
opacity: .6
}

.speaking__stat-icon {
width: 16px;
height: 16px
}

.speaking__stat-icon--views {
fill: none;
stroke: currentColor;
stroke-width: 2
}

.speaking__stat-icon--likes {
fill: currentColor
}

.speaking__metrics-section {
background: linear-gradient(163deg, #0A0030 0%, #FAAB0B 100%);
padding: 72px 24px;
position: relative;
overflow: hidden
}

.speaking__metrics-section::before {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 60px 60px;
border-color: transparent transparent #ffffff14;
top: 0;
left: 0
}

.speaking__metrics-section::after {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 60px 60px 0 0;
border-color: #ffffff14 transparent transparent;
bottom: 0;
right: 0
}

.speaking__metrics-wrapper {
max-width: 1100px;
margin: 0 auto
}

.speaking__metrics-heading {
font-size: 32px;
line-height: 1.1;
color: #fff;
text-align: center;
margin: 0 0 36px;
opacity: 0;
animation: speaking-slide-in-left .36s ease-out .2s forwards
}

@keyframes speaking-slide-in-left {
from {
opacity: 0;
transform: translateX(-36px)
}

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

.speaking__metrics-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 24px
}

.speaking__metric-box {
background: #ffffff1f;
backdrop-filter: blur(12px);
border-radius: 20px;
padding: 24px;
text-align: center;
border: 1px solid #ffffff2e;
transition: transform .32s ease-out, background .15s ease-out;
opacity: 0;
animation: speaking-slide-in-right .39s ease-out forwards
}

.speaking__metric-box:nth-child(1) {
animation-delay: .3s
}

.speaking__metric-box:nth-child(2) {
animation-delay: .42s
}

.speaking__metric-box:nth-child(3) {
animation-delay: .54s
}

@keyframes speaking-slide-in-right {
from {
opacity: 0;
transform: translateX(36px)
}

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

.speaking__metric-box:hover {
transform: scale(0.97);
background: #ffffff2e
}

.speaking__metric-value {
font-size: 45px;
line-height: 1.1;
color: #fff;
margin: 0 0 8px
}

.speaking__metric-label {
font-size: 15px;
line-height: 1.35;
color: #fff;
opacity: .85;
margin: 0
}

.speaking__spotlight-section {
padding: 72px 24px;
position: relative;
background: radial-gradient(ellipse 800px 600px at 50% 50%, #faab0b14, transparent)
}

.speaking__spotlight-wrapper {
max-width: 1100px;
margin: 0 auto
}

.speaking__spotlight-heading {
font-size: 32px;
line-height: 1.1;
color: transparent;
-webkit-text-stroke: 1.5px #0A0030;
text-align: center;
margin: 0 0 24px
}

.speaking__spotlight-text {
font-size: 18px;
line-height: 1.55;
color: #0A0030;
max-width: 720px;
margin: 0 auto 36px;
text-align: center
}

.speaking__feature-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 36px
}

.speaking__feature-item {
background: #fff;
border-radius: 20px;
padding: 24px;
border: 1px solid #E7E7E7;
transition: transform .29s ease-out, box-shadow .29s ease-out
}

.speaking__feature-item:hover {
transform: scale(0.97);
box-shadow: 0 5px 18px 0 #0a003017
}

.speaking__feature-icon {
width: 48px;
height: 48px;
background: linear-gradient(163deg, #0A0030 0%, #FAAB0B 100%);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 12px
}

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

.speaking__feature-title {
font-size: 18px;
line-height: 1.35;
color: #0A0030;
margin: 0 0 8px
}

.speaking__feature-description {
font-size: 15px;
line-height: 1.55;
color: #0A0030;
opacity: .7;
margin: 0
}

.speaking__pullquote-section {
padding: 72px 24px;
background: #fff
}

.speaking__pullquote-wrapper {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 36px;
align-items: start
}

.speaking__body-text {
font-size: 15px;
line-height: 1.55;
color: #0A0030
}

.speaking__body-text p {
margin: 0 0 24px
}

.speaking__body-text p:last-child {
margin: 0
}

.speaking__accent-line {
color: #FAAB0B
}

.speaking__pullquote-box {
background: #E7E7E7;
padding: 24px;
border-radius: 20px;
position: sticky;
top: 24px
}

.speaking__pullquote-text {
font-size: 23px;
line-height: 1.35;
color: #0A0030;
margin: 0;
font-style: italic
}

@media (max-width: 1024px) {
.speaking__title-strip {
flex-direction: column;
padding: 36px 24px
}

.speaking__image-half {
flex: 0 0 100%;
width: 100%
}

.speaking__intro-visual {
height: 240px
}

.speaking__text-half {
width: 100%
}

.speaking__main-heading {
font-size: 32px
}

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

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

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

.speaking__pullquote-wrapper {
grid-template-columns: 1fr
}

.speaking__pullquote-box {
position: static
}
}

@media (max-width: 768px) {
.speaking__main-heading {
font-size: 23px
}

.speaking__tagline {
font-size: 15px
}

.speaking__action-links {
flex-direction: column;
gap: 12px
}

.speaking__link-primary,
.speaking__link-secondary {
text-align: center
}

.speaking__card-title {
font-size: 18px
}

.speaking__metrics-heading,
.speaking__spotlight-heading {
font-size: 23px
}

.speaking__metric-value {
font-size: 32px
}

.speaking__pullquote-text {
font-size: 18px
}
}

@media (max-width: 480px) {
.speaking__title-strip {
padding: 24px 12px
}

.speaking__posts-container,
.speaking__metrics-section,
.speaking__spotlight-section,
.speaking__pullquote-section {
padding-left: 12px;
padding-right: 12px
}

.speaking__intro-visual {
height: 200px
}

.speaking__card-body {
padding: 12px
}

.speaking__card-meta,
.speaking__card-stats {
padding-left: 12px;
padding-right: 12px
}
}

.prime {
max-width: 1100px;
margin: 0 auto;
background: #fff
}

.prime__title-zone {
position: relative;
display: flex;
align-items: stretch;
min-height: 520px;
overflow: hidden;
background: linear-gradient(163deg, #0A0030 0%, #FAAB0B 100%);
border-radius: 20px;
margin: 24px 12px
}

.prime__title-content {
flex: 0 0 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 48px 36px 96px;
position: relative;
z-index: 2
}

.prime__title-visual {
flex: 0 0 50%;
position: relative;
overflow: hidden
}

.prime__title-visual img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
position: relative
}

.prime__title-visual::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 40%;
background: linear-gradient(to bottom, #0a0030b3 0%, #0a003000 100%);
z-index: 1;
pointer-events: none
}

.prime__title-decoration {
position: absolute;
top: 24px;
left: 24px;
font-size: 180px;
font-weight: 700;
color: #ffffff14;
line-height: 1;
z-index: 1;
pointer-events: none
}

.prime__title-heading {
font-size: 45px;
line-height: 1.1;
color: #fff;
margin: 0;
position: relative;
z-index: 2
}

.prime__educators {
padding: 72px 24px;
background: #fff
}

.prime__educators-container {
max-width: 1100px;
margin: 0 auto
}

.prime__educators-lead {
font-size: 32px;
line-height: 1.35;
color: #0A0030;
margin: 0 0 48px;
max-width: 720px
}

.prime__educators-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 36px
}

.prime__educator-card {
background: #fff;
border-radius: 20px;
padding: 24px;
box-shadow: 0 5px 18px 0 #0a003017;
transition: transform .28s ease-out, box-shadow .28s ease-out
}

.prime__educator-card:hover {
transform: scale(0.97);
box-shadow: 0 9px 44px 0 #0a00301c
}

.prime__educator-portrait {
width: 100%;
height: 280px;
border-radius: 6px;
overflow: hidden;
margin-bottom: 24px
}

.prime__educator-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.prime__educator-name {
font-size: 23px;
line-height: 1.35;
color: #0A0030;
margin: 0 0 12px
}

.prime__educator-bio {
font-size: 15px;
line-height: 1.55;
color: #0A0030;
margin: 0
}

.prime__offerings {
padding: 72px 24px;
background: #e7e7e766;
position: relative
}

.prime__offerings::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, #faab0b05 35px, #faab0b05 70px);
pointer-events: none
}

.prime__offerings-container {
max-width: 1100px;
margin: 0 auto;
position: relative;
z-index: 1
}

.prime__offerings-header {
margin-bottom: 48px
}

.prime__offerings-question {
font-size: 32px;
line-height: 1.35;
color: #0A0030;
margin: 0 0 24px
}

.prime__offerings-intro {
font-size: 18px;
line-height: 1.55;
color: #0A0030;
margin: 0;
max-width: 680px
}

.prime__offerings-layout {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 24px
}

.prime__offering-featured {
background: #fff;
border-radius: 20px;
padding: 36px;
box-shadow: 0 5px 18px 0 #0a003017;
grid-row: span 2;
display: flex;
flex-direction: column;
transition: transform .32s ease-out
}

.prime__offering-featured:hover {
transform: scale(0.97)
}

.prime__offering-compact {
background: #fff;
border-radius: 20px;
padding: 24px;
box-shadow: 0 1px 6px 0 #0a00300f;
transition: transform .24s ease-out, box-shadow .24s ease-out
}

.prime__offering-compact:hover {
transform: scale(0.97);
box-shadow: 0 5px 18px 0 #0a003017
}

.prime__offering-label {
font-size: 13px;
line-height: 1.35;
color: #FAAB0B;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0 0 12px;
font-weight: 600
}

.prime__offering-title {
font-size: 23px;
line-height: 1.35;
color: #0A0030;
margin: 0 0 12px
}

.prime__offering-title--large {
font-size: 32px;
line-height: 1.1;
margin-bottom: 24px
}

.prime__offering-description {
font-size: 15px;
line-height: 1.55;
color: #0A0030;
margin: 0
}

.prime__offering-description--extended {
font-size: 18px;
margin-bottom: 24px;
flex-grow: 1
}

.prime__offering-meta {
display: flex;
gap: 24px;
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #E7E7E7
}

.prime__offering-stat {
display: flex;
flex-direction: column;
gap: 4px
}

.prime__offering-stat-value {
font-size: 23px;
line-height: 1.1;
color: #FAAB0B;
font-weight: 700
}

.prime__offering-stat-label {
font-size: 13px;
line-height: 1.35;
color: #0A0030
}

.prime__investment {
padding: 72px 24px;
background: #fff
}

.prime__investment-container {
max-width: 1100px;
margin: 0 auto
}

.prime__investment-statement {
font-size: 32px;
line-height: 1.35;
color: #0A0030;
margin: 0 0 48px;
max-width: 780px
}

.prime__investment-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 36px
}

.prime__investment-option {
background: linear-gradient(163deg, #0A0030 0%, #FAAB0B 100%);
border-radius: 20px;
padding: 36px;
color: #fff;
position: relative;
overflow: hidden;
transition: transform .36s ease-out
}

.prime__investment-option:hover {
transform: scale(0.97)
}

.prime__investment-option::before {
content: '';
position: absolute;
top: -50%;
right: -20%;
width: 300px;
height: 300px;
background: radial-gradient(circle, #ffffff1a 0%, transparent 70%);
pointer-events: none
}

.prime__investment-format {
font-size: 18px;
line-height: 1.35;
margin: 0 0 12px;
font-weight: 600
}

.prime__investment-price {
font-size: 45px;
line-height: 1.1;
margin: 0 0 24px;
font-weight: 700
}

.prime__investment-details {
font-size: 15px;
line-height: 1.55;
margin: 0
}

.prime__investment-includes {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #fff3
}

.prime__investment-includes-title {
font-size: 15px;
line-height: 1.35;
margin: 0 0 12px;
font-weight: 600
}

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

.prime__investment-includes-item {
font-size: 13px;
line-height: 1.55;
padding-left: 24px;
position: relative
}

.prime__investment-includes-item::before {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 12px;
height: 12px;
background: #FAAB0B;
border-radius: 6px
}

.prime__metrics {
padding: 72px 24px;
background: #0A0030;
color: #fff;
position: relative;
overflow: hidden
}

.prime__metrics::before {
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 400px;
height: 400px;
background: radial-gradient(circle, #faab0b26 0%, transparent 70%);
pointer-events: none;
animation: prime-pulse-glow 8s ease-in-out infinite
}

@keyframes prime-pulse-glow {

0%,
100% {
opacity: .3;
transform: scale(1)
}

50% {
opacity: .6;
transform: scale(1.1)
}
}

.prime__metrics-container {
max-width: 1100px;
margin: 0 auto;
position: relative;
z-index: 1
}

.prime__metrics-header {
margin-bottom: 48px
}

.prime__metrics-headline {
font-size: 32px;
line-height: 1.35;
margin: 0 0 24px
}

.prime__metrics-context {
font-size: 18px;
line-height: 1.55;
margin: 0;
max-width: 640px;
color: #ffffffd9
}

.prime__metrics-display {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 36px
}

.prime__metric-block {
text-align: center;
padding: 24px;
background: #faab0b14;
border-radius: 20px;
border: 1px solid #faab0b33;
transition: background .26s ease-out, border-color .26s ease-out, transform .26s ease-out
}

.prime__metric-block:hover {
background: #faab0b26;
border-color: #faab0b66;
transform: scale(0.97)
}

.prime__metric-value {
font-size: 45px;
line-height: 1.1;
color: #FAAB0B;
margin: 0 0 12px;
font-weight: 700
}

.prime__metric-caption {
font-size: 15px;
line-height: 1.55;
margin: 0;
color: #ffffffe6
}

.prime__experience {
padding: 72px 24px;
background: #fff
}

.prime__experience-container {
max-width: 1100px;
margin: 0 auto
}

.prime__experience-intro {
font-size: 32px;
line-height: 1.35;
color: #0A0030;
margin: 0 0 48px;
max-width: 720px
}

.prime__experience-stories {
display: flex;
flex-direction: column;
gap: 36px
}

.prime__story-card {
background: #fff;
border-radius: 20px;
padding: 36px;
box-shadow: 0 5px 18px 0 #0a003017;
border-left: 4px solid #FAAB0B;
transition: transform .34s ease-out, box-shadow .34s ease-out
}

.prime__story-card:hover {
transform: scale(0.97);
box-shadow: 0 9px 44px 0 #0a00301c
}

.prime__story-quote {
font-size: 18px;
line-height: 1.55;
color: #0A0030;
margin: 0 0 24px;
font-style: italic
}

.prime__story-author {
display: flex;
align-items: center;
gap: 24px
}

.prime__story-portrait {
width: 72px;
height: 72px;
border-radius: 6px;
overflow: hidden;
flex-shrink: 0
}

.prime__story-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.prime__story-identity {
display: flex;
flex-direction: column;
gap: 4px
}

.prime__story-name {
font-size: 18px;
line-height: 1.35;
color: #0A0030;
margin: 0;
font-weight: 600
}

.prime__story-role {
font-size: 15px;
line-height: 1.55;
color: #0A0030;
margin: 0
}

.prime__story-outcome {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #E7E7E7;
font-size: 15px;
line-height: 1.55;
color: #0A0030
}

.prime__highlight-cycle {
display: inline
}

.prime__highlight-word {
display: inline;
transition: background-color .18s ease-out, color .18s ease-out
}

.prime__highlight-word.active {
background-color: #FAAB0B;
color: #0A0030;
padding: 2px 4px;
border-radius: 0
}

@media (max-width: 1024px) {
.prime__title-zone {
flex-direction: column;
min-height: auto
}

.prime__title-content {
flex: 1;
padding: 36px 24px 72px
}

.prime__title-visual {
flex: 1;
min-height: 320px
}

.prime__title-heading {
font-size: 32px
}

.prime__title-decoration {
font-size: 120px
}

.prime__offerings-layout {
grid-template-columns: 1fr
}

.prime__offering-featured {
grid-row: auto
}

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

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

@media (max-width: 768px) {
.prime__title-heading {
font-size: 23px
}

.prime__title-decoration {
font-size: 80px;
top: 12px;
left: 12px
}

.prime__educators {
padding: 48px 12px
}

.prime__educators-lead {
font-size: 23px;
margin-bottom: 36px
}

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

.prime__offerings {
padding: 48px 12px
}

.prime__offerings-question {
font-size: 23px
}

.prime__offerings-intro {
font-size: 15px
}

.prime__investment {
padding: 48px 12px
}

.prime__investment-statement {
font-size: 23px;
margin-bottom: 36px
}

.prime__investment-price {
font-size: 32px
}

.prime__metrics {
padding: 48px 12px
}

.prime__metrics-headline {
font-size: 23px
}

.prime__metrics-context {
font-size: 15px
}

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

.prime__metric-value {
font-size: 32px
}

.prime__experience {
padding: 48px 12px
}

.prime__experience-intro {
font-size: 23px;
margin-bottom: 36px
}

.prime__story-card {
padding: 24px
}

.prime__story-quote {
font-size: 15px
}
}

@media (max-width: 480px) {
.prime__title-zone {
margin: 12px 8px
}

.prime__title-content {
padding: 24px 12px 48px
}

.prime__offering-title--large {
font-size: 23px
}

.prime__offering-description--extended {
font-size: 15px
}

.prime__investment-option {
padding: 24px
}

.prime__story-author {
flex-direction: column;
align-items: flex-start
}
}

.success-page {
background: linear-gradient(163deg, #0A0030 0%, #FAAB0B 100%);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 24px
}

.success-page__container {
background: #fff;
border-radius: 20px;
box-shadow: 0 9px 44px 0 #0a00301c;
max-width: 600px;
width: 100%;
padding: 72px 36px;
text-align: center
}

.success-page__icon {
width: 120px;
height: 120px;
margin: 0 auto 36px;
position: relative
}

.success-page__icon-circle {
width: 100%;
height: 100%;
border-radius: 50%;
background: #FAAB0B;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 5px 18px 0 #faab0b17
}

.success-page__icon-mark {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 35px solid #fff;
transform: rotate(45deg) translateX(8px);
margin-left: 12px
}

.success-page__icon-mark::before {
content: '';
position: absolute;
width: 16px;
height: 50px;
background: #fff;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg) translateY(-8px)
}

.success-page__title {
font-size: 45px;
line-height: 1.1;
color: #0A0030;
margin: 0 0 24px;
font-weight: 700
}

.success-page__message {
font-size: 18px;
line-height: 1.55;
color: #0A0030;
margin: 0 0 12px;
opacity: .8
}

.success-page__details {
font-size: 15px;
line-height: 1.55;
color: #0A0030;
margin: 0 0 36px;
opacity: .6
}

.success-page__actions {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap
}

.success-page__button {
font-size: 18px;
padding: 12px 36px;
border-radius: 6px;
border: none;
cursor: pointer;
text-decoration: none;
display: inline-block;
transition: transform .18s ease-out, box-shadow .25s ease-out
}

.success-page__button:hover {
transform: scale(0.97)
}

.success-page__button--primary {
background: #FAAB0B;
color: #0A0030;
box-shadow: 0 5px 18px 0 #faab0b17;
font-weight: 600
}

.success-page__button--primary:hover {
box-shadow: 0 9px 44px 0 #faab0b1c
}

.success-page__button--secondary {
background: #E7E7E7;
color: #0A0030;
box-shadow: 0 1px 6px 0 #0a00300f
}

.success-page__button--secondary:hover {
box-shadow: 0 5px 18px 0 #0a003017
}

.success-page__footer {
margin-top: 36px;
padding-top: 24px;
border-top: 1px solid #E7E7E7
}

.success-page__contact {
font-size: 13px;
line-height: 1.35;
color: #0A0030;
opacity: .5;
margin: 0
}

.success-page__contact-link {
color: #FAAB0B;
text-decoration: none;
transition: opacity .2s ease-out
}

.success-page__contact-link:hover {
opacity: .8
}

@media (max-width: 480px) {
.success-page__container {
padding: 36px 24px
}

.success-page__icon {
width: 90px;
height: 90px;
margin-bottom: 24px
}

.success-page__icon-mark {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 26px solid #fff;
transform: rotate(45deg) translateX(6px);
margin-left: 8px
}

.success-page__icon-mark::before {
width: 12px;
height: 38px
}

.success-page__title {
font-size: 32px
}

.success-page__actions {
flex-direction: column
}

.success-page__button {
width: 100%
}
}