*{box-sizing:border-box}
body{font-family:'Source Sans Pro',sans-serif;margin:0;background:#fff;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
::selection{background:#000;color:#fff}
::-moz-selection{background:#000;color:#fff}
::placeholder{color:#026f6459}
:focus{outline:2px dashed #026F64;outline-offset:3px;animation:rotateDash 8s linear infinite}
@keyframes rotateDash {
to{outline-offset:6px}
}
.HeaderOuter{background:linear-gradient(135deg,#FDF5DD 0%,#fff 100%);border-bottom:1px solid #026f641f;box-shadow:0 7px 20px 0 #026f641c}
.HeaderInner{max-width:1600px;margin:0 auto;padding:0 28px}
.TopStrip{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #026f6414}
.MainNav{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.MainNav a{font-size:15px;font-weight:600;color:#026F64;text-decoration:none;padding:8px 16px;border-radius:6px;transition:background-color .28s cubic-bezier(0.34,1.56,0.64,1),color .25s cubic-bezier(0.68,-0.55,0.27,1.55)}
.MainNav a:hover{background:#026f6414;color:#014d44}
.ActionLink{font-size:15px;font-weight:700;color:#fff;background:#026F64;padding:8px 28px;border-radius:48px;text-decoration:none;transition:background-color .3s cubic-bezier(0.34,1.56,0.64,1),box-shadow .26s cubic-bezier(0.68,-0.55,0.27,1.55);box-shadow:0 3px 3px 0 #026f640d}
.ActionLink:hover{background:#014d44;box-shadow:0 9px 40px 0 #026f641f}
.BrandArea{display:flex;align-items:center;justify-content:center;padding:28px 0;gap:28px}
.LogoBox{background:#ffffffbf;backdrop-filter:blur(8px);padding:16px;border-radius:20px;border:2px solid #026f6426;box-shadow:0 7px 20px 0 #026f641c}
.LogoBox img{display:block;width:78px;height:78px;object-fit:contain}
.BrandText{text-align:center}
.CompanyTitle{font-size:42px;font-weight:700;color:#026F64;margin:0;line-height:1.15;letter-spacing:-.5px}
.CompanyTagline{font-size:18px;font-weight:400;color:#555;margin:8px 0 0;line-height:1.4}
.FooterOuter{background:#8FC6D0;color:#1a1a1a;margin-top:96px}
.FooterInner{max-width:1600px;margin:0 auto;padding:56px 28px 28px}
.FooterTop{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:56px;padding-bottom:56px;border-bottom:1px solid #026f6433}
.FooterColumn h3{font-size:18px;font-weight:700;margin:0 0 16px;color:#026F64;text-transform:uppercase;letter-spacing:.8px}
.FooterColumn ul{list-style:none;padding:0;margin:0}
.FooterColumn li{margin-bottom:8px}
.FooterColumn a{font-size:15px;color:#1a1a1a;text-decoration:none;transition:color .24s cubic-bezier(0.34,1.56,0.64,1)}
.FooterColumn a:hover{color:#026F64}
.FooterColumn p{font-size:15px;line-height:1.6;margin:0}
.FooterLogoBox{text-align:right}
.FooterLogoBox img{width:75px;height:75px;object-fit:contain;background:#fff9;padding:16px;border-radius:20px;border:2px solid #026f6433}
.FooterBottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;flex-wrap:wrap;gap:16px}
.CopyrightText{font-size:15px;color:#1a1a1a;margin:0}
.LegalLinks{display:flex;gap:28px}
.LegalLinks a{font-size:15px;color:#1a1a1a;text-decoration:none;transition:color .22s cubic-bezier(0.68,-0.55,0.27,1.55)}
.LegalLinks a:hover{color:#026F64}
.ConsentPopup{position:fixed;bottom:28px;right:28px;background:#fff;border-radius:20px;box-shadow:0 9px 40px 0 #026f641f;max-width:480px;z-index:1200;border:2px solid #8FC6D0;display:none}
.ConsentPopup.show{display:block;animation:slideInUp 260ms cubic-bezier(0.34,1.56,0.64,1)}
.ConsentPopup.hide{animation:slideOutDown 260ms cubic-bezier(0.68,-0.55,0.27,1.55)}
@keyframes slideInUp {
from{transform:translateY(120%);opacity:0}
to{transform:translateY(0);opacity:1}
}
@keyframes slideOutDown {
from{transform:translateY(0);opacity:1}
to{transform:translateY(120%);opacity:0}
}
.top{padding:28px}
.top h3{font-size:18px;font-weight:700;color:#026F64;margin:0 0 8px}
.top p{font-size:15px;line-height:1.6;color:#333;margin:0 0 16px}
.top a{color:#026F64;text-decoration:underline;transition:color .2s cubic-bezier(0.34,1.56,0.64,1)}
.top a:hover{color:#014d44}
.mid{padding:0 28px 16px}
.PreferenceRow{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.PreferenceRow input[type="checkbox"]{width:18px;height:18px}
.PreferenceRow label{font-size:15px;color:#333}
.foot{padding:16px 28px 28px;display:flex;gap:16px}
.ConsentButton{flex:1;padding:8px 16px;font-size:15px;font-weight:600;border-radius:6px;border:2px solid #026F64;background:#026F64;color:#fff;cursor:pointer;transition:background-color .28s cubic-bezier(0.34,1.56,0.64,1),border-color .3s cubic-bezier(0.68,-0.55,0.27,1.55)}
.ConsentButton:hover{background:#014d44;border-color:#014d44}
.ConsentButton.secondary{background:transparent;color:#026F64}
.ConsentButton.secondary:hover{background:#026f6414}
@media (max-width: 768px) {
.HeaderInner{padding:0 16px}
.TopStrip{flex-direction:column;gap:16px;align-items:flex-start}
.MainNav{flex-direction:column;align-items:flex-start;gap:8px;width:100%}
.BrandArea{flex-direction:column}
.CompanyTitle{font-size:30px}
.CompanyTagline{font-size:15px}
.FooterTop{grid-template-columns:1fr;gap:28px}
.FooterLogoBox{text-align:left}
.FooterBottom{flex-direction:column;align-items:flex-start}
.ConsentPopup{left:16px;right:16px;bottom:16px;max-width:none}
}
.policy-yndu-layout{max-width:1600px;margin:0 auto;padding:56px 28px;background:#fff}
.policy-yndu-layout h1{font-size:58px;line-height:1.15;margin:0 0 56px;color:#026F64;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.policy-yndu-layout h2{font-size:42px;line-height:1.4;margin:96px 0 28px;color:#026F64;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.policy-yndu-layout h2:first-of-type{margin-top:56px}
.policy-yndu-layout h3{font-size:30px;line-height:1.4;margin:56px 0 16px;color:#026F64;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.policy-yndu-layout h4{font-size:18px;line-height:1.4;margin:28px 0 16px;color:#026F64;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.policy-yndu-layout h5{font-size:18px;line-height:1.4;margin:28px 0 8px;color:#026F64;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.policy-yndu-layout h6{font-size:15px;line-height:1.4;margin:16px 0 8px;color:#026F64;font-weight:600;text-transform:uppercase;letter-spacing:.05em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.policy-yndu-layout p{font-size:18px;line-height:1.6;margin:0 0 28px;color:#1a1a1a}
.policy-yndu-layout ul{margin:0 0 28px;padding:0 0 0 28px;list-style-type:disc}
.policy-yndu-layout ol{margin:0 0 28px;padding:0 0 0 28px;list-style-type:decimal}
.policy-yndu-layout li{font-size:18px;line-height:1.6;margin:0 0 8px;color:#1a1a1a;padding-left:8px}
.policy-yndu-layout ul ul{margin:8px 0;padding-left:28px;list-style-type:circle}
.policy-yndu-layout ol ol{margin:8px 0;padding-left:28px;list-style-type:lower-alpha}
.policy-yndu-layout em{font-style:italic;color:#026F64}
.policy-yndu-layout i{font-style:italic}
.policy-yndu-layout strong{font-weight:600;color:#026F64}
.policy-yndu-layout a{color:#026F64;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color 280ms cubic-bezier(0.34,1.56,0.64,1)}
.policy-yndu-layout a:hover{color:#8FC6D0;text-decoration-thickness:2px}
.policy-yndu-layout hr{border:none;height:2px;background:#8FC6D0;margin:56px 0;opacity:.3}
.policy-yndu-layout div{margin:0 0 16px}
.policy-yndu-layout blockquote{margin:28px 0;padding:28px 28px 28px 56px;background:#FDF5DD;border-left:4px solid #026F64;border-radius:6px;font-size:18px;line-height:1.6;color:#1a1a1a}
.policy-yndu-layout table{width:100%;margin:28px 0;border-collapse:collapse;font-size:18px;line-height:1.6}
.policy-yndu-layout th{background:#026F64;color:#fff;padding:16px;text-align:left;font-weight:600}
.policy-yndu-layout td{padding:16px;border-bottom:1px solid #026f641a}
.policy-yndu-layout tr:nth-child(even){background:#FDF5DD}
@media (max-width: 768px) {
.policy-yndu-layout{padding:28px 16px}
.policy-yndu-layout h1{font-size:42px;margin-bottom:28px}
.policy-yndu-layout h2{font-size:30px;margin-top:56px}
.policy-yndu-layout h3{font-size:18px;margin-top:28px}
.policy-yndu-layout h4{font-size:15px}
.policy-yndu-layout p{font-size:15px}
.policy-yndu-layout li{font-size:15px}
.policy-yndu-layout ul{padding-left:16px}
.policy-yndu-layout ol{padding-left:16px}
.policy-yndu-layout blockquote{padding:16px 16px 16px 28px;font-size:15px}
.policy-yndu-layout table{font-size:15px}
.policy-yndu-layout th{padding:8px}
.policy-yndu-layout td{padding:8px}
}
.ContactPageMain{background:#FAFAFA;color:#1A1A1A;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:1600px;margin:0 auto}
.ContactPageMain ::selection{background:#000;color:#FFF}
.ContactPageMain .TitleOuter{position:relative;background:radial-gradient(ellipse at center,#026F64,#013D36);padding:96px 28px;overflow:hidden}
.ContactPageMain .TitleInner{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.ContactPageMain .TitleHeadingOuter h1{font-size:58px;line-height:1.15;color:#FFF;text-align:center;margin:0 0 28px}
.ContactPageMain .TitleHeadingOuter h1 .AccentedWord{color:#8FC6D0}
.ContactPageMain .TitleDescription{font-size:18px;line-height:1.6;color:#ffffffe6;text-align:center;max-width:720px;margin:0 auto}
.ContactPageMain .DecorativeDots{position:absolute;bottom:28px;right:56px;display:flex;gap:16px;z-index:1}
.ContactPageMain .DotElement{width:8px;height:8px;background:#8fc6d066;border-radius:48px}
@media (max-width: 768px) {
.ContactPageMain .TitleOuter{padding:56px 16px}
.ContactPageMain .TitleHeadingOuter h1{font-size:42px}
.ContactPageMain .DecorativeDots{display:none}
}
.ContactPageMain .FormBlockWrapper{background:#FFF;padding:96px 28px;position:relative}
.ContactPageMain .FormBlockInner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:56px}
.ContactPageMain .FormInfoSection{padding:28px 0}
.ContactPageMain .FormInfoSection h2{font-size:42px;line-height:1.15;margin:0 0 28px;color:#1A1A1A}
.ContactPageMain .FormInfoSection p{font-size:18px;line-height:1.6;margin:0 0 16px;color:#4A4A4A}
.ContactPageMain .AccentBarBlock{border-left:4px solid #026F64;padding-left:16px;margin:28px 0}
.ContactPageMain .AccentBarBlock h4{font-size:18px;line-height:1.4;margin:0 0 8px;color:#026F64;text-transform:uppercase;letter-spacing:.05em}
.ContactPageMain .AccentBarBlock p{font-size:15px;line-height:1.6;margin:0;color:#4A4A4A}
.ContactPageMain .ContactFormOuter{background:#FAFAFA;padding:56px;border-radius:20px;box-shadow:0 7px 20px 0 #026f641c}
.ContactPageMain .FormGroupWrapper{margin:0 0 28px}
.ContactPageMain .FormGroupWrapper label{display:block;font-size:15px;line-height:1.4;margin:0 0 8px;color:#1A1A1A;font-weight:600}
.ContactPageMain .FormGroupWrapper input[type="text"],.ContactPageMain .FormGroupWrapper input[type="email"]{width:100%;padding:16px;font-size:15px;line-height:1.4;border:2px solid #E0E0E0;border-radius:6px;background:#FFF;color:#1A1A1A;transition:border-color 280ms cubic-bezier(0.34,1.56,0.64,1),box-shadow 280ms cubic-bezier(0.34,1.56,0.64,1)}
.ContactPageMain .FormGroupWrapper input[type="text"]::placeholder,.ContactPageMain .FormGroupWrapper input[type="email"]::placeholder{color:#026f6466}
.ContactPageMain .FormGroupWrapper input[type="text"]:focus,.ContactPageMain .FormGroupWrapper input[type="email"]:focus{outline:none;border-color:#026F64;box-shadow:0 3px 3px 0 #026f640d}
.ContactPageMain .NameFieldsGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0 0 28px}
.ContactPageMain .PreferredChannelSection{margin:0 0 28px}
.ContactPageMain .PreferredChannelSection h5{font-size:15px;line-height:1.4;margin:0 0 16px;color:#1A1A1A;font-weight:600}
.ContactPageMain .ChannelOptionsContainer{display:flex;gap:16px;flex-wrap:wrap}
.ContactPageMain .ChannelOption{position:relative}
.ContactPageMain .ChannelOption input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.ContactPageMain .ChannelOption label{display:block;padding:16px 28px;font-size:15px;line-height:1.4;background:#FFF;border:2px solid #E0E0E0;border-radius:48px;cursor:pointer;transition:all 270ms cubic-bezier(0.34,1.56,0.64,1);color:#4A4A4A}
.ContactPageMain .ChannelOption input[type="radio"]:checked + label{background:#026F64;border-color:#026F64;color:#FFF;box-shadow:0 3px 3px 0 #026f640d}
.ContactPageMain .ChannelOption input[type="radio"]:focus + label{outline:2px solid #026F64;outline-offset:2px}
.ContactPageMain .ChannelOption label:hover{border-color:#026F64}
.ContactPageMain .PrivacyCheckboxWrapper{margin:0 0 28px;display:flex;align-items:flex-start;gap:16px}
.ContactPageMain .PrivacyCheckboxWrapper input[type="checkbox"]{margin:4px 0 0;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.ContactPageMain .PrivacyCheckboxWrapper label{font-size:15px;line-height:1.6;color:#4A4A4A;cursor:pointer}
.ContactPageMain .PrivacyCheckboxWrapper a{color:#026F64;text-decoration:underline;transition:color 250ms cubic-bezier(0.34,1.56,0.64,1)}
.ContactPageMain .PrivacyCheckboxWrapper a:hover{color:#013D36}
.ContactPageMain .SubmitButtonWrapper button{padding:16px 56px;font-size:18px;line-height:1.4;background:#026F64;color:#FFF;border:2px solid #026F64;border-radius:6px;cursor:pointer;font-weight:600;position:relative;transition:background 310ms cubic-bezier(0.34,1.56,0.64,1),transform 310ms cubic-bezier(0.34,1.56,0.64,1),box-shadow 310ms cubic-bezier(0.34,1.56,0.64,1)}
.ContactPageMain .SubmitButtonWrapper button::after{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid #026F64;border-radius:6px;opacity:0;transition:opacity 310ms cubic-bezier(0.34,1.56,0.64,1)}
.ContactPageMain .SubmitButtonWrapper button:hover{background:#013D36;border-color:#013D36;transform:translateY(-2px);box-shadow:0 9px 40px 0 #026f641f}
.ContactPageMain .SubmitButtonWrapper button:hover::after{opacity:1;border-color:#013D36}
.ContactPageMain .SubmitButtonWrapper button:active{transform:translateY(0)}
@media (max-width: 1024px) {
.ContactPageMain .FormBlockInner{grid-template-columns:1fr;gap:56px}
.ContactPageMain .ContactFormOuter{padding:28px}
.ContactPageMain .NameFieldsGrid{grid-template-columns:1fr;gap:28px}
}
@media (max-width: 768px) {
.ContactPageMain .FormBlockWrapper{padding:56px 16px}
.ContactPageMain .ChannelOptionsContainer{flex-direction:column}
.ContactPageMain .ChannelOption label{text-align:center}
}
.ContactPageMain .ContactInfoBlock{background:#FDF5DD;padding:96px 28px;position:relative}
.ContactPageMain .ContactInfoInner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:56px}
.ContactPageMain .InfoCardItem{background:#FFF;padding:28px;border-radius:20px;box-shadow:0 3px 3px 0 #026f640d;position:relative;overflow:hidden;transition:transform 290ms cubic-bezier(0.68,-0.55,0.27,1.55),box-shadow 290ms cubic-bezier(0.68,-0.55,0.27,1.55);animation:slideInFromBottom 350ms cubic-bezier(0.34,1.56,0.64,1) backwards}
.ContactPageMain .InfoCardItem:nth-child(1){animation-delay:100ms}
.ContactPageMain .InfoCardItem:nth-child(2){animation-delay:200ms}
.ContactPageMain .InfoCardItem:nth-child(3){animation-delay:300ms}
.ContactPageMain .InfoCardItem:nth-child(4){animation-delay:400ms}
@keyframes slideInFromBottom {
from{opacity:0;transform:translateY(28px)}
to{opacity:1;transform:translateY(0)}
}
.ContactPageMain .InfoCardItem:hover{transform:translateY(-8px);box-shadow:0 9px 40px 0 #026f641f}
.ContactPageMain .InfoCardItem::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:#026F64}
.ContactPageMain .InfoCardItem h4{font-size:18px;line-height:1.4;margin:0 0 16px;color:#026F64;text-transform:uppercase;letter-spacing:.05em}
.ContactPageMain .InfoCardItem p{font-size:15px;line-height:1.6;margin:0;color:#1A1A1A}
.ContactPageMain .InfoCardItem a{color:#026F64;text-decoration:none;transition:color 260ms cubic-bezier(0.34,1.56,0.64,1)}
.ContactPageMain .InfoCardItem a:hover{color:#013D36;text-decoration:underline}
.ContactPageMain .ParallelLinesDecor{position:absolute;bottom:28px;left:28px;width:120px;height:80px;opacity:.3}
.ContactPageMain .ParallelLine{position:absolute;left:0;height:2px;background:#026F64}
.ContactPageMain .ParallelLine:nth-child(1){top:0;width:120px}
.ContactPageMain .ParallelLine:nth-child(2){top:20px;width:96px}
.ContactPageMain .ParallelLine:nth-child(3){top:40px;width:72px}
.ContactPageMain .ParallelLine:nth-child(4){top:60px;width:48px}
@media (max-width: 1200px) {
.ContactPageMain .ContactInfoInner{grid-template-columns:1fr 1fr;gap:28px}
}
@media (max-width: 768px) {
.ContactPageMain .ContactInfoBlock{padding:56px 16px}
.ContactPageMain .ContactInfoInner{grid-template-columns:1fr;gap:28px}
.ContactPageMain .ParallelLinesDecor{display:none}
}
.ContactPageMain .DividerCrossLine{display:flex;justify-content:center;align-items:center;gap:28px;padding:28px 0;background:#FFF}
.ContactPageMain .CrossShape{width:16px;height:16px;position:relative}
.ContactPageMain .CrossShape::before,.ContactPageMain .CrossShape::after{content:'';position:absolute;background:#8FC6D0}
.ContactPageMain .CrossShape::before{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}
.ContactPageMain .CrossShape::after{top:0;left:50%;width:2px;height:100%;transform:translateX(-50%)}
.WebinarHomePage{background:#FEFEFE;color:#1A1A1A;overflow-x:clip}
.WebinarHomePage .HeroSection{position:relative;padding:56px 16px;background:linear-gradient(to bottom,transparent 0%,#026F64 100%);overflow:hidden}
.WebinarHomePage .HeroSection::before{content:'01';position:absolute;top:28px;right:96px;font-size:240px;font-weight:700;color:#ffffff14;line-height:1;pointer-events:none}
.WebinarHomePage .HeroContent{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.WebinarHomePage .HeroText h1{font-size:58px;line-height:1.15;color:#FFF;margin:0 0 28px}
.WebinarHomePage .HeroText a{display:inline-block;padding:16px 56px;background:#FDF5DD;color:#026F64;text-decoration:none;border-radius:6px;font-size:18px;font-weight:600;transition:box-shadow .28s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 7px 20px 0 #026f641c}
.WebinarHomePage .HeroText a:hover{box-shadow:0 9px 40px 0 #026f641f inset 0 0 0 2px #026F64}
.WebinarHomePage .HeroImageWrapper{position:relative}
.WebinarHomePage .HeroImageWrapper img{width:100%;height:auto;border-radius:20px;display:block;box-shadow:0 9px 40px 0 #026f641f;position:relative}
.WebinarHomePage .HeroImageWrapper::after{content:'';position:absolute;inset:0;border-radius:20px;background:radial-gradient(ellipse at center,transparent 40%,#026f6466 100%);pointer-events:none}
@media (max-width: 768px) {
.WebinarHomePage .HeroContent{grid-template-columns:1fr;gap:28px}
.WebinarHomePage .HeroImageWrapper{display:none}
.WebinarHomePage .HeroText h1{font-size:42px}
.WebinarHomePage .HeroSection::before{font-size:160px;right:16px}
}
.WebinarHomePage .AnalyticsOverview{padding:96px 16px;margin-left:56px;background:#FEFEFE}
.WebinarHomePage .OverviewContainer{max-width:1600px;margin:0 auto}
.WebinarHomePage .OverviewContainer h2{font-size:42px;line-height:1.15;color:#026F64;margin:0 0 56px;position:relative}
.WebinarHomePage .OverviewContainer h2::before{content:'';position:absolute;top:-16px;left:0;width:96px;height:4px;background:#8FC6D0}
.WebinarHomePage .AnalyticsGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:56px}
.WebinarHomePage .AnalyticsCard{background:#FFF;padding:28px;border-radius:20px;box-shadow:0 3px 3px 0 #026f640d;transition:transform .26s cubic-bezier(0.34,1.56,0.64,1)}
.WebinarHomePage .AnalyticsCard:hover{transform:translateY(-8px);box-shadow:0 9px 40px 0 #026f641f}
.WebinarHomePage .AnalyticsCard h3{font-size:30px;line-height:1.4;color:#1A1A1A;margin:0 0 16px}
.WebinarHomePage .AnalyticsCard p{font-size:15px;line-height:1.6;color:#4A4A4A;margin:0}
@media (max-width: 1024px) {
.WebinarHomePage .AnalyticsGrid{grid-template-columns:1fr 1fr}
.WebinarHomePage .AnalyticsOverview{margin-left:0}
}
@media (max-width: 768px) {
.WebinarHomePage .AnalyticsGrid{grid-template-columns:1fr}
}
.WebinarHomePage .ToolsShowcase{padding:96px 16px;background:#8FC6D0;margin-right:96px;position:relative}
.WebinarHomePage .ToolsShowcase::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 40px,#026f6408 40px,#026f6408 42px),repeating-linear-gradient(90deg,transparent,transparent 40px,#026f6408 40px,#026f6408 42px);pointer-events:none}
.WebinarHomePage .ToolsContainer{max-width:1600px;margin:0 auto;position:relative;z-index:1}
.WebinarHomePage .ToolsContainer h2{font-size:42px;line-height:1.15;color:#026F64;margin:0 0 56px;text-align:center}
.WebinarHomePage .ToolsLayout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.WebinarHomePage .ToolsImage img{width:100%;height:auto;border-radius:48px;display:block;box-shadow:0 9px 40px 0 #026f641f;position:relative}
.WebinarHomePage .ToolsImage{position:relative}
.WebinarHomePage .ToolsImage::after{content:'';position:absolute;inset:0;border-radius:48px;background:radial-gradient(ellipse at center,transparent 40%,#026f644d 100%);pointer-events:none}
.WebinarHomePage .ToolsList{list-style:none;padding:0;margin:0}
.WebinarHomePage .ToolsList li{padding:16px 0;font-size:18px;line-height:1.6;color:#1A1A1A;position:relative;padding-left:48px}
.WebinarHomePage .ToolsList li::before{content:'';position:absolute;left:0;top:20px;width:28px;height:28px;background:#026F64;border-radius:6px;box-shadow:0 3px 3px 0 #026f640d}
.WebinarHomePage .ToolsList li::after{content:'';position:absolute;left:8px;top:28px;width:8px;height:4px;border-left:2px solid #FDF5DD;border-bottom:2px solid #FDF5DD;transform:rotate(-45deg)}
@media (max-width: 768px) {
.WebinarHomePage .ToolsLayout{grid-template-columns:1fr}
.WebinarHomePage .ToolsImage{display:none}
.WebinarHomePage .ToolsShowcase{margin-right:0}
}
.WebinarHomePage .InteractiveMetrics{padding:96px 16px;background:#FDF5DD;margin-left:28px}
.WebinarHomePage .MetricsContainer{max-width:1600px;margin:0 auto}
.WebinarHomePage .MetricsContainer h2{font-size:42px;line-height:1.15;color:#026F64;margin:0 0 56px}
.WebinarHomePage .MetricsRow{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:28px}
.WebinarHomePage .MetricBox{background:#FFF;padding:28px;border-radius:20px;text-align:center;box-shadow:0 3px 3px 0 #026f640d;transition:all .32s cubic-bezier(0.68,-0.55,0.27,1.55)}
.WebinarHomePage .MetricBox:hover{transform:scale(1.08);box-shadow:0 9px 40px 0 #026f641f}
.WebinarHomePage .MetricNumber{font-size:58px;line-height:1.15;color:#026F64;font-weight:700;margin:0 0 8px;display:block}
.WebinarHomePage .MetricLabel{font-size:15px;line-height:1.4;color:#4A4A4A;margin:0}
@media (max-width: 1024px) {
.WebinarHomePage .MetricsRow{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px) {
.WebinarHomePage .MetricsRow{grid-template-columns:1fr}
.WebinarHomePage .InteractiveMetrics{margin-left:0}
}
.WebinarHomePage .TestimonialStats{padding:96px 16px;background:#FEFEFE;margin-right:56px}
.WebinarHomePage .TestimonialContainer{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:56px;align-items:start}
.WebinarHomePage .TestimonialContent{background:#FFF;padding:56px;border-radius:48px;box-shadow:0 7px 20px 0 #026f641c;position:relative}
.WebinarHomePage .TestimonialContent::before{content:'';position:absolute;top:28px;left:28px;width:56px;height:56px;background:#8FC6D0;border-radius:48px;box-shadow:0 9px 40px 0 #8fc6d01f}
.WebinarHomePage .TestimonialContent::after{content:'"';position:absolute;top:28px;left:40px;font-size:58px;color:#FFF;font-weight:700;line-height:1}
.WebinarHomePage .TestimonialText{font-size:18px;line-height:1.6;color:#1A1A1A;margin:56px 0 28px}
.WebinarHomePage .TestimonialAuthor{font-size:15px;line-height:1.4;color:#026F64;font-weight:600;margin:0}
.WebinarHomePage .StatsColumn{display:flex;flex-direction:column;gap:28px}
.WebinarHomePage .StatCard{background:linear-gradient(135deg,#026F64 0%,#8FC6D0 100%);padding:28px;border-radius:20px;color:#FFF;box-shadow:0 7px 20px 0 #026f641c}
.WebinarHomePage .StatValue{font-size:42px;line-height:1.15;font-weight:700;margin:0 0 8px;display:block}
.WebinarHomePage .StatDescription{font-size:15px;line-height:1.4;margin:0;opacity:.9}
@media (max-width: 1024px) {
.WebinarHomePage .TestimonialContainer{grid-template-columns:1fr}
.WebinarHomePage .TestimonialStats{margin-right:0}
}
@media (max-width: 768px) {
.WebinarHomePage .TestimonialContent{padding:28px}
}
.WebinarHomePage .FaqSection{padding:96px 16px;background:#FEFEFE;margin-left:96px}
.WebinarHomePage .FaqContainer{max-width:1600px;margin:0 auto}
.WebinarHomePage .FaqContainer h2{font-size:42px;line-height:1.15;color:#026F64;margin:0 0 56px;text-align:center}
.WebinarHomePage .FaqList{display:grid;gap:16px}
.WebinarHomePage .FaqItemWrapper{position:relative}
.WebinarHomePage .FaqToggle{position:absolute;opacity:0;pointer-events:none}
.WebinarHomePage .FaqLabel{display:block;padding:28px;background:#FFF;border-radius:6px;cursor:pointer;font-size:18px;line-height:1.4;color:#1A1A1A;font-weight:600;border:2px solid transparent;transition:border-color .24s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 3px 3px 0 #026f640d;position:relative}
.WebinarHomePage .FaqLabel::after{content:'';position:absolute;right:28px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-right:3px solid #026F64;border-bottom:3px solid #026F64;transform:translateY(-50%) rotate(45deg);transition:transform .28s cubic-bezier(0.34,1.56,0.64,1)}
.WebinarHomePage .FaqToggle:checked ~ .FaqLabel{border-color:#8FC6D0}
.WebinarHomePage .FaqToggle:checked ~ .FaqLabel::after{transform:translateY(-25%) rotate(-135deg)}
.WebinarHomePage .FaqAnswer{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(0.34,1.56,0.64,1)}
.WebinarHomePage .FaqToggle:checked ~ .FaqAnswer{max-height:600px}
.WebinarHomePage .FaqAnswerContent{padding:28px;background:#FDF5DD;border-radius:6px;margin-top:8px;font-size:15px;line-height:1.6;color:#1A1A1A}
@media (max-width: 768px) {
.WebinarHomePage .FaqSection{margin-left:0}
}
.WebinarHomePage .CtaSection{padding:96px 16px;background:#026F64;position:relative;margin-right:28px}
.WebinarHomePage .CtaSvgDivider{position:absolute;top:-1px;left:0;width:100%;height:56px;overflow:hidden}
.WebinarHomePage .CtaSvgDivider svg{display:block;width:100%;height:100%}
.WebinarHomePage .CtaContainer{max-width:1600px;margin:0 auto;text-align:center}
.WebinarHomePage .CtaContainer h2{font-size:42px;line-height:1.15;color:#FFF;margin:0 0 28px}
.WebinarHomePage .CtaContainer p{font-size:18px;line-height:1.6;color:#FDF5DD;margin:0 0 56px;max-width:800px;margin-left:auto;margin-right:auto}
.WebinarHomePage .CtaButtonGroup{display:flex;gap:28px;justify-content:center;flex-wrap:wrap}
.WebinarHomePage .CtaPrimary{display:inline-block;padding:16px 56px;background:#FDF5DD;color:#026F64;text-decoration:none;border-radius:6px;font-size:18px;font-weight:600;transition:box-shadow .26s cubic-bezier(0.68,-0.55,0.27,1.55);box-shadow:0 7px 20px 0 #fdf5dd1c}
.WebinarHomePage .CtaPrimary:hover{box-shadow:0 9px 40px 0 #fdf5dd1f inset 0 0 0 2px #8FC6D0}
.WebinarHomePage .CtaSecondary{display:inline-block;padding:16px 56px;background:transparent;color:#FDF5DD;text-decoration:none;border-radius:6px;font-size:18px;font-weight:600;border:2px solid #8FC6D0;transition:all .24s cubic-bezier(0.34,1.56,0.64,1)}
.WebinarHomePage .CtaSecondary:hover{background:#8FC6D0;color:#026F64;border-color:#8FC6D0}
@media (max-width: 768px) {
.WebinarHomePage .CtaSection{margin-right:0}
.WebinarHomePage .CtaButtonGroup{flex-direction:column;align-items:center}
.WebinarHomePage .CtaPrimary,.WebinarHomePage .CtaSecondary{width:100%;max-width:320px}
}
.WebinarHomePage ::selection{background:#000;color:#FFF}
.WebinarHomePage ::-moz-selection{background:#000;color:#FFF}
.WebinarHomePage ::placeholder{color:#026f644d}
.AboutPage{background:#fff;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.AboutPage ::selection{background:#000;color:#fff}
.AboutPage .HeroWrap{max-width:1600px;margin:0 auto;padding:56px 28px;display:grid;grid-template-columns:1fr 2fr;gap:56px;align-items:center}
.AboutPage .ImageColumnOuter{position:relative}
.AboutPage .HeroImageContainer{width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 7px 20px 0 #026f641c;position:relative}
.AboutPage .HeroImageContainer::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 40%,#0006 100%);z-index:2;pointer-events:none}
.AboutPage .HeroImageContainer img{width:100%;height:100%;object-fit:cover;filter:hue-rotate(12deg)}
.AboutPage .FloatingShape{position:absolute;width:96px;height:96px;background:#8FC6D0;opacity:.15;border-radius:48px;top:-28px;right:-28px;z-index:1}
.AboutPage .TextZone{display:flex;flex-direction:column;gap:28px}
.AboutPage .MainHeading{font-size:58px;line-height:1.15;color:#026F64;margin:0;font-weight:700}
.AboutPage .SubHeading{font-size:42px;line-height:1.4;color:#333;margin:0;font-weight:600}
.AboutPage .SmallHeading{font-size:30px;line-height:1.4;color:#555;margin:0;font-weight:500}
.AboutPage .HeroText{font-size:18px;line-height:1.6;color:#444;margin:0}
.AboutPage .StorySection{max-width:1600px;margin:0 auto;padding:96px 28px;background:#FDF5DD}
.AboutPage .StoryInner{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:56px}
.AboutPage .StoryBlock{display:flex;flex-direction:column;gap:16px}
.AboutPage .StoryLabel{font-size:15px;line-height:1.4;color:#026F64;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin:0}
.AboutPage .StoryLabel::before{content:'';display:block;width:56px;height:3px;background:#026F64;margin-bottom:16px}
.AboutPage .StoryTitle{font-size:30px;line-height:1.4;color:#222;margin:0;font-weight:600}
.AboutPage .StoryParagraph{font-size:18px;line-height:1.6;color:#555;margin:0}
.AboutPage .TeamSection{max-width:1600px;margin:0 auto;padding:96px 28px;position:relative}
.AboutPage .TeamSection::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle at center,#8fc6d014 0%,transparent 70%);pointer-events:none;z-index:0}
.AboutPage .TeamHeader{text-align:center;margin-bottom:56px;position:relative;z-index:1}
.AboutPage .TeamMainTitle{font-size:42px;line-height:1.15;color:#026F64;margin:0 0 16px;font-weight:700}
.AboutPage .TeamSubtext{font-size:18px;line-height:1.6;color:#666;margin:0;max-width:700px;margin-left:auto;margin-right:auto}
.AboutPage .SharedTopElement{background:linear-gradient(135deg,#026F64 0%,#8FC6D0 100%);padding:28px;border-radius:20px 20px 6px 6px;text-align:center;margin-bottom:28px;position:relative;z-index:1}
.AboutPage .SharedTopTitle{font-size:30px;line-height:1.4;color:#fff;margin:0;font-weight:600}
.AboutPage .TeamGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;position:relative;z-index:1}
.AboutPage .PersonCard{background:#fff;border-radius:20px;padding:28px;box-shadow:0 3px 3px 0 #026f640d;display:flex;flex-direction:column;gap:16px;transition:box-shadow 280ms cubic-bezier(0.34,1.56,0.64,1),transform 250ms cubic-bezier(0.68,-0.55,0.27,1.55)}
.AboutPage .PersonCard:hover{box-shadow:0 9px 40px 0 #026f641f;transform:translateY(-4px)}
.AboutPage .PersonImageWrap{width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;position:relative}
.AboutPage .PersonImageWrap::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 50%,#0000004d 100%);z-index:2;pointer-events:none}
.AboutPage .PersonImageWrap img{width:100%;height:100%;object-fit:cover}
.AboutPage .PersonName{font-size:18px;line-height:1.4;color:#026F64;margin:0;font-weight:600}
.AboutPage .PersonRole{font-size:15px;line-height:1.4;color:#888;margin:0}
.AboutPage .PersonBio{font-size:15px;line-height:1.6;color:#555;margin:0}
.AboutPage .MetricsSection{max-width:1600px;margin:0 auto;padding:96px 28px;background:#026F64}
.AboutPage .MetricsGrid{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.AboutPage .MetricCardDouble{background:#ffffff1a;border-radius:20px;padding:56px;position:relative;overflow:hidden;grid-column:span 2;display:flex;flex-direction:column;gap:28px;transition:background 300ms cubic-bezier(0.34,1.56,0.64,1)}
.AboutPage .MetricCardDouble:hover{background:#ffffff26}
.AboutPage .MetricCard{background:#ffffff1a;border-radius:20px;padding:56px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:28px;transition:background 300ms cubic-bezier(0.34,1.56,0.64,1)}
.AboutPage .MetricCard:hover{background:#ffffff26}
.AboutPage .MetricNumber{font-size:72px;line-height:1.15;color:#fff;margin:0;font-weight:700;display:flex;align-items:center;gap:16px}
.AboutPage .TrendArrow{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:28px solid #8FC6D0}
.AboutPage .MetricLabel{font-size:18px;line-height:1.4;color:#FDF5DD;margin:0;font-weight:500}
.AboutPage .MetricDescription{font-size:15px;line-height:1.6;color:#ffffffd9;margin:0}
@media (max-width: 768px) {
.AboutPage .HeroWrap{grid-template-columns:1fr;padding:28px 16px;gap:28px}
.AboutPage .HeroImageContainer{display:none}
.AboutPage .FloatingShape{display:none}
.AboutPage .MainHeading{font-size:42px}
.AboutPage .SubHeading{font-size:30px}
.AboutPage .SmallHeading{font-size:18px}
.AboutPage .StorySection{padding:56px 16px}
.AboutPage .StoryInner{grid-template-columns:1fr;gap:28px}
.AboutPage .TeamSection{padding:56px 16px}
.AboutPage .TeamMainTitle{font-size:30px}
.AboutPage .TeamGrid{grid-template-columns:1fr}
.AboutPage .MetricsSection{padding:56px 16px}
.AboutPage .MetricsGrid{grid-template-columns:1fr;gap:28px}
.AboutPage .MetricCardDouble{grid-column:span 1;padding:28px}
.AboutPage .MetricCard{padding:28px}
.AboutPage .MetricNumber{font-size:58px}
.AboutPage .PersonImageWrap{display:none}
}
.AnalyticsPageMain{background:#FFF;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:1600px;margin:0 auto}
.AnalyticsPageMain ::selection{background:#000;color:#FFF}
.TitleZoneOuter{background:linear-gradient(135deg,#026F64 0%,#8FC6D0 100%);position:relative;overflow:hidden;padding:56px 28px 96px}
.TitleZoneOuter::before{content:'';position:absolute;top:-20%;right:-10%;width:400px;height:400px;background:#ffffff14;border-radius:48px;transform:rotate(25deg);pointer-events:none}
.TitleZoneOuter::after{content:'';position:absolute;bottom:-15%;left:-8%;width:350px;height:350px;background:#0000000f;border-radius:48px;transform:rotate(-35deg);pointer-events:none}
.TitleContentWrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:2}
.TitleTextBlock h1{font-size:72px;line-height:1.15;color:#FFF;margin:0 0 28px;letter-spacing:-.02em}
.TitleTextBlock p{font-size:18px;line-height:1.6;color:#fffffff2;margin:0}
.TitleImageHolder{position:relative}
.TitleImageHolder img{width:100%;height:380px;object-fit:cover;border-radius:20px;box-shadow:0 9px 40px 0 #026f641f;filter:brightness(0.92) contrast(1.05) saturate(0.88)}
.MetricsGridSection{padding:96px 28px;background:#FAFAFA;position:relative}
.MetricsGridSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#00000004 2px,#00000004 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#00000004 2px,#00000004 4px);pointer-events:none;opacity:.6}
.MetricsInner{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.MetricsHeadingArea{text-align:center;margin:0 0 56px}
.MetricsHeadingArea h2{font-size:42px;line-height:1.4;color:#026F64;margin:0 0 16px}
.MetricsHeadingArea p{font-size:18px;line-height:1.6;color:#333;margin:0}
.FourColumnGrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:28px}
.MetricCardBox{background:#FFF;border-radius:20px;padding:28px;box-shadow:0 7px 20px 0 #026f641c;transition:transform 280ms cubic-bezier(0.34,1.56,0.64,1),box-shadow 280ms cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}
.MetricCardBox:hover{transform:translateY(-8px);box-shadow:0 9px 40px 0 #026f641f}
.MetricCardBox:first-child{background:linear-gradient(135deg,#026F64 0%,#8FC6D0 100%)}
.MetricCardBox:first-child .MetricValue,.MetricCardBox:first-child .MetricLabel{color:#FFF}
.MetricCardBox::before{content:'';position:absolute;top:-50%;right:-30%;width:150px;height:150px;background:radial-gradient(circle,#8fc6d026 0%,transparent 70%);pointer-events:none}
.MetricValue{font-size:58px;line-height:1.15;color:#026F64;margin:0 0 8px;font-weight:700}
.MetricLabel{font-size:15px;line-height:1.4;color:#555;margin:0}
.InsightsWrapperOuter{padding:96px 28px;background:#FDF5DD}
.InsightsContentBox{max-width:1200px;margin:0 auto}
.InsightsHeaderZone{margin:0 0 56px;position:relative;padding:0 0 28px}
.InsightsHeaderZone::after{content:'';position:absolute;bottom:0;left:0;width:180px;height:3px;background:linear-gradient(90deg,#026F64 0%,transparent 100%)}
.InsightsHeaderZone h2{font-size:42px;line-height:1.4;color:#026F64;margin:0 0 16px}
.InsightsHeaderZone p{font-size:18px;line-height:1.6;color:#333;margin:0;max-width:800px}
.InteractiveToggleSystem{display:grid;grid-template-columns:280px 1fr;gap:56px}
.ControlsColumn{display:flex;flex-direction:column;gap:16px}
.ToggleControl{display:none}
.ControlLabel{display:block;padding:16px 28px;background:#FFF;border-radius:6px;font-size:18px;line-height:1.4;color:#026F64;cursor:pointer;transition:background 250ms cubic-bezier(0.68,-0.55,0.27,1.55),transform 250ms cubic-bezier(0.68,-0.55,0.27,1.55);border:2px solid transparent;position:relative}
.ControlLabel:hover{background:#F0F0F0;transform:translateX(6px)}
.ToggleControl:checked + .ControlLabel{background:#026F64;color:#FFF;border-color:#026F64}
.ToggleControl:checked + .ControlLabel::before{content:'';position:absolute;inset:-2px;border:2px solid #8FC6D0;border-radius:6px;pointer-events:none}
.DisplayPanelsZone{position:relative;min-height:320px}
.ContentPanel{opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:100%;transition:opacity 320ms cubic-bezier(0.34,1.56,0.64,1),visibility 320ms cubic-bezier(0.34,1.56,0.64,1);background:#FFF;padding:28px;border-radius:20px;box-shadow:0 3px 3px 0 #026f640d}
.ToggleControl:checked ~ .DisplayPanelsZone .ContentPanel{opacity:0;visibility:hidden}
#toggleA:checked ~ .DisplayPanelsZone #panelA,#toggleB:checked ~ .DisplayPanelsZone #panelB,#toggleC:checked ~ .DisplayPanelsZone #panelC,#toggleD:checked ~ .DisplayPanelsZone #panelD{opacity:1;visibility:visible;position:relative}
.ContentPanel h3{font-size:30px;line-height:1.4;color:#026F64;margin:0 0 16px}
.ContentPanel p{font-size:18px;line-height:1.6;color:#333;margin:0 0 16px}
.ContentPanel p:last-child{margin:0}
.PanelMetricRow{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0 0}
.PanelMetricItem{background:#FDF5DD;padding:16px;border-radius:6px}
.PanelMetricItem strong{display:block;font-size:30px;line-height:1.15;color:#026F64;margin:0 0 8px}
.PanelMetricItem span{font-size:15px;line-height:1.4;color:#555}
@media (max-width: 1024px) {
.TitleContentWrapper{grid-template-columns:1fr;gap:28px}
.TitleImageHolder{display:none}
.FourColumnGrid{grid-template-columns:1fr 1fr}
.InteractiveToggleSystem{grid-template-columns:1fr;gap:28px}
}
@media (max-width: 640px) {
.TitleZoneOuter{padding:56px 16px}
.TitleTextBlock h1{font-size:42px}
.MetricsGridSection{padding:56px 16px}
.FourColumnGrid{grid-template-columns:1fr}
.InsightsWrapperOuter{padding:56px 16px}
.PanelMetricRow{grid-template-columns:1fr}
}
.PartnersPage{background:#fff;color:#1a1a1a;max-width:1600px;margin:0 auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.PartnersPage ::selection{background:#000;color:#fff}
.PartnersPage .HeroPartnerSection{padding:96px 28px 56px;position:relative;display:grid;grid-template-columns:180px 1fr;gap:56px;align-items:center}
.PartnersPage .ImageStripVertical{position:relative;height:420px;border-radius:6px;overflow:hidden}
.PartnersPage .ImageStripVertical img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 280ms cubic-bezier(0.34,1.56,0.64,1)}
.PartnersPage .ImageStripVertical:hover img{transform:scale(1.08)}
.PartnersPage .ImageStripVertical::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 20%,#026f6466);pointer-events:none}
.PartnersPage .HeroContentArea{position:relative}
.PartnersPage .DecorativeFrameLines{position:absolute;inset:-16px;border:1px solid #026f6426;border-radius:20px;pointer-events:none}
.PartnersPage .HeroContentArea h1{font-size:58px;line-height:1.15;margin:0 0 28px;color:#026F64}
.PartnersPage .HeroContentArea p{font-size:18px;line-height:1.6;margin:0 0 16px;max-width:720px}
.PartnersPage .HeroContentArea p:last-child{margin-bottom:0}
.PartnersPage .CollaborationModelsSection{padding:56px 28px;background:linear-gradient(135deg,#026F64 0%,#8FC6D0 100%);clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);margin:56px 0}
.PartnersPage .SectionHeaderCenter{text-align:center;margin-bottom:56px}
.PartnersPage .SectionHeaderCenter h2{font-size:42px;line-height:1.15;margin:0 0 16px;color:#fff}
.PartnersPage .SectionHeaderCenter p{font-size:18px;line-height:1.6;margin:0;color:#fffffff2;max-width:640px;margin-left:auto;margin-right:auto}
.PartnersPage .ModelsGrid{display:grid;grid-template-columns:0.8fr 1.2fr 1.2fr 0.8fr;gap:28px}
.PartnersPage .ModelCard{background:#ffffff1f;padding:28px;border-radius:20px;backdrop-filter:blur(8px);transition:transform 320ms cubic-bezier(0.68,-0.55,0.27,1.55),box-shadow 250ms cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 3px 3px 0 #026f640d}
.PartnersPage .ModelCard:hover{transform:translateY(-8px);box-shadow:0 9px 40px 0 #026f641f}
.PartnersPage .ModelCard h3{font-size:30px;line-height:1.4;margin:0 0 16px;color:#fff}
.PartnersPage .ModelCard p{font-size:15px;line-height:1.6;margin:0;color:#ffffffe6}
.PartnersPage .BenefitsDataSection{padding:56px 28px;background:#FDF5DD}
.PartnersPage .BenefitsDataSection h2{font-size:42px;line-height:1.15;margin:0 0 8px;color:#026F64;position:relative;padding-top:28px}
.PartnersPage .BenefitsDataSection h2::before{content:'';position:absolute;top:0;left:0;width:80px;height:3px;background:#8FC6D0}
.PartnersPage .BenefitsInnerLayout{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:28px}
.PartnersPage .BenefitsList{list-style:none;padding:0;margin:0}
.PartnersPage .BenefitsList li{margin-bottom:28px;padding-left:36px;position:relative;font-size:15px;line-height:1.6}
.PartnersPage .BenefitsList li::before{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;background:#026F64;border-radius:48px;box-shadow:0 7px 20px 0 #026f641c}
.PartnersPage .MediaStatBlock{background:#fff;padding:28px;border-radius:20px;text-align:center;box-shadow:0 7px 20px 0 #026f641c;position:relative}
.PartnersPage .StatIconWrapper{width:64px;height:64px;margin:0 auto 16px;background:#8FC6D0;border-radius:48px;display:flex;align-items:center;justify-content:center;position:relative}
.PartnersPage .StatIconWrapper svg{width:32px;height:32px;fill:#fff}
.PartnersPage .ColoredDotIndicator{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#026F64;border:3px solid #fff;border-radius:48px}
.PartnersPage .MediaStatBlock .LargeNumber{font-size:58px;line-height:1.15;margin:0 0 8px;color:#026F64;font-weight:700}
.PartnersPage .MediaStatBlock .StatDescription{font-size:15px;line-height:1.4;margin:0;color:#1a1a1a}
.PartnersPage .ProcessTimingSection{padding:56px 28px;position:relative}
.PartnersPage .ProcessTimingSection::before,.PartnersPage .ProcessTimingSection::after{content:'';position:absolute;top:0;width:120px;height:2px;background:#8FC6D0}
.PartnersPage .ProcessTimingSection::before{left:28px}
.PartnersPage .ProcessTimingSection::after{right:28px}
.PartnersPage .ProcessTimingSection h2{font-size:42px;line-height:1.15;margin:0 0 56px;color:#026F64;text-align:center}
.PartnersPage .StepsGrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:28px}
.PartnersPage .StepCard{background:#fff;padding:28px;border-radius:6px;border:2px solid #8FC6D0;position:relative;transition:border-color 240ms cubic-bezier(0.34,1.56,0.64,1)}
.PartnersPage .StepCard:hover{border-color:#026F64}
.PartnersPage .StepCard::before{content:'';position:absolute;inset:-2px;border:2px solid transparent;border-radius:6px;opacity:0;transition:opacity 280ms cubic-bezier(0.68,-0.55,0.27,1.55);pointer-events:none}
.PartnersPage .StepCard:hover::before{opacity:1!important;border-color:#026F64}
.PartnersPage .StepNumber{font-size:72px;line-height:1.15;margin:0 0 16px;color:#8FC6D0;font-weight:700}
.PartnersPage .StepCard h3{font-size:18px;line-height:1.4;margin:0 0 8px;color:#026F64}
.PartnersPage .StepCard p{font-size:15px;line-height:1.6;margin:0;color:#1a1a1a}
@media (max-width: 768px) {
.PartnersPage .HeroPartnerSection{grid-template-columns:1fr;gap:28px;padding:56px 16px 28px}
.PartnersPage .ImageStripVertical{display:none}
.PartnersPage .HeroContentArea h1{font-size:42px}
.PartnersPage .ModelsGrid{grid-template-columns:1fr}
.PartnersPage .BenefitsInnerLayout{grid-template-columns:1fr;gap:28px}
.PartnersPage .StepsGrid{grid-template-columns:1fr}
.PartnersPage .CollaborationModelsSection{padding:28px 16px;clip-path:none}
.PartnersPage .BenefitsDataSection,.PartnersPage .ProcessTimingSection{padding:28px 16px}
}
.SubmitSuccessPage{background:linear-gradient(180deg,#FDF5DD 0%,#fff 100%);min-height:100vh;padding:96px 16px;display:flex;align-items:center;justify-content:center}
.SuccessContainer{max-width:1600px;width:100%;margin:0 auto}
.SuccessCard{background:#fff;border-radius:20px;padding:56px;max-width:720px;margin:0 auto;box-shadow:0 7px 20px 0 #026f641c;text-align:center}
.IconWrapper{width:96px;height:96px;margin:0 auto 28px;background:linear-gradient(135deg,#026F64 0%,#8FC6D0 100%);border-radius:48px;display:flex;align-items:center;justify-content:center;position:relative}
.IconWrapper::before{content:'';position:absolute;width:110px;height:110px;border:3px solid #8FC6D0;border-radius:48px;opacity:.3;animation:pulseRing 2.1s cubic-bezier(0.34,1.56,0.64,1) infinite}
@keyframes pulseRing {
0%{transform:scale(0.95);opacity:.3}
50%{transform:scale(1.05);opacity:.15}
100%{transform:scale(0.95);opacity:.3}
}
.CheckmarkIcon{width:48px;height:48px}
.CheckmarkIcon svg{width:100%;height:100%;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.SuccessHeading{font-size:42px;line-height:1.15;color:#026F64;margin:0 0 16px;font-weight:700}
.SuccessMessage{font-size:18px;line-height:1.6;color:#2a2a2a;margin:0 0 28px}
.InfoBlock{background:#FDF5DD;border-radius:6px;padding:28px;margin:28px 0;text-align:left}
.InfoHeading{font-size:18px;line-height:1.4;color:#026F64;margin:0 0 16px;font-weight:600}
.InfoList{list-style:none;padding:0;margin:0}
.InfoList li{font-size:15px;line-height:1.6;color:#2a2a2a;margin:0 0 8px;padding-left:28px;position:relative}
.InfoList li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:#8FC6D0;border-radius:6px}
.ContactInfo{margin:28px 0;padding:28px;background:#f8f8f8;border-radius:6px}
.ContactHeading{font-size:15px;line-height:1.4;color:#026F64;margin:0 0 16px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.ContactDetails{display:flex;flex-direction:column;gap:8px}
.ContactItem{font-size:15px;line-height:1.6;color:#2a2a2a;text-decoration:none;transition:color .25s cubic-bezier(0.34,1.56,0.64,1)}
.ContactItem:hover{color:#026F64}
.ButtonGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.PrimaryButton{background:#026F64;color:#fff;padding:16px 56px;border-radius:6px;text-decoration:none;font-size:15px;line-height:1.4;font-weight:600;display:inline-block;border:2px solid #026F64;box-shadow:0 3px 3px 0 #026f640d;transition:transform .28s cubic-bezier(0.34,1.56,0.64,1),box-shadow .28s cubic-bezier(0.34,1.56,0.64,1);position:relative}
.PrimaryButton::after{content:'';position:absolute;inset:-4px;border:2px solid #026F64;border-radius:6px;opacity:0;transition:opacity .28s cubic-bezier(0.34,1.56,0.64,1)}
.PrimaryButton:hover{transform:translateY(-2px);box-shadow:0 9px 40px 0 #026f641f}
.PrimaryButton:hover::after{opacity:1}
.SecondaryButton{background:transparent;color:#026F64;padding:16px 56px;border-radius:6px;text-decoration:none;font-size:15px;line-height:1.4;font-weight:600;display:inline-block;border:2px solid #8FC6D0;transition:background .22s cubic-bezier(0.68,-0.55,0.27,1.55),color .22s cubic-bezier(0.68,-0.55,0.27,1.55)}
.SecondaryButton:hover{background:#8FC6D0;color:#fff}
@media (max-width: 768px) {
.SubmitSuccessPage{padding:56px 16px}
.SuccessCard{padding:28px}
.SuccessHeading{font-size:30px}
.ButtonGroup{flex-direction:column}
.PrimaryButton,.SecondaryButton{width:100%;text-align:center}
}