@import "https://fonts.googleapis.com/css2?family=Spectral:wght@400;700&display=swap";
html,body{margin:0;padding:0}
body{font-family:'Spectral',serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:#F9F9F9;color:#1a1a1a}
::selection{background-color:#F9F9F9;color:#1a1a1a}
.HeaderContainer{background:linear-gradient(135deg,#423868 0%,#5a4d82 100%);box-shadow:1px 5px 20px 0 #4238681a;padding:28px 56px;position:relative}
.HeaderInner{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:56px}
.BrandBlock{display:flex;align-items:center;gap:16px}
.LogoFrame{width:78px;height:78px;display:flex;align-items:center;justify-content:center;background-color:#ffffff14;border-radius:10px;box-shadow:0 0 0 2px #f5fa044d}
.LogoFrame img{width:70px;height:70px;object-fit:contain}
.CompanyTitle{font-size:24px;font-weight:700;color:#F5FA04;letter-spacing:-.02em;line-height:1.15}
.PrimaryNav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.NavItem{position:relative}
.NavLink{display:block;padding:16px 28px;font-size:16px;font-weight:700;color:#F9F9F9;text-decoration:none;letter-spacing:.01em;line-height:1.4;border-radius:10px;transition:background-color .12s ease-out,color .09s ease-out}
.NavLink:hover{background-color:#f5fa0426;color:#F5FA04}
.NavLink:focus{outline:2px dashed #F5FA04;outline-offset:4px}
.NavItem:hover .SubNavWrapper{display:block}
.SubNavWrapper{display:none;position:absolute;top:100%;left:0;padding-top:8px;z-index:100}
.SubNavWrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:transparent}
.SubMenu{background:linear-gradient(180deg,#5a4d82 0%,#423868 100%);border-radius:10px;padding:8px;box-shadow:1px 8px 52px 0 #42386824;min-width:240px}
.SubLink{display:block;padding:16px 28px;font-size:16px;color:#F9F9F9;text-decoration:none;border-radius:10px;line-height:1.4;transition:background-color .11s ease-out,color .08s linear}
.SubLink:hover{background-color:#f5fa0433;color:#F5FA04}
.SubLink:focus{outline:2px dashed #F5FA04;outline-offset:2px}
.ContactQuick{display:flex;align-items:center;gap:16px}
.PhoneLink{font-size:16px;font-weight:700;color:#F5FA04;text-decoration:none;letter-spacing:.01em;line-height:1.4;padding:16px 28px;border:2px solid #f5fa044d;border-radius:22px;transition:border-color .1s ease-out,background-color .14s ease-out}
.PhoneLink:hover{border-color:#F5FA04;background-color:#f5fa041a}
.PhoneLink:focus{outline:2px dashed #F5FA04;outline-offset:4px}
@media (max-width: 1024px) {
.HeaderInner{grid-template-columns:1fr;gap:28px}
.BrandBlock{justify-content:center}
.PrimaryNav{justify-content:center}
.ContactQuick{justify-content:center}
}
@media (max-width: 768px) {
.HeaderContainer{padding:16px 28px}
.LogoFrame{width:64px;height:64px}
.LogoFrame img{width:56px;height:56px}
.CompanyTitle{font-size:19px}
.NavLink,.SubLink,.PhoneLink{font-size:14px;padding:16px}
.PrimaryNav{flex-direction:column;width:100%}
.NavItem{width:100%}
.NavLink{text-align:center}
.SubNavWrapper{position:static;padding-top:0}
.SubMenu{box-shadow:none;margin-top:8px}
}
@media (max-width: 480px) {
.HeaderContainer{padding:16px}
.BrandBlock{flex-direction:column;gap:8px}
.PhoneLink{width:100%;text-align:center}
}
main{min-height:60vh}
.FooterContainer{background:linear-gradient(180deg,#423868 0%,#2d2548 100%);padding:56px 56px 28px;margin-top:96px}
.FooterInner{max-width:1366px;margin:0 auto}
.FooterTopSection{display:grid;grid-template-columns:2fr 2fr 1fr;gap:56px;margin-bottom:56px;padding-bottom:56px;border-bottom:1px solid #f5fa0433}
.FooterBrandArea{display:flex;flex-direction:column;gap:16px}
.FooterLogoFrame{width:82px;height:82px;display:flex;align-items:center;justify-content:center;background-color:#f5fa0414;border-radius:10px;box-shadow:1px 3px 2px 0 #42386812}
.FooterLogoFrame img{width:74px;height:74px;object-fit:contain}
.FooterTagline{font-size:14px;color:#f9f9f9b3;line-height:1.6;letter-spacing:.02em}
.FooterNavSection{display:flex;flex-direction:column;gap:16px}
.FooterNavTitle{font-size:16px;font-weight:700;color:#F5FA04;letter-spacing:.01em;line-height:1.4;margin:0}
.FooterNavList{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}
.FooterNavLink{font-size:14px;color:#F9F9F9;text-decoration:none;line-height:1.6;letter-spacing:.01em;padding:8px 0;display:inline-block;transition:color .09s linear}
.FooterNavLink:hover{color:#F5FA04}
.FooterNavLink:focus{outline:2px dashed #F5FA04;outline-offset:2px}
.FooterContactArea{display:flex;flex-direction:column;gap:16px}
.ContactDetailItem{display:flex;flex-direction:column;gap:8px}
.ContactLabel{font-size:14px;font-weight:700;color:#F5FA04;letter-spacing:.01em;line-height:1.4}
.ContactValue{font-size:14px;color:#F9F9F9;line-height:1.6;letter-spacing:.01em}
.ContactValue a{color:#F9F9F9;text-decoration:none;transition:color .1s ease-out}
.ContactValue a:hover{color:#F5FA04}
.ContactValue a:focus{outline:2px dashed #F5FA04;outline-offset:2px}
.FooterBottomSection{display:flex;justify-content:space-between;align-items:center;gap:28px}
.CopyrightText{font-size:14px;color:#f9f9f999;line-height:1.6;letter-spacing:.01em}
.ServiceLinks{display:flex;gap:28px;flex-wrap:wrap}
.ServiceLink{font-size:14px;color:#f9f9f9b3;text-decoration:none;line-height:1.6;letter-spacing:.01em;transition:color .08s linear}
.ServiceLink:hover{color:#F5FA04}
.ServiceLink:focus{outline:2px dashed #F5FA04;outline-offset:2px}
@media (max-width: 1024px) {
.FooterTopSection{grid-template-columns:1fr 1fr;gap:28px}
.FooterContactArea{grid-column:1 / -1}
}
@media (max-width: 768px) {
.FooterContainer{padding:28px 28px 16px}
.FooterTopSection{grid-template-columns:1fr;gap:28px;margin-bottom:28px;padding-bottom:28px}
.FooterBottomSection{flex-direction:column;align-items:flex-start;gap:16px}
.ServiceLinks{flex-direction:column;gap:8px}
}
@media (max-width: 480px) {
.FooterContainer{padding:16px 16px 8px}
}
.consent{position:fixed;bottom:28px;right:28px;background:#fff;border-radius:10px;box-shadow:1px 8px 52px 0 #42386824;padding:28px;max-width:420px;z-index:8000;display:none}
.consent.showing{display:block}
.heading{font-size:19px;font-weight:700;color:#423868;margin:0 0 16px;line-height:1.4}
.message{font-size:14px;color:#1a1a1a;line-height:1.6;margin:0 0 16px}
.options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.option{display:flex;align-items:center;gap:8px}
.option input[type="checkbox"]{width:18px;height:18px;cursor:pointer}
.option label{font-size:14px;color:#1a1a1a;line-height:1.6;cursor:pointer}
.actions{display:flex;gap:8px}
.accept,.decline{flex:1;padding:16px;font-size:14px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:background-color .12s ease-out,transform .08s ease-out}
.accept{background-color:#423868;color:#F5FA04}
.accept:hover{background-color:#5a4d82}
.decline{background-color:#F9F9F9;color:#423868;border:2px solid #423868}
.decline:hover{background-color:#ececec}
.accept:focus,.decline:focus{outline:2px dashed #423868;outline-offset:2px}
.policy{font-size:14px;color:#1a1a1a99;line-height:1.6;margin-top:16px}
.policy a{color:#423868;text-decoration:underline}
.badge{position:fixed;bottom:28px;right:28px;width:56px;height:56px;background-color:#423868;border-radius:38px;box-shadow:1px 5px 20px 0 #4238681a;cursor:pointer;z-index:7999;display:none;align-items:center;justify-content:center;transition:background-color .11s ease-out,transform .09s linear}
.badge.showing{display:flex}
.badge:hover{background-color:#5a4d82;transform:scale(1.05)}
.badge::before{content:'';width:24px;height:24px;background-color:#F5FA04;border-radius:22px}
@media (max-width: 768px) {
.consent{bottom:16px;right:16px;left:16px;max-width:none;padding:16px}
.badge{bottom:16px;right:16px}
}
@media (max-width: 480px) {
.actions{flex-direction:column}
}
.doc-sv-body{max-width:1366px;margin:0 auto;padding:56px 28px;background:#F9F9F9}
.doc-sv-body h1{font-size:46px;line-height:1.15;letter-spacing:-.02em;color:#423868;margin:0 0 56px;font-weight:600}
.doc-sv-body h2{font-size:33px;line-height:1.4;letter-spacing:-.01em;color:#423868;margin:56px 0 28px;font-weight:600}
.doc-sv-body h3{font-size:24px;line-height:1.4;letter-spacing:0;color:#423868;margin:28px 0 16px;font-weight:600}
.doc-sv-body h4{font-size:19px;line-height:1.4;letter-spacing:0;color:#423868;margin:28px 0 16px;font-weight:600}
.doc-sv-body h5{font-size:16px;line-height:1.4;letter-spacing:.01em;color:#423868;margin:16px 0 8px;font-weight:600}
.doc-sv-body h6{font-size:14px;line-height:1.4;letter-spacing:.01em;color:#423868;margin:16px 0 8px;font-weight:600;text-transform:uppercase}
.doc-sv-body p{font-size:16px;line-height:1.6;letter-spacing:.01em;color:#2a2a2a;margin:0 0 16px}
.doc-sv-body ul{margin:0 0 28px;padding:0 0 0 28px;list-style-type:disc}
.doc-sv-body ol{margin:0 0 28px;padding:0 0 0 28px;list-style-type:decimal}
.doc-sv-body li{font-size:16px;line-height:1.6;letter-spacing:.01em;color:#2a2a2a;margin:0 0 8px;padding:0 0 0 8px}
.doc-sv-body ul ul{margin:8px 0;padding:0 0 0 28px;list-style-type:circle}
.doc-sv-body ol ol{margin:8px 0;padding:0 0 0 28px;list-style-type:lower-alpha}
.doc-sv-body strong,.doc-sv-body b{font-weight:600;color:#423868}
.doc-sv-body table{width:100%;border-collapse:collapse;margin:0 0 28px;background:#fff;border:1px solid #42386824;border-radius:10px;overflow:hidden}
.doc-sv-body thead{background:#423868}
.doc-sv-body thead tr{border:none}
.doc-sv-body thead th{font-size:14px;line-height:1.4;letter-spacing:.02em;color:#fff;font-weight:600;text-align:left;padding:16px;border-bottom:2px solid #f5fa044d}
.doc-sv-body tbody tr{border-bottom:1px solid #4238681a;transition:background-color .12s ease-out}
.doc-sv-body tbody tr:last-child{border-bottom:none}
.doc-sv-body tbody tr:hover{background:#42386808}
.doc-sv-body td{font-size:16px;line-height:1.6;letter-spacing:.01em;color:#2a2a2a;padding:16px;vertical-align:top}
.doc-sv-body th{vertical-align:middle}
.doc-sv-body hr{border:none;height:1px;background:#42386824;margin:56px 0}
.doc-sv-body div{margin:0 0 16px}
@media (max-width: 768px) {
.doc-sv-body{padding:28px 16px}
.doc-sv-body h1{font-size:33px;margin:0 0 28px}
.doc-sv-body h2{font-size:24px;margin:28px 0 16px}
.doc-sv-body h3{font-size:19px;margin:16px 0 8px}
.doc-sv-body table{font-size:14px}
.doc-sv-body thead th{padding:8px;font-size:14px}
.doc-sv-body td{padding:8px;font-size:14px}
.doc-sv-body hr{margin:28px 0}
}
@media (max-width: 480px) {
.doc-sv-body{padding:16px 8px}
.doc-sv-body h1{font-size:24px}
.doc-sv-body h2{font-size:19px}
.doc-sv-body ul,.doc-sv-body ol{padding:0 0 0 16px}
.doc-sv-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.ServicesContainer{background:#F9F9F9;max-width:1366px;margin:0 auto;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.ServicesContainer ::selection{background:#F9F9F9;color:#1a1a1a}
.TitleWrapper{display:grid;grid-template-columns:1fr 2fr;gap:56px;padding:28px 56px;background:linear-gradient(45deg,#423868,#F5FA04);align-items:center;position:relative;overflow:hidden}
.ImageColumn{position:relative;height:280px}
.ImageColumn img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:10px;position:relative}
.ImageColumn::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 40%,#42386899 100%);border-radius:10px;pointer-events:none}
.TextZone{position:relative;z-index:2}
.QuoteMark{position:absolute;font-size:280px;line-height:1;color:#f9f9f926;font-weight:700;top:-80px;right:96px;pointer-events:none;z-index:1}
.ContentLabel{font-size:14px;line-height:1.4;text-transform:uppercase;letter-spacing:.12em;color:#F9F9F9;margin:0 0 16px;font-weight:600}
.TitleWrapper h1{font-size:62px;line-height:1.15;letter-spacing:-.02em;color:#fff;margin:0 0 28px;-webkit-text-stroke:2px #fff;-webkit-text-fill-color:transparent;text-align:left}
.TitleWrapper p{font-size:19px;line-height:1.6;letter-spacing:.01em;color:#F9F9F9;margin:0;text-align:right}
.GridBenefits{padding:96px 56px;background:#fff;position:relative}
.GridBenefits h2{font-size:46px;line-height:1.15;letter-spacing:-.01em;color:#423868;margin:0 0 56px;text-align:center}
.BenefitGrid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:28px}
.BenefitCard{background:linear-gradient(135deg,#F9F9F9 0%,#fff 100%);padding:28px;border-radius:22px;box-shadow:1px 5px 20px 0 #4238681a;transition:transform .12s ease-out,box-shadow .12s ease-out;position:relative;overflow:hidden}
.BenefitCard:hover{transform:translateY(-4px);box-shadow:1px 8px 52px 0 #42386824;background:#423868;color:#F9F9F9}
.BenefitCard:hover h3,.BenefitCard:hover p{color:#F9F9F9}
.BenefitCard h3{font-size:24px;line-height:1.4;letter-spacing:-.005em;color:#423868;margin:0 0 16px;transition:color .08s linear}
.BenefitCard p{font-size:16px;line-height:1.6;letter-spacing:.005em;color:#333;margin:0;transition:color .08s linear}
.NumberPrefx{font-size:62px;line-height:1;color:#F5FA04;position:absolute;top:16px;right:16px;font-weight:700;opacity:.3}
.TeamsSection{padding:56px 96px 96px;background:#423868;position:relative}
.TeamsSection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-top:30px solid #fff}
.TeamsSection h2{font-size:46px;line-height:1.15;letter-spacing:-.01em;color:#F5FA04;margin:0 0 56px}
.TeamGrid{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:start}
.PortraitWrapper{position:relative}
.PortraitWrapper img{width:100%;height:auto;aspect-ratio:5/7;object-fit:cover;object-position:top;border-radius:22px;box-shadow:1px 8px 52px 0 #f5fa0424}
.TeamContent{padding:28px 0}
.TeamContent h3{font-size:33px;line-height:1.4;letter-spacing:-.01em;color:#F5FA04;margin:0 0 28px}
.TeamContent p{font-size:16px;line-height:1.6;letter-spacing:.005em;color:#F9F9F9;margin:0 0 16px}
.TeamContent ul{list-style:none;padding:0;margin:28px 0 0}
.TeamContent ul li{font-size:16px;line-height:1.6;letter-spacing:.005em;color:#F9F9F9;margin:0 0 16px;padding-left:28px;position:relative}
.TeamContent ul li::before{content:'';position:absolute;left:0;top:10px;width:12px;height:12px;background:#F5FA04;border-radius:38px}
.ProcessExpanded{padding:96px 56px;background:#F9F9F9;position:relative}
.ProcessExpanded::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,#42386808 20px,#42386808 40px);pointer-events:none;clip-path:inset(0)}
.ProcessExpanded h2{font-size:46px;line-height:1.15;letter-spacing:-.01em;color:#423868;margin:0 0 56px}
.StepsContainer{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.StepBox{background:#fff;padding:28px;border-radius:10px;border:2px solid #423868;position:relative;transition:border-color .1s ease-out}
.StepBox:hover{border-color:#F5FA04}
.StepNumber{display:inline-block;width:56px;height:56px;background:#423868;color:#F5FA04;font-size:24px;line-height:56px;text-align:center;border-radius:1px;margin:0 0 16px;font-weight:700;transition:transform .15s ease-out}
.StepBox:hover .StepNumber{transform:rotate(5deg)}
.StepBox h3{font-size:24px;line-height:1.4;letter-spacing:-.005em;color:#423868;margin:0 0 16px}
.StepBox p{font-size:16px;line-height:1.6;letter-spacing:.005em;color:#333;margin:0}
.InteractiveMetrics{padding:96px 56px;background:#fff;position:relative}
.InteractiveMetrics h2{font-size:46px;line-height:1.15;letter-spacing:-.01em;color:#423868;margin:0 0 16px;text-align:center}
.MetricsSubhead{font-size:19px;line-height:1.6;letter-spacing:.005em;color:#666;text-align:center;margin:0 0 56px}
.MetricsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.MetricCard{background:linear-gradient(135deg,#423868 0%,#5a4a8a 100%);padding:56px 28px;border-radius:38px;text-align:center;box-shadow:1px 5px 20px 0 #4238681a;transition:transform .1s linear;position:relative;overflow:hidden}
.MetricCard::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#f5fa041a 0%,transparent 70%);opacity:0;transition:opacity .12s ease-out}
.MetricCard:hover::before{opacity:1}
.MetricCard:hover{transform:scale(1.05)}
.MetricValue{font-size:62px;line-height:1.15;letter-spacing:-.02em;color:#F5FA04;margin:0 0 8px;font-weight:700}
.MetricLabel{font-size:19px;line-height:1.4;letter-spacing:.005em;color:#F9F9F9;margin:0}
.ImageShowcase{padding:56px 96px 96px;background:#F9F9F9;position:relative}
.ImageShowcase h2{font-size:46px;line-height:1.15;letter-spacing:-.01em;color:#423868;margin:0 0 56px}
.ShowcaseLayout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ImageBlock{position:relative}
.ImageBlock img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:22px;box-shadow:1px 8px 52px 0 #42386824}
.DescriptionBlock p{font-size:16px;line-height:1.6;letter-spacing:.005em;color:#333;margin:0 0 28px}
.DescriptionBlock p:last-child{margin-bottom:0}
@media (max-width: 1024px) {
.TitleWrapper{grid-template-columns:1fr;gap:28px;padding:28px}
.ImageColumn{height:220px}
.QuoteMark{font-size:180px;top:-40px;right:28px}
.TitleWrapper h1{font-size:46px;text-align:center}
.TitleWrapper p{text-align:center}
.BenefitGrid{grid-template-columns:1fr 1fr}
.TeamGrid{grid-template-columns:1fr;gap:28px}
.PortraitWrapper img{max-width:380px;margin:0 auto;display:block}
.StepsContainer{grid-template-columns:1fr}
.MetricsGrid{grid-template-columns:1fr 1fr}
.ShowcaseLayout{grid-template-columns:1fr}
.GridBenefits,.ProcessExpanded,.InteractiveMetrics{padding:56px 28px}
.TeamsSection,.ImageShowcase{padding:56px 28px}
}
@media (max-width: 768px) {
.TitleWrapper h1{font-size:33px}
.GridBenefits h2,.TeamsSection h2,.ProcessExpanded h2,.InteractiveMetrics h2,.ImageShowcase h2{font-size:33px}
.BenefitGrid{grid-template-columns:1fr}
.MetricsGrid{grid-template-columns:1fr}
.MetricValue{font-size:46px}
}
@media (max-width: 480px) {
.TitleWrapper{padding:16px}
.TitleWrapper h1{font-size:24px}
.ContentLabel{font-size:12px}
.TitleWrapper p{font-size:16px}
.GridBenefits h2,.TeamsSection h2,.ProcessExpanded h2,.InteractiveMetrics h2,.ImageShowcase h2{font-size:24px;margin-bottom:28px}
.GridBenefits,.ProcessExpanded,.InteractiveMetrics,.TeamsSection,.ImageShowcase{padding:28px 16px}
.BenefitCard,.StepBox{padding:16px}
.MetricCard{padding:28px 16px}
.QuoteMark{display:none}
}
.LearningProgramPage{background:#F9F9F9;max-width:1366px;margin:0 auto}
.LearningProgramPage .HeroSection{background:#423868;padding:96px 28px;position:relative;overflow:hidden}
.LearningProgramPage .HeroSection::before{content:'';position:absolute;top:20%;right:10%;width:280px;height:280px;border:2px solid #f5fa0426;transform:rotate(45deg);animation:slowRotate 60s linear infinite}
@keyframes slowRotate {
from{transform:rotate(45deg)}
to{transform:rotate(405deg)}
}
.LearningProgramPage .HeroContent{position:relative;z-index:2}
.LearningProgramPage .Label{color:#f5fa04e6;font-size:16px;letter-spacing:.05em;margin:0 0 16px}
.LearningProgramPage .MainHeading{font-size:62px;line-height:1.15;color:transparent;-webkit-text-stroke:2px #F5FA04;text-stroke:2px #F5FA04;margin:0 0 28px;letter-spacing:-.02em}
.LearningProgramPage .HeroDescription{color:#F9F9F9;font-size:19px;line-height:1.6;max-width:720px;margin:0}
.LearningProgramPage .CourseOverview{background:linear-gradient(45deg,#423868,#5a4d8a);padding:96px 28px;position:relative}
.LearningProgramPage .CourseOverview::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(./product_gallery/06-thumb.jpg);background-size:cover;background-position:center;opacity:.12;z-index:1}
.LearningProgramPage .CourseOverview::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,#00000005 0px,#00000005 2px,transparent 2px,transparent 4px);z-index:2}
.LearningProgramPage .OverviewGrid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:56px;position:relative;z-index:3}
.LearningProgramPage .OverviewHeading{font-size:46px;line-height:1.15;color:#F5FA04;margin:0 0 28px;letter-spacing:-.01em}
.LearningProgramPage .OverviewText{font-size:16px;line-height:1.6;color:#F9F9F9;margin:0 0 28px}
.LearningProgramPage .OverviewText:last-child{margin-bottom:0}
.LearningProgramPage .ModulesList{list-style:none;padding:0;margin:0}
.LearningProgramPage .ModulesList li{position:relative;padding-left:28px;margin-bottom:16px;font-size:16px;line-height:1.6;color:#F9F9F9}
.LearningProgramPage .ModulesList li::before{content:'';position:absolute;left:0;top:8px;width:12px;height:12px;background:#F5FA04;border-radius:50%}
.LearningProgramPage .StatsBox{background:#f9f9f914;padding:28px;border-radius:10px;border:1px solid #f5fa0433}
.LearningProgramPage .StatItem{margin-bottom:28px}
.LearningProgramPage .StatItem:last-child{margin-bottom:0}
.LearningProgramPage .StatNumber{font-size:33px;line-height:1.15;color:#F5FA04;margin:0 0 8px;font-weight:700}
.LearningProgramPage .StatLabel{font-size:14px;line-height:1.4;color:#f9f9f9cc;margin:0}
.LearningProgramPage .LearningProcess{background:#fff;padding:96px 28px}
.LearningProgramPage .ProcessHeading{font-size:46px;line-height:1.15;color:#423868;margin:0 0 56px;text-align:center;letter-spacing:-.01em}
.LearningProgramPage .ProcessGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.LearningProgramPage .ProcessCard{background:#F9F9F9;padding:28px;border-radius:22px;box-shadow:1px 3px 2px 0 #42386812;transition:box-shadow .12s ease-out,transform .1s ease-out}
.LearningProgramPage .ProcessCard:hover{box-shadow:1px 8px 52px 0 #42386824;transform:translateY(-4px)}
.LearningProgramPage .ProcessCard:nth-child(2){background:linear-gradient(135deg,#F9F9F9 0%,#f5fa0414 100%);grid-column:span 2}
.LearningProgramPage .CardNumber{font-size:24px;line-height:1.15;color:#F5FA04;background:#423868;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:38px;margin:0 0 16px;font-weight:700}
.LearningProgramPage .CardHeading{font-size:24px;line-height:1.4;color:#423868;margin:0 0 16px}
.LearningProgramPage .CardText{font-size:16px;line-height:1.6;color:#423868;margin:0}
.LearningProgramPage .InstructorSection{background:#F9F9F9;padding:56px 28px;border-top:1px solid #4238681a}
.LearningProgramPage .InstructorWrapper{display:flex;gap:56px;align-items:flex-start;max-width:1100px;margin:0 auto}
.LearningProgramPage .InstructorProfiles{display:flex;gap:28px;flex-shrink:0}
.LearningProgramPage .ProfileCard{width:220px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:1px 5px 20px 0 #4238681a}
.LearningProgramPage .ProfileImage{width:100%;height:275px;object-fit:cover;object-position:top;display:block}
.LearningProgramPage .ProfileInfo{padding:16px}
.LearningProgramPage .ProfileName{font-size:19px;line-height:1.4;color:#423868;margin:0 0 8px;font-weight:600}
.LearningProgramPage .ProfileRole{font-size:14px;line-height:1.4;color:#423868b3;margin:0}
.LearningProgramPage .InstructorContent{flex:1}
.LearningProgramPage .InstructorHeading{font-size:33px;line-height:1.15;color:#423868;margin:0 0 28px;position:relative;padding-left:28px}
.LearningProgramPage .InstructorHeading::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#F5FA04;border-radius:50%}
.LearningProgramPage .InstructorText{font-size:16px;line-height:1.6;color:#423868;margin:0 0 16px}
.LearningProgramPage .InstructorText:last-child{margin-bottom:0}
.LearningProgramPage .AccordionSection{background:#fff;padding:96px 28px}
.LearningProgramPage .AccordionHeading{font-size:46px;line-height:1.15;color:#423868;margin:0 0 56px;text-align:center;letter-spacing:-.01em}
.LearningProgramPage .AccordionContainer{max-width:920px;margin:0 auto}
.LearningProgramPage .AccordionItem{margin-bottom:16px;border:1px solid #42386826;border-radius:10px;overflow:hidden;background:#F9F9F9}
.LearningProgramPage .AccordionToggle{display:none}
.LearningProgramPage .AccordionLabel{display:flex;justify-content:space-between;align-items:center;padding:28px;cursor:pointer;user-select:none;transition:background-color .11s ease-out}
.LearningProgramPage .AccordionLabel:hover{background:#f5fa0414}
.LearningProgramPage .AccordionQuestion{font-size:19px;line-height:1.4;color:#423868;margin:0;font-weight:600}
.LearningProgramPage .AccordionIcon{width:28px;height:28px;flex-shrink:0;transition:transform .15s ease-out}
.LearningProgramPage .AccordionIcon svg{width:100%;height:100%;fill:#423868}
.LearningProgramPage .AccordionToggle:checked + .AccordionLabel .AccordionIcon{transform:rotate(180deg)}
.LearningProgramPage .AccordionContent{max-height:0;overflow:hidden;transition:max-height .14s ease-out}
.LearningProgramPage .AccordionToggle:checked ~ .AccordionContent{max-height:500px}
.LearningProgramPage .AccordionAnswer{padding:0 28px 28px;font-size:16px;line-height:1.6;color:#423868;margin:0}
.LearningProgramPage .DiamondDivider{display:flex;justify-content:center;gap:16px;padding:56px 0;background:#F9F9F9}
.LearningProgramPage .Diamond{width:8px;height:8px;background:#F5FA04;transform:rotate(45deg);opacity:.6}
.LearningProgramPage .CtaSection{background:linear-gradient(45deg,#423868,#5a4d8a);padding:96px 28px;text-align:center}
.LearningProgramPage .CtaHeading{font-size:46px;line-height:1.15;color:#F5FA04;margin:0 0 28px;letter-spacing:-.01em}
.LearningProgramPage .CtaText{font-size:19px;line-height:1.6;color:#F9F9F9;margin:0 0 56px;max-width:740px;margin-left:auto;margin-right:auto}
.LearningProgramPage .CtaButton{display:inline-block;padding:16px 56px;background:#F5FA04;color:#423868;font-size:19px;font-weight:600;text-decoration:none;border-radius:38px;transition:transform .09s ease-out,box-shadow .11s ease-out;box-shadow:1px 5px 20px 0 #f5fa041a}
.LearningProgramPage .CtaButton:hover{transform:translateY(-2px);box-shadow:1px 8px 52px 0 #f5fa0424}
@media (max-width: 1024px) {
.LearningProgramPage .OverviewGrid{grid-template-columns:1fr 1fr;gap:28px}
.LearningProgramPage .StatsBox{grid-column:span 2}
.LearningProgramPage .ProcessGrid{grid-template-columns:1fr 1fr}
.LearningProgramPage .ProcessCard:nth-child(2){grid-column:span 1}
}
@media (max-width: 768px) {
.LearningProgramPage .MainHeading{font-size:46px}
.LearningProgramPage .OverviewGrid{grid-template-columns:1fr}
.LearningProgramPage .StatsBox{grid-column:span 1}
.LearningProgramPage .OverviewHeading,.LearningProgramPage .ProcessHeading,.LearningProgramPage .AccordionHeading,.LearningProgramPage .CtaHeading{font-size:33px}
.LearningProgramPage .ProcessGrid{grid-template-columns:1fr}
.LearningProgramPage .InstructorWrapper{flex-direction:column;gap:28px}
.LearningProgramPage .InstructorProfiles{justify-content:center}
}
@media (max-width: 480px) {
.LearningProgramPage .HeroSection,.LearningProgramPage .CourseOverview,.LearningProgramPage .LearningProcess,.LearningProgramPage .AccordionSection,.LearningProgramPage .CtaSection{padding:56px 16px}
.LearningProgramPage .MainHeading{font-size:33px}
.LearningProgramPage .InstructorProfiles{flex-direction:column;align-items:center}
.LearningProgramPage .ProfileCard{width:100%;max-width:280px}
}
.LearningProgramPage ::selection{background:#F9F9F9;color:#423868}
.HomePage{background:#F9F9F9;color:#1a1a1a;max-width:1366px;margin:0 auto}
.HomePage a{color:#423868;text-decoration:none!important}
.HomePage a:hover{color:#F5FA04}
.SplitHeroSection{display:grid;grid-template-columns:1fr 1fr;min-height:540px}
.LeftHeroPanel{background:#423868;padding:56px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.LeftHeroPanel::before{content:'';position:absolute;width:320px;height:320px;background:#f5fa0414;border-radius:50%;filter:blur(80px);top:-100px;left:-80px;pointer-events:none}
.LeftHeroPanel::after{content:'';position:absolute;width:280px;height:280px;background:#f9f9f90f;border-radius:50%;filter:blur(90px);bottom:-90px;right:-60px;pointer-events:none}
.HeroTitle{font-size:46px;line-height:1.15;color:#F9F9F9;margin:0 0 28px;position:relative;z-index:1}
.HeroDescription{font-size:19px;line-height:1.6;color:#f9f9f9e0;margin:0;position:relative;z-index:1}
.RightHeroPanel{background:#F5FA04;position:relative;overflow:hidden}
.HeroImageContainer{width:100%;height:100%;position:relative}
.HeroImageContainer img{width:100%;height:100%;object-fit:cover;object-position:center}
.HeroImageContainer::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#4238684d 0%,transparent 100%);pointer-events:none}
.MetricsBoard{background:#fff;padding:56px;position:relative}
.MetricsGrid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:56px}
.MetricCardWrapper{text-align:center;position:relative}
.MetricNumber{font-size:62px;line-height:1.15;color:#423868;margin:0 0 8px;font-weight:700;transition:transform .12s ease-out}
.MetricCardWrapper:hover .MetricNumber{transform:scale(1.05)}
.MetricLabel{font-size:16px;line-height:1.4;color:#555;margin:0}
.ApproachSection{background:linear-gradient(45deg,#423868 0%,#5a4a88 100%);padding:96px 56px;position:relative;clip-path:polygon(0 0,100% 40px,100% 100%,0 100%);margin-top:-40px}
.ApproachHeader{font-size:33px;line-height:1.4;color:transparent;-webkit-text-stroke:1.5px #F5FA04;text-stroke:1.5px #F5FA04;margin:0 0 56px;text-align:center}
.ApproachContentGrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:1100px;margin:0 auto}
.ApproachCard{background:#f9f9f90f;padding:28px;border-radius:10px;border-left:4px solid #F5FA04;transition:transform .15s ease-out,box-shadow .15s ease-out}
.ApproachCard:hover{transform:translateY(-3px);box-shadow:1px 8px 52px 0 #42386824}
.ApproachCard h3{font-size:24px;line-height:1.4;color:#F5FA04;margin:0 0 16px}
.ApproachCard p{font-size:16px;line-height:1.6;color:#F9F9F9;margin:0}
.ProgramHighlightsBlock{background:#F9F9F9;padding:96px 56px}
.BlockTitleCentered{font-size:33px;line-height:1.4;color:#423868;margin:0 0 56px;text-align:center}
.ProgramCardsWrapper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;max-width:1200px;margin:0 auto}
.ProgramCard{background:#fff;border-radius:10px;overflow:hidden;box-shadow:1px 3px 2px 0 #42386812;transition:transform .1s ease-out,box-shadow .1s ease-out}
.ProgramCard:active{transform:translateY(2px);box-shadow:1px 1px 1px 0 #4238680d}
.ProgramImageBox{width:100%;height:200px;overflow:hidden;position:relative}
.ProgramImageBox img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .15s ease-out;position:relative}
.ProgramImageBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 30%,#0006 100%);pointer-events:none;z-index:1}
.ProgramCard:hover .ProgramImageBox img{transform:scale(1.08)}
.ProgramTextContent{padding:28px}
.ProgramTextContent h4{font-size:19px;line-height:1.4;color:#423868;margin:0 0 16px}
.ProgramTextContent p{font-size:14px;line-height:1.6;color:#555;margin:0}
.GlossarySection{background:#fff;padding:96px 56px}
.GlossaryTitle{font-size:33px;line-height:1.4;color:#423868;margin:0 0 56px}
.GlossaryList{max-width:900px;margin:0;padding:0;list-style:none}
.GlossaryList dt{font-size:19px;line-height:1.4;color:#423868;font-weight:700;margin:0 0 8px;padding-left:28px;position:relative}
.GlossaryList dt::before{content:'';position:absolute;left:0;top:8px;width:10px;height:10px;background:#F5FA04;border-radius:50%}
.GlossaryList dd{font-size:16px;line-height:1.6;color:#555;margin:0 0 28px;padding-left:28px}
.TestimonialShowcase{background:#423868;padding:96px 56px;clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 40px))}
.TestimonialLayout{display:grid;grid-template-columns:280px 1fr;gap:56px;max-width:1100px;margin:0 auto;align-items:start}
.ProfileImageWrapper{width:280px;height:420px;border-radius:10px;overflow:hidden;box-shadow:1px 5px 20px 0 #f5fa041a}
.ProfileImageWrapper img{width:100%;height:100%;object-fit:cover;object-position:top}
.TestimonialContent{padding-top:28px}
.TestimonialContent h3{font-size:24px;line-height:1.4;color:#F5FA04;margin:0 0 16px}
.TestimonialQuote{font-size:19px;line-height:1.6;color:#F9F9F9;font-style:italic;margin:0 0 28px;padding-left:28px;border-left:3px solid #F5FA04}
.TestimonialAuthor{font-size:16px;line-height:1.4;color:#f9f9f9b3;margin:0}
.RegistrationPanel{background:linear-gradient(45deg,#F9F9F9 0%,#fff 100%);padding:96px 56px}
.RegistrationInnerWrapper{max-width:700px;margin:0 auto;text-align:center}
.RegistrationInnerWrapper h2{font-size:33px;line-height:1.4;color:#423868;margin:0 0 28px}
.RegistrationInnerWrapper p{font-size:16px;line-height:1.6;color:#555;margin:0 0 56px}
.FormGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}
.FormFieldWrapper{display:flex;flex-direction:column;text-align:left}
.FormFieldWrapper label{font-size:14px;line-height:1.4;color:#423868;margin-bottom:8px}
.FormFieldWrapper input,.FormFieldWrapper textarea{padding:16px;border:1px solid #ddd;border-radius:10px;font-size:16px;line-height:1.4;transition:border-color .08s linear,box-shadow .08s linear}
.FormFieldWrapper input:focus,.FormFieldWrapper textarea:focus{outline:none;border-color:#423868;box-shadow:0 0 0 3px #4238681a}
.FormFieldWrapper input::placeholder,.FormFieldWrapper textarea::placeholder{color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.FormFieldWrapper textarea{resize:vertical;min-height:120px;grid-column:1 / -1}
.FormFieldWrapper.FullWidth{grid-column:1 / -1}
.SubmitButtonHolder{text-align:center}
.SubmitButton{background:#423868;color:#F5FA04;padding:16px 56px;border:none;border-radius:22px;font-size:16px;font-weight:700;cursor:pointer;transition:background .12s ease-out,transform .12s ease-out,box-shadow .12s ease-out;box-shadow:1px 5px 20px 0 #4238681a}
.SubmitButton:hover{background:#5a4a88;box-shadow:1px 8px 52px 0 #42386824}
.SubmitButton:active{transform:translateY(2px)}
.SubmitButton::selection{background:#F9F9F9}
::selection{background:#F9F9F9;color:#423868}
@media (max-width: 1024px) {
.SplitHeroSection{grid-template-columns:1fr}
.MetricsGrid{grid-template-columns:1fr 1fr}
.ApproachContentGrid{grid-template-columns:1fr;gap:28px}
.ProgramCardsWrapper{grid-template-columns:1fr 1fr}
.TestimonialLayout{grid-template-columns:1fr}
.ProfileImageWrapper{width:100%;max-width:280px;margin:0 auto}
.FormGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.LeftHeroPanel,.MetricsBoard,.ApproachSection,.ProgramHighlightsBlock,.GlossarySection,.TestimonialShowcase,.RegistrationPanel{padding:56px 28px}
.HeroTitle{font-size:33px}
.MetricsGrid{grid-template-columns:1fr;gap:28px}
.ProgramCardsWrapper{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.LeftHeroPanel,.MetricsBoard,.ApproachSection,.ProgramHighlightsBlock,.GlossarySection,.TestimonialShowcase,.RegistrationPanel{padding:28px 16px}
.HeroTitle{font-size:24px}
.MetricNumber{font-size:46px}
.ApproachHeader,.BlockTitleCentered,.GlossaryTitle{font-size:24px}
}
.ContactSurface{max-width:1366px;margin:0 auto;background:#F9F9F9;color:#423868}
.ContactSurface .HeaderZone{background:radial-gradient(circle at center,#423868,#5a4d88);padding-top:96px;padding-bottom:56px;position:relative;overflow:hidden}
.ContactSurface .HeaderZone::before{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#f5fa0426;top:28%;left:12%}
.ContactSurface .HeaderZone::after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#f5fa041f;top:65%;right:18%}
.ContactSurface .DotAccent1{position:absolute;width:10px;height:10px;border-radius:50%;background:#f5fa042e;top:15%;right:30%}
.ContactSurface .DotAccent2{position:absolute;width:7px;height:7px;border-radius:50%;background:#f5fa041a;bottom:20%;left:25%}
.ContactSurface .HeaderContent-wrapper{position:relative;text-align:center;padding-left:28px;padding-right:28px}
.ContactSurface .PrimaryTitle{font-size:62px;line-height:1.15;color:#F5FA04;margin-bottom:16px;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.ContactSurface .TitleHighlight{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}
.ContactSurface .IntroText{font-size:19px;line-height:1.6;color:#F9F9F9;max-width:720px;margin:0 auto}
.ContactSurface .ImageDisplay{width:100%;max-width:580px;margin:28px auto 0;border-radius:22px;overflow:hidden;box-shadow:1px 8px 52px 0 #43386824}
.ContactSurface .DisplayImage{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:4/3;filter:blur(0)}
.ContactSurface .DividerShape{width:100%;height:48px;background:#F9F9F9}
.ContactSurface .ZigzagPath{fill:#423868}
.ContactSurface .MainContentArea{background:#fff;padding-top:56px;padding-bottom:96px;position:relative}
.ContactSurface .ParallelLinesTexture{position:absolute;top:0;left:0;right:0;height:280px;background:repeating-linear-gradient(45deg,transparent,transparent 18px,#43386805 18px,#43386805 20px);pointer-events:none;z-index:1}
.ContactSurface .ContentGrid{display:grid;grid-template-columns:2fr 1fr;gap:56px;padding-left:56px;padding-right:56px;position:relative;z-index:2}
.ContactSurface .FormSection{background:#fff;border-radius:38px;padding:56px;box-shadow:1px 5px 20px 0 #4338681a}
.ContactSurface .SectionLabel{font-size:33px;line-height:1.4;color:#423868;margin-bottom:28px;letter-spacing:-.01em}
.ContactSurface .DescriptionParagraph{font-size:16px;line-height:1.6;color:#423868;margin-bottom:28px;opacity:.85}
.ContactSurface .FormStructure{display:flex;flex-direction:column;gap:28px}
.ContactSurface .InputGroup{display:flex;flex-direction:column;gap:8px}
.ContactSurface .FieldLabel{font-size:14px;line-height:1.4;color:#423868;font-weight:600;letter-spacing:.02em}
.ContactSurface .TextInput{padding:16px;border:2px solid #43386826;border-radius:10px;font-size:16px;line-height:1.4;color:#423868;background:#fff;transition:border-color .12s ease-out,box-shadow .12s ease-out;outline:none}
.ContactSurface .TextInput:focus{border-color:#423868;box-shadow:0 0 0 3px #4338681a}
.ContactSurface .TextInput::placeholder{color:#43386866;text-overflow:ellipsis}
.ContactSurface .ServiceSelection{display:flex;flex-direction:column;gap:16px;margin-bottom:8px}
.ContactSurface .CheckboxOption{display:flex;align-items:center;gap:16px;padding:16px;border:2px solid #4338681f;border-radius:10px;cursor:pointer;transition:background-color .1s linear,border-color .1s linear}
.ContactSurface .CheckboxOption:hover{background:#43386808;border-color:#43386840}
.ContactSurface .CheckboxInput{width:22px;height:22px;border:2px solid #4338684d;border-radius:1px;cursor:pointer;transition:background-color .09s ease-out,border-color .09s ease-out;outline:none}
.ContactSurface .CheckboxInput:checked{background:#423868;border-color:#423868}
.ContactSurface .CheckboxInput:focus{box-shadow:0 0 0 3px #43386826}
.ContactSurface .OptionText{font-size:16px;line-height:1.4;color:#423868;cursor:pointer}
.ContactSurface .PrivacyConsent{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#43386808;border-radius:10px;margin-bottom:8px}
.ContactSurface .ConsentCheckbox{width:20px;height:20px;border:2px solid #4338684d;border-radius:1px;cursor:pointer;flex-shrink:0;margin-top:2px;transition:background-color .09s ease-out,border-color .09s ease-out}
.ContactSurface .ConsentCheckbox:checked{background:#423868;border-color:#423868}
.ContactSurface .ConsentCheckbox:focus{box-shadow:0 0 0 3px #43386826}
.ContactSurface .ConsentText{font-size:14px;line-height:1.6;color:#423868;opacity:.8}
.ContactSurface .PolicyLink{color:#423868;text-decoration:underline;transition:opacity .08s linear}
.ContactSurface .PolicyLink:hover{opacity:.7}
.ContactSurface .SubmitAction{padding:16px 56px;background:linear-gradient(135deg,#423868 0%,#5a4d88 100%);color:#F5FA04;border:none;border-radius:22px;font-size:19px;line-height:1.4;font-weight:600;cursor:pointer;transition:transform .11s ease-out,box-shadow .11s ease-out;box-shadow:1px 3px 2px 0 #43386812;letter-spacing:.01em}
.ContactSurface .SubmitAction:hover{transform:translateY(-2px);box-shadow:1px 5px 20px 0 #4338681a}
.ContactSurface .SubmitAction:active{transform:translateY(0)}
.ContactSurface .Sidebar-wrapper{display:flex;flex-direction:column;gap:28px}
.ContactSurface .MetricsPanel{background:linear-gradient(135deg,#423868 0%,#5a4d88 100%);border-radius:22px;padding:56px 28px;color:#F9F9F9;box-shadow:1px 5px 20px 0 #4338681a;animation:pulseGlow 4.2s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{box-shadow:1px 5px 20px 0 #4338681a}
50%{box-shadow:1px 8px 52px 0 #43386824}
}
.ContactSurface .StatDivision{display:flex;flex-direction:column;gap:28px}
.ContactSurface .StatZone{padding:28px;background:#f9f9f914;border-radius:10px;position:relative}
.ContactSurface .StatZone::before{content:'';position:absolute;width:28px;height:3px;background:#F5FA04;top:0;left:28px;border-radius:22px}
.ContactSurface .MetricValue{font-size:46px;line-height:1.15;color:#F5FA04;margin-bottom:8px;letter-spacing:-.02em}
.ContactSurface .MetricLabel{font-size:14px;line-height:1.4;color:#F9F9F9;opacity:.85;letter-spacing:.03em}
.ContactSurface .ContactInfoPanel{background:#fff;border-radius:22px;padding:28px;box-shadow:1px 3px 2px 0 #43386812}
.ContactSurface .InfoTitle{font-size:24px;line-height:1.4;color:#423868;margin-bottom:28px;letter-spacing:-.01em}
.ContactSurface .InfoList{display:flex;flex-direction:column;gap:16px}
.ContactSurface .InfoItem{display:flex;align-items:flex-start;gap:16px}
.ContactSurface .IconShape{width:24px;height:24px;flex-shrink:0;margin-top:2px}
.ContactSurface .IconCircle{fill:none;stroke:#423868;stroke-width:2}
.ContactSurface .IconPath{fill:#423868}
.ContactSurface .InfoDetails{display:flex;flex-direction:column;gap:8px}
.ContactSurface .DetailLabel{font-size:14px;line-height:1.4;color:#423868;opacity:.6;letter-spacing:.02em;font-weight:600}
.ContactSurface .DetailValue{font-size:16px;line-height:1.6;color:#423868}
.ContactSurface .DetailLink{color:#423868;text-decoration:none;transition:opacity .08s linear}
.ContactSurface .DetailLink:hover{opacity:.7;text-decoration:underline}
.ContactSurface .ArrowIndicator{position:fixed;right:28px;bottom:28px;width:42px;height:42px;pointer-events:none;opacity:.15;z-index:10}
.ContactSurface .ArrowPath{fill:#423868}
@media (max-width: 1024px) {
.ContactSurface .ContentGrid{grid-template-columns:1fr;gap:56px;padding-left:28px;padding-right:28px}
.ContactSurface .FormSection{padding:28px}
.ContactSurface .PrimaryTitle{font-size:46px}
}
@media (max-width: 768px) {
.ContactSurface .HeaderZone{padding-top:56px;padding-bottom:28px}
.ContactSurface .PrimaryTitle{font-size:33px}
.ContactSurface .IntroText{font-size:16px}
.ContactSurface .MainContentArea{padding-top:28px;padding-bottom:56px}
.ContactSurface .ContentGrid{padding-left:16px;padding-right:16px;gap:28px}
.ContactSurface .FormSection{padding:28px 16px}
.ContactSurface .SectionLabel{font-size:24px}
.ContactSurface .SubmitAction{width:100%;padding:16px 28px}
}
@media (max-width: 480px) {
.ContactSurface .HeaderZone{padding-top:28px;padding-bottom:16px}
.ContactSurface .PrimaryTitle{font-size:24px}
.ContactSurface .MetricsPanel{padding:28px 16px}
.ContactSurface .MetricValue{font-size:33px}
}
.ContactSurface ::selection{background:#F9F9F9;color:#423868}
.AboutPageWrapper{background:#F9F9F9;min-height:100vh;padding:56px 0}
.AboutPageWrapper .ContentContainer{max-width:1366px;margin:0 auto;padding:0 28px}
.AboutPageWrapper .HeroSection{background:#FFF;border-radius:38px;padding:96px 56px;margin-bottom:56px;position:relative;overflow:hidden;box-shadow:1px 5px 20px 0 #4238681a}
.AboutPageWrapper .HeroLayout{display:grid;grid-template-columns:300px 1fr 300px;gap:56px;align-items:center}
.AboutPageWrapper .HeroImageLeft,.AboutPageWrapper .HeroImageRight{width:100%;height:400px;border-radius:22px;object-fit:cover;filter:sepia(0.2) saturate(1.1)}
.AboutPageWrapper .HeroTextZone{padding:28px 56px;position:relative}
.AboutPageWrapper .QuoteMark{position:absolute;top:-40px;left:0;font-size:200px;line-height:1;color:#4238680f;font-family:Georgia,serif;pointer-events:none}
.AboutPageWrapper .MainHeading{font-size:46px;line-height:1.15;color:#423868;margin:0;position:relative;z-index:1}
.AboutPageWrapper .StorySection{background:#423868;border-radius:38px;padding:96px 56px;margin-bottom:56px;color:#FFF}
.AboutPageWrapper .StoryGrid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:56px}
.AboutPageWrapper .StoryColumn h2{font-size:33px;line-height:1.4;margin:0 0 28px;color:transparent;-webkit-text-stroke:1.5px #FFF;text-stroke:1.5px #FFF}
.AboutPageWrapper .StoryColumn p{font-size:16px;line-height:1.6;margin:0 0 16px}
.AboutPageWrapper .StoryColumn p:last-child{margin-bottom:0}
.AboutPageWrapper .MetricsBox{background:#ffffff1a;border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:16px}
.AboutPageWrapper .MetricItem{border-bottom:1px solid #fff3;padding-bottom:16px}
.AboutPageWrapper .MetricItem:last-child{border-bottom:none;padding-bottom:0}
.AboutPageWrapper .MetricNumber{font-size:33px;line-height:1.15;font-weight:700;color:#F5FA04;margin:0 0 8px}
.AboutPageWrapper .MetricLabel{font-size:14px;line-height:1.4;color:#FFF;margin:0}
.AboutPageWrapper .TeamSection{background:linear-gradient(45deg,#423868 0%,#423868d9 100%);border-radius:38px;padding:96px 56px;margin-bottom:56px}
.AboutPageWrapper .TeamHeader{text-align:center;margin-bottom:56px}
.AboutPageWrapper .TeamHeader h2{font-size:33px;line-height:1.4;color:#FFF;margin:0 0 16px}
.AboutPageWrapper .TeamHeader p{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0;max-width:700px;margin-left:auto;margin-right:auto}
.AboutPageWrapper .TeamGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:56px;max-width:900px;margin:0 auto}
.AboutPageWrapper .TeamMember{text-align:center}
.AboutPageWrapper .MemberPhoto{width:200px;height:200px;border-radius:50%;object-fit:cover;object-position:top;margin:0 auto 28px;border:4px solid #F5FA04;box-shadow:1px 8px 52px 0 #42386824}
.AboutPageWrapper .MemberName{font-size:24px;line-height:1.4;color:#F5FA04;margin:0 0 8px}
.AboutPageWrapper .MemberRole{font-size:16px;line-height:1.4;color:#ffffffd9;margin:0 0 16px}
.AboutPageWrapper .MemberBio{font-size:14px;line-height:1.6;color:#fffc;margin:0}
.AboutPageWrapper .ContactFormSection{background:#FFF;border-radius:38px;padding:96px 56px;box-shadow:1px 3px 2px 0 #42386812}
.AboutPageWrapper .FormLayout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.AboutPageWrapper .FormIntro h2{font-size:33px;line-height:1.4;color:#423868;margin:0 0 28px}
.AboutPageWrapper .FormIntro p{font-size:16px;line-height:1.6;color:#423868;margin:0 0 16px}
.AboutPageWrapper .IntroImage{width:100%;height:320px;border-radius:22px;object-fit:cover;margin-top:28px}
.AboutPageWrapper .ContactFormBox{background:#F9F9F9;border-radius:22px;padding:56px;position:relative}
.AboutPageWrapper .ContactFormBox::before{content:'';position:absolute;top:0;right:0;width:60px;height:60px;background:#F5FA04;border-radius:0 22px 0 10px}
.AboutPageWrapper .FormField{margin-bottom:28px}
.AboutPageWrapper .FormLabel{display:block;font-size:14px;line-height:1.4;color:#423868;margin-bottom:8px;font-weight:600}
.AboutPageWrapper .FormInput{width:100%;padding:16px;font-size:16px;line-height:1.4;border:2px solid #42386833;border-radius:10px;background:#FFF;color:#423868;transition:border-color .12s ease-out,box-shadow .12s ease-out}
.AboutPageWrapper .FormInput:focus{outline:none;border-color:#423868;box-shadow:0 0 0 3px #4238681a}
.AboutPageWrapper .FormInput::placeholder{color:#42386880;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.AboutPageWrapper .BudgetOptions{display:flex;flex-direction:column;gap:16px}
.AboutPageWrapper .RadioOption{display:flex;align-items:center;gap:8px}
.AboutPageWrapper .RadioInput{width:20px;height:20px;accent-color:#423868}
.AboutPageWrapper .RadioLabel{font-size:16px;line-height:1.4;color:#423868;cursor:pointer}
.AboutPageWrapper .PrivacyCheckbox{display:flex;align-items:start;gap:8px;margin-bottom:28px}
.AboutPageWrapper .CheckboxInput{width:20px;height:20px;margin-top:2px;accent-color:#423868;flex-shrink:0}
.AboutPageWrapper .PrivacyText{font-size:14px;line-height:1.6;color:#423868}
.AboutPageWrapper .PrivacyText a{color:#423868;text-decoration:underline}
.AboutPageWrapper .SubmitButton{width:100%;padding:16px 28px;font-size:16px;line-height:1.4;color:#FFF;background:#423868;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:background .1s ease-out,transform .08s linear;box-shadow:1px 5px 20px 0 #4238681a}
.AboutPageWrapper .SubmitButton:hover{background:#352c54;transform:translateY(-1px)}
.AboutPageWrapper .SubmitButton:active{transform:translateY(0)}
@media (max-width: 1024px) {
.AboutPageWrapper .HeroLayout{grid-template-columns:1fr;gap:28px}
.AboutPageWrapper .HeroImageLeft{order:1}
.AboutPageWrapper .HeroTextZone{order:2;padding:16px}
.AboutPageWrapper .HeroImageRight{order:3}
.AboutPageWrapper .HeroImageLeft,.AboutPageWrapper .HeroImageRight{height:300px}
.AboutPageWrapper .StoryGrid{grid-template-columns:1fr}
.AboutPageWrapper .FormLayout{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.AboutPageWrapper{padding:28px 0}
.AboutPageWrapper .ContentContainer{padding:0 16px}
.AboutPageWrapper .HeroSection,.AboutPageWrapper .StorySection,.AboutPageWrapper .TeamSection,.AboutPageWrapper .ContactFormSection{padding:56px 28px;margin-bottom:28px}
.AboutPageWrapper .MainHeading{font-size:33px}
.AboutPageWrapper .QuoteMark{font-size:120px;top:-20px}
.AboutPageWrapper .ContactFormBox{padding:28px}
}
@media (max-width: 480px) {
.AboutPageWrapper .MainHeading{font-size:24px}
.AboutPageWrapper .StoryColumn h2,.AboutPageWrapper .TeamHeader h2,.AboutPageWrapper .FormIntro h2{font-size:24px}
.AboutPageWrapper .MetricNumber{font-size:24px}
.AboutPageWrapper .MemberPhoto{width:150px;height:150px}
}
.AboutPageWrapper ::selection{background:#F9F9F9;color:#423868}
@keyframes rotateDecoration {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.AboutPageWrapper .ContactFormBox::before{animation:rotateDecoration 120s linear infinite;transform-origin:30px 30px}
.SuccessPageWrapper{max-width:1366px;margin:0 auto;background:#F9F9F9;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:56px 28px}
.ConfirmationBlock{background:#FFF;border-radius:38px;padding:96px 56px;box-shadow:1px 8px 52px 0 #42386824;text-align:center;max-width:740px;margin-bottom:56px;position:relative;overflow:hidden}
.ConfirmationBlock::before{content:'';position:absolute;top:-50%;right:-20%;width:280px;height:280px;background:linear-gradient(45deg,#4238680f,#f5fa040a);border-radius:50%;pointer-events:none}
.ConfirmationBlock::after{content:'';position:absolute;bottom:-40%;left:-15%;width:240px;height:240px;background:linear-gradient(45deg,#f5fa040d,#42386808);border-radius:50%;pointer-events:none}
.StatusIcon{width:92px;height:92px;margin:0 auto 28px;position:relative;display:flex;align-items:center;justify-content:center}
.StatusIcon svg{width:100%;height:100%;animation:scaleIn .14s ease-out}
@keyframes scaleIn {
from{transform:scale(0.7);opacity:0}
to{transform:scale(1);opacity:1}
}
.StatusIcon circle{fill:#42386814}
.StatusIcon path{fill:#423868}
.ConfirmationBlock h1{font-size:46px;line-height:1.15;color:#423868;margin:0 0 16px;letter-spacing:-.02em}
.ConfirmationBlock p{font-size:19px;line-height:1.6;color:#333;margin:0 0 28px;max-width:540px;margin-left:auto;margin-right:auto}
.ConfirmationBlock p:last-of-type{margin-bottom:0}
.DetailsList{background:linear-gradient(45deg,#42386808,#f9f9f9cc);border-radius:22px;padding:28px;margin:56px 0 0;text-align:left}
.DetailsList ul{list-style:none;padding:0;margin:0}
.DetailsList li{font-size:16px;line-height:1.6;color:#423868;padding:8px 0 8px 36px;position:relative}
.DetailsList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background:#F5FA04;border-radius:50%;box-shadow:1px 3px 2px 0 #42386812}
.NextSteps{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1040px;width:100%}
.ActionCard{background:#FFF;border-radius:22px;padding:56px 28px;box-shadow:1px 5px 20px 0 #4238681a;text-align:center;transition:transform .12s ease-out,box-shadow .12s ease-out;position:relative;overflow:hidden}
.ActionCard:hover{transform:translateY(-4px);box-shadow:1px 8px 52px 0 #42386824}
.ActionCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(45deg,#423868,#F5FA04);transform:scaleX(0);transform-origin:left;transition:transform .15s ease-out}
.ActionCard:hover::before{transform:scaleX(1)}
.ActionCard h2{font-size:24px;line-height:1.4;color:#423868;margin:0 0 16px;-webkit-text-stroke:1px #423868;-webkit-text-fill-color:transparent;letter-spacing:-.01em}
.ActionCard p{font-size:16px;line-height:1.6;color:#333;margin:0 0 28px}
.ActionButton{display:inline-flex;align-items:center;justify-content:center;background:#423868;color:#FFF;font-size:16px;padding:16px 28px;border-radius:10px;text-decoration:none;transition:background .1s ease-out,transform .08s linear;box-shadow:1px 3px 2px 0 #42386812;gap:8px}
.ActionButton:hover{background:#5a4a88;transform:scale(1.03)}
.ActionButton:active{transform:scale(0.98)}
.ActionButton svg{width:16px;height:16px;fill:currentColor}
.SecondaryButton{background:transparent;color:#423868;border:2px solid #423868}
.SecondaryButton:hover{background:#4238680d;border-color:#5a4a88;color:#5a4a88}
.TimingNote{font-size:14px;line-height:1.6;color:#666;margin-top:28px;padding:16px;background:#f5fa040f;border-radius:10px;text-align:center}
@media (max-width: 768px) {
.SuccessPageWrapper{padding:28px 16px}
.ConfirmationBlock{padding:56px 28px;margin-bottom:28px}
.ConfirmationBlock h1{font-size:33px}
.ConfirmationBlock p{font-size:16px}
.DetailsList{padding:16px;margin-top:28px}
.NextSteps{grid-template-columns:1fr;gap:16px}
.ActionCard{padding:28px 16px}
.ActionCard h2{font-size:19px}
}
@media (max-width: 480px) {
.ConfirmationBlock{padding:28px 16px;border-radius:22px}
.StatusIcon{width:68px;height:68px}
.ConfirmationBlock h1{font-size:24px}
.DetailsList li{font-size:14px;padding-left:28px}
.ActionButton{width:100%;padding:16px}
}
::selection{background:#F9F9F9;color:#423868}