@import "https://cdn.jsdelivr.net/npm/@fontsource/ibm-plex-sans@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/ibm-plex-sans@latest/400-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/ibm-plex-sans@latest/600.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/ibm-plex-sans@latest/600-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/ibm-plex-sans@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/ibm-plex-sans@latest/700-italic.css";
*{box-sizing:border-box}
html{font-size:100%}
body{margin:0;font-family:'IBM Plex Sans',sans-serif;font-size:16px;line-height:1.6;color:#1a1a1a;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
::selection{background:#fd609c26}
:focus{outline:2px dashed #FD609C;outline-offset:3px}
.TopHeaderWrap{background:linear-gradient(135deg,#fff 0%,#fef5f9 100%);border-bottom:1px solid #fd609c1f;box-shadow:0 2px 4px 0 #fd609c12;position:relative}
.HeaderInner{max-width:1100px;margin:0 auto;padding:32px;display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:center}
.BrandSection{display:flex;flex-direction:column;gap:8px}
.LogoHolder{background:#fff;padding:16px;border-radius:10px;box-shadow:0 2px 4px 0 #012b4d12;border:1px solid #e7e7e799;display:inline-block;width:fit-content}
.LogoHolder img{display:block;width:88px;height:88px;object-fit:contain}
.TaglineText{font-size:16px;line-height:1.35;color:#012B4D;font-weight:600;letter-spacing:.01em;margin:0;padding:0 8px}
.MainNavArea{display:flex;justify-content:flex-end;align-items:center}
.PrimaryNavList{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:flex-end}
.navItem{position:relative}
.NavLinkMain{display:block;padding:16px 32px;font-size:16px;line-height:1.35;font-weight:600;color:#012B4D;text-decoration:none;background:#fff;border:2px solid #fd609c33;border-radius:48px;letter-spacing:.015em;transition:background-color .27s ease-out,border-color .21s ease-out,color .18s ease-out;position:relative;overflow:hidden}
.NavLinkMain::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,#fd609c26,transparent);transition:left .35s ease-out}
.NavLinkMain:hover{background:#fd609c14;border-color:#fd609c66;color:#FD609C}
.NavLinkMain:hover::before{left:100%}
.navItem.hasDropdown:hover .SubnavList{display:block}
.SubnavList{display:none;position:absolute;top:100%;left:0;margin:8px 0 0;padding:16px;background:#fff;border-radius:10px;box-shadow:0 7px 18px 0 #012b4d1c;border:1px solid #e7e7e7cc;list-style:none;min-width:240px;z-index:100}
.SubnavList::before{content:'';position:absolute;top:-16px;left:0;right:0;height:16px}
.SubnavItem{margin:0}
.SubNavLink{display:block;padding:16px;font-size:16px;line-height:1.35;font-weight:400;color:#012B4D;text-decoration:none;border-radius:6px;letter-spacing:.012em;transition:background-color .24s ease-out,color .19s ease-out}
.SubNavLink:hover{background:#fd609c0f;color:#FD609C}
@media (max-width: 1366px) {
.HeaderInner{grid-template-columns:240px 1fr;gap:32px;padding:32px}
.LogoHolder img{width:72px;height:72px}
}
@media (max-width: 768px) {
.HeaderInner{grid-template-columns:1fr;gap:32px;padding:32px 16px}
.BrandSection{justify-content:center;align-items:center}
.MainNavArea{justify-content:center}
.PrimaryNavList{justify-content:center;gap:16px}
.NavLinkMain{padding:16px 24px;font-size:16px}
.SubnavList{left:50%;transform:translateX(-50%)}
}
@media (max-width: 375px) {
.HeaderInner{padding:16px}
.PrimaryNavList{flex-direction:column;width:100%}
.NavLinkMain{text-align:center;padding:16px}
}
.BottomFooterWrap{background:linear-gradient(135deg,#012B4D 0%,#014170 100%);border-top:3px solid #FD609C;margin-top:96px}
.FooterInner{max-width:1100px;margin:0 auto;padding:56px 32px 32px}
.FooterGrid{display:grid;grid-template-columns:1fr 2fr;gap:96px;margin-bottom:56px}
.FooterBrandBlock{display:flex;flex-direction:column;gap:32px}
.FooterCompanyName{font-size:42px;line-height:1.1;font-weight:700;color:#FD609C;letter-spacing:.015em;margin:0}
.FooterContactList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.FooterContactItem{display:flex;align-items:flex-start;gap:16px}
.ContactIcon{width:24px;height:24px;flex-shrink:0;margin-top:2px}
.ContactIcon svg{width:100%;height:100%;fill:#FD609C}
.FooterContactLink{font-size:16px;line-height:1.6;color:#E7E7E7;text-decoration:none;letter-spacing:.01em;transition:color .22s ease-out}
.FooterContactLink:hover{color:#FD609C}
.FooterContactText{font-size:16px;line-height:1.6;color:#E7E7E7;letter-spacing:.01em;margin:0}
.FooterNavSection{display:flex;flex-direction:column;gap:32px}
.FooterNavTitle{font-size:23px;line-height:1.35;font-weight:700;color:#fff;letter-spacing:.015em;margin:0}
.FooterNavList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.FooterNavLink{display:inline-block;font-size:16px;line-height:1.6;color:#E7E7E7;text-decoration:none;letter-spacing:.01em;transition:color .26s ease-out,transform .18s ease-out}
.FooterNavLink:hover{color:#FD609C;transform:translateX(4px)}
.FooterLogoSection{display:flex;justify-content:center;padding:32px 0;border-top:1px solid #e7e7e726}
.FooterLogoHolder{background:#fff;padding:16px;border-radius:10px;box-shadow:0 7px 18px 0 #fd609c1c}
.FooterLogoHolder img{display:block;width:96px;height:96px;object-fit:contain}
.CopyrightLine{text-align:center;font-size:16px;line-height:1.6;color:#e7e7e7b3;letter-spacing:.01em;margin:32px 0 0;padding-top:32px;border-top:1px solid #e7e7e726}
@media (max-width: 768px) {
.FooterGrid{grid-template-columns:1fr;gap:56px}
.FooterInner{padding:56px 16px 32px}
.FooterCompanyName{font-size:30px}
}
.consent_box{position:fixed;top:32px;left:32px;width:420px;background:#fff;border-radius:10px;box-shadow:0 8px 40px 0 #012b4d24;border:2px solid #fd609c33;padding:32px;z-index:4000;display:none}
.consent_box.showing{display:block}
.consent_heading{font-size:23px;line-height:1.35;font-weight:700;color:#012B4D;letter-spacing:.015em;margin:0 0 16px}
.consent_desc{font-size:16px;line-height:1.6;color:#1a1a1a;letter-spacing:.01em;margin:0 0 32px}
.consent_actions{display:flex;gap:16px;margin-bottom:16px}
.consent_btn{flex:1;padding:16px;font-size:16px;line-height:1.35;font-weight:600;font-family:'IBM Plex Sans',sans-serif;border:2px solid #FD609C;background:transparent;color:#FD609C;border-radius:6px;cursor:pointer;letter-spacing:.015em;transition:background-color .24s ease-out,color .19s ease-out}
.consent_btn:hover{background:#FD609C;color:#fff}
.consent_btn:active{box-shadow:inset 0 2px 4px 0 #012b4d24}
.customize_btn{background:transparent;border:2px solid #012B4D;color:#012B4D;padding:16px;font-size:16px;line-height:1.35;font-weight:600;font-family:'IBM Plex Sans',sans-serif;border-radius:6px;cursor:pointer;letter-spacing:.015em;width:100%;transition:background-color .27s ease-out,color .21s ease-out}
.customize_btn:hover{background:#012B4D;color:#fff}
.customize_btn:active{box-shadow:inset 0 2px 4px 0 #012b4d24}
.preferences_panel{display:none;margin-top:32px;padding-top:32px;border-top:1px solid #e7e7e799}
.preferences_panel.showing{display:block}
.pref_option{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.pref_checkbox{width:20px;height:20px;cursor:pointer}
.pref_label{font-size:16px;line-height:1.6;color:#1a1a1a;letter-spacing:.01em;cursor:pointer}
.mini_banner{position:fixed;bottom:32px;left:32px;background:#012B4D;color:#fff;padding:16px 32px;border-radius:48px;box-shadow:0 7px 18px 0 #012b4d1c;cursor:pointer;z-index:3999;display:none;font-size:16px;line-height:1.35;font-weight:600;letter-spacing:.015em;transition:background-color .22s ease-out}
.mini_banner.showing{display:block}
.mini_banner:hover{background:#FD609C}
@media (max-width: 768px) {
.consent_box{left:16px;right:16px;width:auto;top:16px}
.consent_actions{flex-direction:column}
.mini_banner{left:16px;bottom:16px}
}
@media (max-width: 375px) {
.consent_box{padding:16px}
.consent_heading{font-size:19px}
}
.vp-text-legal{max-width:1100px;margin:0 auto;padding:56px 32px 96px}
.vp-text-legal h1{font-size:58px;line-height:1.1;letter-spacing:.01em;color:#012B4D;margin:0 0 56px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.vp-text-legal h2{font-size:42px;line-height:1.1;letter-spacing:.01em;color:#012B4D;margin:96px 0 32px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.vp-text-legal h3{font-size:30px;line-height:1.35;letter-spacing:.015em;color:#012B4D;margin:56px 0 16px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.vp-text-legal h4{font-size:23px;line-height:1.35;letter-spacing:.015em;color:#012B4D;margin:32px 0 16px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.vp-text-legal h5{font-size:19px;line-height:1.35;letter-spacing:.02em;color:#012B4D;margin:32px 0 8px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.vp-text-legal h6{font-size:16px;line-height:1.35;letter-spacing:.02em;color:#012B4D;margin:32px 0 8px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.vp-text-legal p{font-size:16px;line-height:1.8;letter-spacing:.015em;color:#1a1a1a;margin:0 0 16px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.vp-text-legal strong,.vp-text-legal b{font-weight:600;color:#012B4D}
.vp-text-legal em,.vp-text-legal i{font-style:italic}
.vp-text-legal a{color:#FD609C;text-decoration:underline;transition:color .22s ease-out}
.vp-text-legal a:hover{color:#012B4D}
.vp-text-legal a:focus{outline:2px solid #FD609C;outline-offset:2px;border-radius:6px}
.vp-text-legal table{width:100%;border-collapse:collapse;margin:32px 0;font-size:16px;line-height:1.6;letter-spacing:.015em;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px 0 #012b4d12}
.vp-text-legal thead{background:#012B4D}
.vp-text-legal thead tr{color:#fff}
.vp-text-legal th{padding:16px;text-align:left;font-weight:600;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.vp-text-legal tbody tr{border-bottom:1px solid #E7E7E7;transition:background-color .18s ease-out}
.vp-text-legal tbody tr:last-child{border-bottom:none}
.vp-text-legal tbody tr:hover{background-color:#fd609c0a}
.vp-text-legal td{padding:16px;color:#1a1a1a}
.vp-text-legal div{margin:0;padding:0}
@media (max-width: 1366px) {
.vp-text-legal{padding:56px 32px}
.vp-text-legal h1{font-size:42px}
.vp-text-legal h2{font-size:30px;margin:56px 0 32px}
}
@media (max-width: 768px) {
.vp-text-legal{padding:32px 16px 56px}
.vp-text-legal h1{font-size:30px;margin:0 0 32px}
.vp-text-legal h2{font-size:23px;margin:56px 0 16px}
.vp-text-legal h3{font-size:19px;margin:32px 0 16px}
.vp-text-legal h4{font-size:16px;margin:32px 0 8px}
.vp-text-legal table{display:block;overflow-x:auto;margin:16px 0}
.vp-text-legal th,.vp-text-legal td{padding:8px;font-size:16px}
}
@media (max-width: 375px) {
.vp-text-legal{padding:32px 16px}
.vp-text-legal h1{font-size:23px}
.vp-text-legal h2{font-size:19px}
}
.ProjectDetailPage{background:#FFF;min-height:100vh}
.ProjectDetailPage .TitleRegion{position:relative;padding-top:96px;padding-bottom:56px;background:linear-gradient(to bottom,#fff0 0%,#fd609c14 100%);max-width:1100px;margin:0 auto}
.ProjectDetailPage .TitleRegion .ImageContainer{width:100%;height:420px;border-radius:18px;position:relative;margin-bottom:32px}
.ProjectDetailPage .TitleRegion .ImageContainer::before{content:'';position:absolute;inset:0;border-radius:18px;background:radial-gradient(circle at top left,#012b4d4d 0%,transparent 50%),radial-gradient(circle at top right,#012b4d4d 0%,transparent 50%),radial-gradient(circle at bottom left,#012b4d4d 0%,transparent 50%),radial-gradient(circle at bottom right,#012b4d4d 0%,transparent 50%);pointer-events:none;z-index:2}
.ProjectDetailPage .TitleRegion .ImageContainer img{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}
.ProjectDetailPage .TitleRegion .TitleMetaWrapper{display:flex;gap:32px;align-items:flex-start}
.ProjectDetailPage .TitleRegion .MainTitleSection{flex:1}
.ProjectDetailPage .TitleRegion .MainTitleSection h1{font-size:58px;line-height:1.1;color:#012B4D;letter-spacing:.01em;margin:0 0 16px}
.ProjectDetailPage .TitleRegion .TagsRow{display:flex;gap:16px;flex-wrap:wrap}
.ProjectDetailPage .TitleRegion .TagItem{padding:8px 16px;background:#E7E7E7;border-radius:48px;font-size:16px;line-height:1.35;color:#012B4D;letter-spacing:.015em}
.ProjectDetailPage .TitleRegion .PriceBlock{background:#FFF;padding:32px;border-radius:10px;box-shadow:0 7px 18px 0 #fd609c1c;min-width:280px}
.ProjectDetailPage .TitleRegion .PriceBlock .PriceLabel{font-size:16px;line-height:1.35;color:#012B4D;margin:0 0 8px;letter-spacing:.02em}
.ProjectDetailPage .TitleRegion .PriceBlock .PriceValue{font-size:42px;line-height:1.1;color:#FD609C;font-weight:700;letter-spacing:.01em;margin:0 0 16px}
.ProjectDetailPage .TitleRegion .PriceBlock .MetaInfo{display:flex;flex-direction:column;gap:8px}
.ProjectDetailPage .TitleRegion .PriceBlock .MetaRow{display:flex;align-items:center;gap:8px}
.ProjectDetailPage .TitleRegion .PriceBlock .MetaRow svg{width:18px;height:18px;flex-shrink:0}
.ProjectDetailPage .TitleRegion .PriceBlock .MetaRow span{font-size:16px;line-height:1.35;color:#012B4D;letter-spacing:.015em}
.ProjectDetailPage .ProgramSection{max-width:1100px;margin:0 auto;padding:56px 8px;display:grid;grid-template-columns:1fr 2fr 2fr;gap:56px}
.ProjectDetailPage .ProgramSection .SideLabel{position:sticky;top:32px;height:fit-content}
.ProjectDetailPage .ProgramSection .SideLabel h2{font-size:30px;line-height:1.35;color:#FD609C;margin:0;letter-spacing:.015em}
.ProjectDetailPage .ProgramSection .ContentColumn{grid-column:2 / 4}
.ProjectDetailPage .ProgramSection .ContentColumn p{font-size:19px;line-height:1.6;color:#1a1a1a;margin:0 0 16px;letter-spacing:.015em}
.ProjectDetailPage .ProgramSection .ContentColumn h2{font-size:30px;line-height:1.35;color:#012B4D;margin:32px 0 16px;letter-spacing:.01em}
.ProjectDetailPage .ProgramSection .ContentColumn ul{list-style:none;padding:0;margin:0 0 16px}
.ProjectDetailPage .ProgramSection .ContentColumn ul li{font-size:19px;line-height:1.6;color:#1a1a1a;padding-left:32px;position:relative;margin-bottom:8px;letter-spacing:.015em}
.ProjectDetailPage .ProgramSection .ContentColumn ul li::before{content:'';position:absolute;left:0;top:11px;width:6px;height:6px;background:#FD609C;border-radius:50%}
.ProjectDetailPage .ProgramSection .ContentColumn blockquote{margin:32px 0;padding:32px;background:#fd609c0a;border-radius:10px;border-left:none}
.ProjectDetailPage .ProgramSection .ContentColumn cite{font-size:19px;line-height:1.6;color:#012B4D;font-style:italic;letter-spacing:.015em}
.ProjectDetailPage .ProgramSection .ContentColumn figure{margin:32px 0}
.ProjectDetailPage .ProgramSection .ContentColumn figcaption{font-size:16px;line-height:1.35;color:#666;margin-top:8px;letter-spacing:.015em}
.ProjectDetailPage .ProgramSection .ContentColumn details{margin:16px 0;padding:16px;background:#E7E7E7;border-radius:6px}
.ProjectDetailPage .ProgramSection .ContentColumn summary{font-size:19px;line-height:1.35;color:#012B4D;cursor:pointer;font-weight:700;letter-spacing:.015em}
.ProjectDetailPage .ProgramSection .ContentColumn details[open] summary{margin-bottom:16px}
.ProjectDetailPage .DescriptionZone{background:linear-gradient(135deg,#012B4D 0%,#012B4D 33%,#FD609C 33%,#FD609C 66%,#E7E7E7 66%);padding:96px 8px}
.ProjectDetailPage .DescriptionZone .ContentWrapper{max-width:1100px;margin:0 auto;background:#FFF;padding:56px;border-radius:18px;box-shadow:0 8px 40px 0 #012b4d24}
.ProjectDetailPage .DescriptionZone h2{font-size:42px;line-height:1.1;color:#FD609C;margin:0 0 32px;letter-spacing:.01em}
.ProjectDetailPage .DescriptionZone p{font-size:19px;line-height:1.6;color:#1a1a1a;margin:0 0 16px;letter-spacing:.015em}
.ProjectDetailPage .DescriptionZone strong{color:#012B4D;font-weight:700}
.ProjectDetailPage .DescriptionZone ol{list-style:none;counter-reset:item;padding:0;margin:0 0 16px}
.ProjectDetailPage .DescriptionZone ol li{font-size:19px;line-height:1.6;color:#1a1a1a;padding-left:48px;position:relative;margin-bottom:16px;counter-increment:item;letter-spacing:.015em}
.ProjectDetailPage .DescriptionZone ol li::before{content:counter(item);position:absolute;left:0;top:0;width:32px;height:32px;background:#FD609C;color:#FFF;border-radius:48px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}
.ProjectDetailPage .DescriptionZone figure{margin:32px 0}
.ProjectDetailPage .DescriptionZone figcaption{font-size:16px;line-height:1.35;color:#666;margin-top:8px;letter-spacing:.015em}
.ProjectDetailPage .InteractiveSection{max-width:1100px;margin:0 auto;padding:56px 8px;display:flex;gap:56px}
.ProjectDetailPage .InteractiveSection .LeftZone{flex:3}
.ProjectDetailPage .InteractiveSection .RightZone{flex:2;position:relative}
.ProjectDetailPage .InteractiveSection .RightZone::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,#fd609c33 0%,#012b4d33 100%)}
.ProjectDetailPage .InteractiveSection .Checklist{padding-left:32px}
.ProjectDetailPage .InteractiveSection h3{font-size:30px;line-height:1.35;color:#012B4D;margin:0 0 32px;letter-spacing:.01em}
.ProjectDetailPage .InteractiveSection .CheckItem{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;padding:16px;border-radius:6px;transition:background-color .25s ease-out}
.ProjectDetailPage .InteractiveSection .CheckItem:hover{background:#fd609c08}
.ProjectDetailPage .InteractiveSection .CheckItem svg{width:24px;height:24px;flex-shrink:0;margin-top:2px}
.ProjectDetailPage .InteractiveSection .CheckItem span{font-size:19px;line-height:1.6;color:#1a1a1a;letter-spacing:.015em}
.ProjectDetailPage .InteractiveSection .StatsGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ProjectDetailPage .InteractiveSection .StatCard{background:#E7E7E7;padding:32px;border-radius:10px;transition:transform .35s ease-out,box-shadow .35s ease-out}
.ProjectDetailPage .InteractiveSection .StatCard:hover{transform:translateY(-4px);box-shadow:0 7px 18px 0 #012b4d1c}
.ProjectDetailPage .InteractiveSection .StatCard .Number{font-size:42px;line-height:1.1;color:#FD609C;font-weight:700;margin:0 0 8px;letter-spacing:.01em}
.ProjectDetailPage .InteractiveSection .StatCard .Label{font-size:16px;line-height:1.35;color:#012B4D;letter-spacing:.015em}
.ProjectDetailPage .PollSection{max-width:1100px;margin:0 auto;padding:56px 8px;background:linear-gradient(to right,#fd609c0f 0%,transparent 100%)}
.ProjectDetailPage .PollSection h3{font-size:23px;line-height:1.35;color:#012B4D;margin:0 0 32px;text-align:center;letter-spacing:.015em}
.ProjectDetailPage .PollSection .PollOptions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.ProjectDetailPage .PollSection input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.ProjectDetailPage .PollSection .PollLabel{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#FFF;border:2px solid #E7E7E7;border-radius:48px;font-size:19px;line-height:1.35;color:#012B4D;cursor:pointer;transition:border-color .2s ease-out,background-color .2s ease-out;letter-spacing:.015em}
.ProjectDetailPage .PollSection .PollLabel:hover{border-color:#FD609C;background:#fd609c08}
.ProjectDetailPage .PollSection input[type="radio"]:checked + .PollLabel{background:#FD609C;border-color:#FD609C;color:#FFF;box-shadow:inset 0 2px 4px 0 #012b4d12}
.ProjectDetailPage .PollSection input[type="radio"]:focus + .PollLabel{outline:2px solid #012B4D;outline-offset:2px}
.ProjectDetailPage .ScrollTopSection{max-width:1100px;margin:0 auto;padding:32px 8px 96px;display:flex;justify-content:center}
.ProjectDetailPage .ScrollTopBtn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#012B4D 0%,#012B4D 50%,#FD609C 50%);background-size:200% 100%;background-position:0 0;color:#FFF;border:none;border-radius:6px;font-size:19px;line-height:1.35;cursor:pointer;text-decoration:none;transition:background-position .4s ease-out,box-shadow .4s ease-out;letter-spacing:.015em;box-shadow:0 2px 4px 0 #fd609c12}
.ProjectDetailPage .ScrollTopBtn:hover{background-position:100% 0;box-shadow:0 7px 18px 0 #fd609c1c}
.ProjectDetailPage .ScrollTopBtn:active{box-shadow:inset 0 2px 4px 0 #012b4d12}
.ProjectDetailPage .ScrollTopBtn svg{width:20px;height:20px}
@media (max-width: 1366px) {
.ProjectDetailPage .TitleRegion,.ProjectDetailPage .ProgramSection,.ProjectDetailPage .DescriptionZone .ContentWrapper,.ProjectDetailPage .InteractiveSection,.ProjectDetailPage .PollSection,.ProjectDetailPage .ScrollTopSection{padding-left:32px;padding-right:32px}
}
@media (max-width: 768px) {
.ProjectDetailPage .TitleRegion{padding-top:56px;padding-bottom:32px}
.ProjectDetailPage .TitleRegion .ImageContainer{height:280px}
.ProjectDetailPage .TitleRegion .TitleMetaWrapper{flex-direction:column}
.ProjectDetailPage .TitleRegion .MainTitleSection h1{font-size:42px}
.ProjectDetailPage .TitleRegion .PriceBlock{width:100%}
.ProjectDetailPage .ProgramSection{grid-template-columns:1fr;gap:32px;padding:32px 16px}
.ProjectDetailPage .ProgramSection .SideLabel{position:static}
.ProjectDetailPage .ProgramSection .ContentColumn{grid-column:1}
.ProjectDetailPage .DescriptionZone{padding:56px 16px}
.ProjectDetailPage .DescriptionZone .ContentWrapper{padding:32px}
.ProjectDetailPage .DescriptionZone h2{font-size:30px}
.ProjectDetailPage .InteractiveSection{flex-direction:column;gap:32px;padding:32px 16px}
.ProjectDetailPage .InteractiveSection .RightZone::before{display:none}
.ProjectDetailPage .InteractiveSection .Checklist{padding-left:0}
.ProjectDetailPage .InteractiveSection .StatsGrid{grid-template-columns:1fr}
.ProjectDetailPage .PollSection{padding:32px 16px}
.ProjectDetailPage .PollSection .PollOptions{flex-direction:column}
.ProjectDetailPage .PollSection .PollLabel{width:100%;justify-content:center}
.ProjectDetailPage .ScrollTopSection{padding:32px 16px 56px}
}
@media (max-width: 375px) {
.ProjectDetailPage .TitleRegion .MainTitleSection h1{font-size:30px}
.ProjectDetailPage .TitleRegion .ImageContainer{height:200px}
.ProjectDetailPage .DescriptionZone .ContentWrapper{padding:16px}
}
.ProjectDetailPage ::selection{background:#fd609c26}
.StudentProjectsListPage{background:#fff;min-height:100vh}
.StudentProjectsListPage .HeroIntro{max-width:1100px;margin:0 auto;padding:96px 16px 56px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.StudentProjectsListPage .HeroIntro .TextZone{padding:32px 0}
.StudentProjectsListPage .DecorCircles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:0;overflow:hidden}
.StudentProjectsListPage .DecorCircles::before{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:#fd609c14;top:-120px;right:-80px}
.StudentProjectsListPage .DecorCircles::after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;background:#012b4d0d;bottom:-60px;left:10%}
.StudentProjectsListPage .HeroIntro{position:relative}
.StudentProjectsListPage .HeroIntro .TextZone{position:relative;z-index:1}
.StudentProjectsListPage .OverlineTag{font-size:16px;text-transform:uppercase;letter-spacing:.02em;color:#FD609C;margin:0 0 16px;font-weight:600}
.StudentProjectsListPage .HeroIntro h1{font-size:58px;line-height:1.1;letter-spacing:.01em;color:#012B4D;margin:0 0 32px;font-weight:700}
.StudentProjectsListPage .HeroIntro .ManifestoText{font-size:19px;line-height:1.6;letter-spacing:.01em;color:#2a2a2a;margin:0 0 16px}
.StudentProjectsListPage .ImageCard{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 7px 18px 0 #012b4d1c}
.StudentProjectsListPage .ImageCard img{width:100%;height:420px;object-fit:cover;display:block}
.StudentProjectsListPage .ImageCard::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,#0003 100%);pointer-events:none}
.StudentProjectsListPage .WaveDivider{width:100%;height:80px;overflow:hidden}
.StudentProjectsListPage .WaveDivider svg{width:100%;height:100%;display:block}
.StudentProjectsListPage .ProjectsGrid{max-width:1100px;margin:0 auto;padding:56px 16px}
.StudentProjectsListPage .ProjectsGrid h2{font-size:42px;line-height:1.35;letter-spacing:.01em;color:#012B4D;margin:0 0 56px;font-weight:700}
.StudentProjectsListPage .CardsHolder{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.StudentProjectsListPage .ProjectCard{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px 0 #fd609c12;transition:box-shadow .22s ease-out,transform .22s ease-out;display:flex;flex-direction:column}
.StudentProjectsListPage .ProjectCard:hover{box-shadow:0 8px 40px 0 #fd609c24;transform:translateY(-2px)}
.StudentProjectsListPage .ProjectCard .ImgHolder{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;background:#E7E7E7}
.StudentProjectsListPage .ProjectCard .ImgHolder img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.StudentProjectsListPage .ProjectCard .InfoBlock{padding:32px;flex:1;display:flex;flex-direction:column}
.StudentProjectsListPage .ProjectCard .TagsRow{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}
.StudentProjectsListPage .ProjectCard .TagBadge{font-size:16px;letter-spacing:.01em;padding:8px 16px;border-radius:6px;background:#fd609c1a;color:#FD609C;font-weight:600}
.StudentProjectsListPage .ProjectCard .UserFormatTag{font-size:16px;letter-spacing:.01em;padding:8px 16px;border-radius:6px;background:#012b4d14;color:#012B4D;font-weight:500}
.StudentProjectsListPage .ProjectCard h3{font-size:23px;line-height:1.35;letter-spacing:.01em;color:#012B4D;margin:0 0 16px;font-weight:700}
.StudentProjectsListPage .ProjectCard .DescText{font-size:16px;line-height:1.6;letter-spacing:.01em;color:#3a3a3a;margin:0 0 16px;flex:1}
.StudentProjectsListPage .ProjectCard .MetaRow{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;border-top:1px solid #E7E7E7;margin:16px 0 0}
.StudentProjectsListPage .ProjectCard .DurationInfo{font-size:16px;line-height:1.6;letter-spacing:.01em;color:#5a5a5a}
.StudentProjectsListPage .ProjectCard .PriceLabel{font-size:23px;line-height:1.35;letter-spacing:.01em;color:#FD609C;font-weight:700}
.StudentProjectsListPage .ProjectCard .LinkCta{display:inline-block;margin:16px 0 0;padding:16px 32px;background:linear-gradient(135deg,#FD609C 0%,#FD609C 50%,#012B4D 50%,#012B4D 100%);background-size:250% 100%;background-position:100% 0;color:#fff;font-size:16px;font-weight:600;letter-spacing:.02em;text-decoration:none;border-radius:6px;transition:background-position .35s ease-out}
.StudentProjectsListPage .ProjectCard .LinkCta:hover{background-position:0 0}
.StudentProjectsListPage .CompareMetrics{background:linear-gradient(180deg,#E7E7E7 0%,#fd609c0d 50%,#fff 100%);padding:96px 16px}
.StudentProjectsListPage .CompareMetrics .InnerWrap{max-width:1100px;margin:0 auto}
.StudentProjectsListPage .CompareMetrics h2{font-size:42px;line-height:1.35;letter-spacing:.01em;color:#012B4D;margin:0 0 56px;font-weight:700;text-align:center}
.StudentProjectsListPage .CompareMetrics .ChartHolder{max-width:780px;margin:0 auto}
.StudentProjectsListPage .MetricBar{margin:0 0 32px}
.StudentProjectsListPage .MetricBar .BarLabel{font-size:19px;line-height:1.35;letter-spacing:.01em;color:#012B4D;margin:0 0 8px;font-weight:600}
.StudentProjectsListPage .MetricBar .BarTrack{height:56px;background:#012b4d14;border-radius:48px;position:relative;overflow:hidden}
.StudentProjectsListPage .MetricBar .BarFill{height:100%;background:linear-gradient(90deg,#FD609C 0%,#012B4D 100%);border-radius:48px;display:flex;align-items:center;justify-content:flex-end;padding:0 32px;transition:width .4s ease-out}
.StudentProjectsListPage .MetricBar .BarValue{font-size:19px;font-weight:700;letter-spacing:.01em;color:#fff}
.StudentProjectsListPage .ExpertProfile{background:#fff;padding:96px 16px}
.StudentProjectsListPage .ExpertProfile .ContentLayout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:56px;align-items:center}
.StudentProjectsListPage .ExpertProfile .PortraitBox{width:280px;height:280px;border-radius:50%;overflow:hidden;box-shadow:0 7px 18px 0 #012b4d1c;margin:0 auto}
.StudentProjectsListPage .ExpertProfile .PortraitBox img{width:100%;height:100%;object-fit:cover;object-position:top}
.StudentProjectsListPage .ExpertProfile .TextBlock h2{font-size:42px;line-height:1.35;letter-spacing:.01em;color:#012B4D;margin:0 0 32px;font-weight:700}
.StudentProjectsListPage .ExpertProfile .TextBlock p{font-size:19px;line-height:1.6;letter-spacing:.01em;color:#3a3a3a;margin:0 0 16px}
.StudentProjectsListPage .ExpertProfile .TextBlock p:last-child{margin:0}
.StudentProjectsListPage .InteractivePanel{background:#012B4D;padding:96px 16px;position:relative;overflow:hidden}
.StudentProjectsListPage .InteractivePanel::before{content:'';position:absolute;width:480px;height:480px;border-radius:50%;background:#fd609c26;top:-140px;left:-100px;pointer-events:none}
.StudentProjectsListPage .InteractivePanel .ContentWrap{max-width:1100px;margin:0 auto;position:relative;z-index:1}
.StudentProjectsListPage .InteractivePanel h2{font-size:42px;line-height:1.35;letter-spacing:.01em;color:#fff;margin:0 0 56px;font-weight:700;text-align:center}
.StudentProjectsListPage .FlashGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.StudentProjectsListPage .FlashButton{padding:32px;background:#ffffff14;border-radius:18px;border:2px solid #ffffff1f;text-align:center;cursor:pointer;transition:background .18s ease-out,border-color .18s ease-out;position:relative}
.StudentProjectsListPage .FlashButton:active{animation:FlashAccent .26s ease-out}
@keyframes FlashAccent {
0%{background:#fd609c4d;border-color:#FD609C}
100%{background:#ffffff14;border-color:#ffffff1f}
}
.StudentProjectsListPage .FlashButton:hover{background:#ffffff24;border-color:#fff3}
.StudentProjectsListPage .FlashButton .IconShape{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#FD609C 0%,#fd609c80 100%);border-radius:50%}
.StudentProjectsListPage .FlashButton .ButtonLabel{font-size:19px;line-height:1.35;letter-spacing:.01em;color:#fff;font-weight:600}
@media (max-width: 1366px) {
.StudentProjectsListPage .HeroIntro{padding:56px 16px 32px;gap:32px}
.StudentProjectsListPage .HeroIntro h1{font-size:42px}
.StudentProjectsListPage .ImageCard img{height:340px}
.StudentProjectsListPage .ProjectsGrid{padding:32px 16px}
.StudentProjectsListPage .ProjectsGrid h2{font-size:30px;margin:0 0 32px}
.StudentProjectsListPage .CompareMetrics{padding:56px 16px}
.StudentProjectsListPage .CompareMetrics h2{font-size:30px;margin:0 0 32px}
.StudentProjectsListPage .ExpertProfile{padding:56px 16px}
.StudentProjectsListPage .ExpertProfile .ContentLayout{gap:32px}
.StudentProjectsListPage .ExpertProfile .TextBlock h2{font-size:30px}
.StudentProjectsListPage .InteractivePanel{padding:56px 16px}
.StudentProjectsListPage .InteractivePanel h2{font-size:30px;margin:0 0 32px}
}
@media (max-width: 768px) {
.StudentProjectsListPage .HeroIntro{grid-template-columns:1fr;padding:32px 16px;gap:32px}
.StudentProjectsListPage .HeroIntro h1{font-size:30px}
.StudentProjectsListPage .HeroIntro .ManifestoText{font-size:16px}
.StudentProjectsListPage .ImageCard img{height:280px}
.StudentProjectsListPage .CardsHolder{grid-template-columns:1fr}
.StudentProjectsListPage .CompareMetrics h2{font-size:23px}
.StudentProjectsListPage .ExpertProfile .ContentLayout{grid-template-columns:1fr;gap:32px}
.StudentProjectsListPage .ExpertProfile .PortraitBox{width:220px;height:220px}
.StudentProjectsListPage .ExpertProfile .TextBlock h2{font-size:23px}
.StudentProjectsListPage .ExpertProfile .TextBlock p{font-size:16px}
.StudentProjectsListPage .FlashGrid{grid-template-columns:1fr}
.StudentProjectsListPage .InteractivePanel h2{font-size:23px}
}
@media (max-width: 375px) {
.StudentProjectsListPage .HeroIntro{padding:32px 8px}
.StudentProjectsListPage .ProjectsGrid{padding:32px 8px}
.StudentProjectsListPage .ProjectCard .InfoBlock{padding:16px}
.StudentProjectsListPage .CompareMetrics{padding:32px 8px}
.StudentProjectsListPage .ExpertProfile{padding:32px 8px}
.StudentProjectsListPage .InteractivePanel{padding:32px 8px}
}
.AboutCompanyPage{background:#fff;min-height:100vh}
.AboutCompanyPage .TitleZone{max-width:1100px;margin:0 auto;padding:96px 16px;display:grid;grid-template-columns:180px 1fr;gap:56px;align-items:center;position:relative}
.AboutCompanyPage .TitleZone::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:radial-gradient(circle at 15% 25%,#fd609c0a 0%,transparent 50%),radial-gradient(circle at 85% 75%,#012b4d08 0%,transparent 50%);pointer-events:none}
.AboutCompanyPage .ImageSliver{width:180px;height:420px;position:relative;overflow:hidden;border-radius:10px;box-shadow:0 7px 18px 0 #012b4d1c;opacity:0;animation:fadeInImage .6s ease-out .2s forwards}
@keyframes fadeInImage {
to{opacity:1}
}
.AboutCompanyPage .ImageSliver img{width:100%;height:100%;object-fit:cover;object-position:center}
.AboutCompanyPage .MainTextContent{position:relative;z-index:1}
.AboutCompanyPage .PrimaryHeadline{font-size:58px;line-height:1.1;letter-spacing:.01em;color:#012B4D;margin:0 0 32px;font-weight:700}
.AboutCompanyPage .PrimaryHeadline .AccentWord{color:#FD609C}
.AboutCompanyPage .IntroDescription{font-size:19px;line-height:1.6;color:#2a2a2a;letter-spacing:.01em;max-width:720px}
.AboutCompanyPage .ShapeDecor1{position:absolute;top:32px;right:96px;width:140px;height:140px;border:2px solid #FD609C;border-radius:48px;opacity:.15;transform:rotate(12deg);pointer-events:none}
.AboutCompanyPage .ShapeDecor2{position:absolute;bottom:56px;right:180px;width:80px;height:80px;background:#012B4D;border-radius:50%;opacity:.08;pointer-events:none}
.AboutCompanyPage .StorySection{background:linear-gradient(90deg,#F9F9F9 0%,#F9F9F9 48%,#fff 48%,#fff 100%);padding:96px 0;position:relative}
.AboutCompanyPage .StorySection::before{content:'';position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,#FD609C 0%,#fd609c00 100%)}
.AboutCompanyPage .StoryInner{max-width:1100px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr 2fr 2fr;gap:56px;position:relative}
.AboutCompanyPage .DottedBorder{position:absolute;left:50%;top:-32px;bottom:-32px;width:1px;pointer-events:none}
.AboutCompanyPage .DottedBorder::before,.AboutCompanyPage .DottedBorder::after{content:'';position:absolute;background:#E7E7E7;border-radius:50%}
.AboutCompanyPage .DottedBorder::before{width:6px;height:6px;top:8px;left:-3px}
.AboutCompanyPage .DottedBorder::after{width:4px;height:4px;top:96px;left:-2px}
.AboutCompanyPage .Dot1,.AboutCompanyPage .Dot2,.AboutCompanyPage .Dot3,.AboutCompanyPage .Dot4{position:absolute;background:#E7E7E7;border-radius:50%}
.AboutCompanyPage .Dot1{width:8px;height:8px;top:180px;left:-4px}
.AboutCompanyPage .Dot2{width:5px;height:5px;top:280px;left:-2px}
.AboutCompanyPage .Dot3{width:7px;height:7px;bottom:120px;left:-3px}
.AboutCompanyPage .Dot4{width:4px;height:4px;bottom:32px;left:-2px}
.AboutCompanyPage .ProfileHolder{display:flex;flex-direction:column;gap:16px}
.AboutCompanyPage .ProfileImage{width:140px;height:140px;border-radius:18px;overflow:hidden;box-shadow:0 2px 4px 0 #012b4d12}
.AboutCompanyPage .ProfileImage img{width:100%;height:100%;object-fit:cover;object-position:top}
.AboutCompanyPage .ProfileLabel{font-size:16px;line-height:1.35;color:#666;letter-spacing:.01em}
.AboutCompanyPage .ProfileName{font-size:19px;line-height:1.35;color:#012B4D;font-weight:700;letter-spacing:.01em;margin:0 0 8px}
.AboutCompanyPage .StoryContent{grid-column:2 / 4;display:flex;flex-direction:column;gap:56px}
.AboutCompanyPage .StoryHeading{font-size:42px;line-height:1.1;color:#012B4D;font-weight:700;letter-spacing:.02em;margin:0 0 32px}
.AboutCompanyPage .StoryText{font-size:19px;line-height:1.6;color:#2a2a2a;letter-spacing:.01em;margin:0 0 32px}
.AboutCompanyPage .StoryText:last-child{margin:0}
.AboutCompanyPage .ImageGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.AboutCompanyPage .GridImageBox{aspect-ratio:16/9;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px 0 #fd609c12;position:relative}
.AboutCompanyPage .GridImageBox img{width:100%;height:100%;object-fit:cover;transition:transform .42s ease-out}
.AboutCompanyPage .GridImageBox:hover img{transform:scale(1.08) translateX(8px)}
.AboutCompanyPage .ValuesSection{background:#fff;padding:96px 0}
.AboutCompanyPage .ValuesInner{max-width:1100px;margin:0 auto;padding:0 16px}
.AboutCompanyPage .ValuesHeading{font-size:42px;line-height:1.1;color:#FD609C;font-weight:700;letter-spacing:.02em;margin:0 0 56px;text-align:center}
.AboutCompanyPage .MetricsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.AboutCompanyPage .MetricBox{background:#F9F9F9;padding:56px 32px;border-radius:10px;text-align:center;position:relative;overflow:hidden;transition:transform .28s ease-out,box-shadow .28s ease-out}
.AboutCompanyPage .MetricBox::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#fd609c0f 0%,transparent 100%);transition:left .38s ease-out}
.AboutCompanyPage .MetricBox:hover{transform:translateY(-4px);box-shadow:0 8px 40px 0 #012b4d24}
.AboutCompanyPage .MetricBox:hover::before{left:0}
.AboutCompanyPage .MetricNumber{font-size:72px;line-height:1.1;color:#012B4D;font-weight:700;letter-spacing:.01em;margin:0 0 16px;position:relative;z-index:1}
.AboutCompanyPage .MetricLabel{font-size:19px;line-height:1.35;color:#666;letter-spacing:.01em;position:relative;z-index:1}
.AboutCompanyPage .HighlightText{display:inline;transition:background-color .22s ease-out;padding:0 2px}
.AboutCompanyPage .HighlightText:hover{background-color:#fd609c1f}
@media (max-width: 1366px) {
.AboutCompanyPage .TitleZone{padding:56px 16px;gap:32px}
.AboutCompanyPage .ImageSliver{width:140px;height:340px}
.AboutCompanyPage .PrimaryHeadline{font-size:42px}
.AboutCompanyPage .StorySection,.AboutCompanyPage .ValuesSection{padding:56px 0}
.AboutCompanyPage .StoryInner{gap:32px}
.AboutCompanyPage .StoryHeading,.AboutCompanyPage .ValuesHeading{font-size:30px}
}
@media (max-width: 768px) {
.AboutCompanyPage .TitleZone{grid-template-columns:1fr;padding:32px 16px;gap:32px}
.AboutCompanyPage .ImageSliver{width:100%;height:280px}
.AboutCompanyPage .PrimaryHeadline{font-size:30px}
.AboutCompanyPage .IntroDescription{font-size:16px}
.AboutCompanyPage .ShapeDecor1,.AboutCompanyPage .ShapeDecor2{display:none}
.AboutCompanyPage .StorySection{background:#F9F9F9;padding:32px 0}
.AboutCompanyPage .StoryInner{grid-template-columns:1fr;gap:32px}
.AboutCompanyPage .DottedBorder{display:none}
.AboutCompanyPage .ProfileHolder{flex-direction:row;align-items:center}
.AboutCompanyPage .ProfileImage{width:80px;height:80px}
.AboutCompanyPage .StoryContent{grid-column:1;gap:32px}
.AboutCompanyPage .StoryHeading,.AboutCompanyPage .ValuesHeading{font-size:23px;margin:0 0 16px}
.AboutCompanyPage .StoryText{font-size:16px;margin:0 0 16px}
.AboutCompanyPage .ImageGrid{grid-template-columns:1fr}
.AboutCompanyPage .ValuesSection{padding:32px 0}
.AboutCompanyPage .ValuesHeading{margin:0 0 32px}
.AboutCompanyPage .MetricsGrid{grid-template-columns:1fr;gap:16px}
.AboutCompanyPage .MetricBox{padding:32px 16px}
.AboutCompanyPage .MetricNumber{font-size:42px}
.AboutCompanyPage .MetricLabel{font-size:16px}
}
@media (max-width: 375px) {
.AboutCompanyPage .TitleZone{padding:32px 8px}
.AboutCompanyPage .PrimaryHeadline{font-size:23px}
.AboutCompanyPage .StorySection,.AboutCompanyPage .ValuesSection{padding:32px 0}
.AboutCompanyPage .StoryInner,.AboutCompanyPage .ValuesInner{padding:0 8px}
}
::selection{background-color:#fd609c26}
.ContactMainWrapper{background:#FFF;color:#1A1A1A;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.ContactMainWrapper ::selection{background:#fd609c26}
.ContactMainWrapper .TitleSection{max-width:1100px;margin:0 auto;padding:96px 32px;display:grid;grid-template-columns:1fr 280px;gap:56px;align-items:center;position:relative;overflow:hidden}
.ContactMainWrapper .TitleSection::before{content:'';position:absolute;top:-120px;right:-80px;width:440px;height:440px;background:linear-gradient(135deg,#FD609C 0%,#FD609C 50%,#E7E7E7 50%,#E7E7E7 100%);opacity:.08;border-radius:48px;transform:rotate(-15deg);pointer-events:none}
.ContactMainWrapper .TitleSection::after{content:'';position:absolute;bottom:-100px;left:-60px;width:360px;height:360px;background:linear-gradient(135deg,#012B4D 0%,#012B4D 50%,transparent 50%);opacity:.06;border-radius:48px;transform:rotate(25deg);pointer-events:none}
.ContactMainWrapper .TitleTextContent{position:relative;z-index:2}
.ContactMainWrapper .TitleMainHeading{font-size:58px;line-height:1.1;color:#012B4D;margin:0 0 32px;letter-spacing:.01em;font-weight:700}
.ContactMainWrapper .TitleQuote{font-size:23px;line-height:1.6;color:#4A4A4A;margin:0;letter-spacing:.015em;font-style:italic}
.ContactMainWrapper .TitleImageStrip{position:relative;height:420px;opacity:0;animation:fadeInImage .35s ease-out .25s forwards}
@keyframes fadeInImage {
to{opacity:1}
}
.ContactMainWrapper .TitleImageStrip img{width:100%;height:100%;object-fit:cover;border-radius:18px;box-shadow:0 8px 40px 0 #012b4d24}
.ContactMainWrapper .ContactFormSection{background:linear-gradient(135deg,#012B4D 0%,#012B4D 65%,#E7E7E7 65%,#E7E7E7 100%);padding:96px 32px;position:relative}
.ContactMainWrapper .ContactFormSection::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(./uploads_gallery/old-half8_251218.jpg);background-size:cover;background-position:center;opacity:.08;pointer-events:none}
.ContactMainWrapper .FormInnerContainer{max-width:1100px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 2fr;gap:96px;align-items:start}
.ContactMainWrapper .FormSideInfo{color:#FFF}
.ContactMainWrapper .FormSideHeading{font-size:42px;line-height:1.1;color:#FFF;margin:0 0 32px;letter-spacing:.01em;font-weight:700}
.ContactMainWrapper .FormSideText{font-size:19px;line-height:1.6;color:#ffffffe6;margin:0;letter-spacing:.015em}
.ContactMainWrapper .FormBlock{background:#FFF;padding:56px;border-radius:18px;box-shadow:0 7px 18px 0 #fd609c1c}
.ContactMainWrapper .FormActualElement{display:flex;flex-direction:column;gap:32px}
.ContactMainWrapper .FormFieldGroup{display:flex;flex-direction:column;gap:8px}
.ContactMainWrapper .FormLabel{font-size:16px;line-height:1.35;color:#1A1A1A;letter-spacing:.015em;font-weight:600}
.ContactMainWrapper .FormInput,.ContactMainWrapper .FormSelectBox{padding:16px;border:2px solid #E7E7E7;border-radius:10px;font-size:16px;line-height:1.35;color:#1A1A1A;letter-spacing:.015em;transition:border-color .25s ease-out,box-shadow .25s ease-out;background:#FFF;outline:none}
.ContactMainWrapper .FormInput::placeholder{color:#999}
.ContactMainWrapper .FormInput:focus,.ContactMainWrapper .FormSelectBox:focus{border-color:#FD609C;box-shadow:0 0 0 3px #fd609c1a}
.ContactMainWrapper .FormSelectBox{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%231A1A1A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px;cursor:pointer}
.ContactMainWrapper .PrivacyCheckboxWrapper{display:flex;align-items:start;gap:16px}
.ContactMainWrapper .PrivacyCheckboxInput{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#FD609C;flex-shrink:0}
.ContactMainWrapper .PrivacyCheckboxLabel{font-size:16px;line-height:1.6;color:#4A4A4A;letter-spacing:.015em;cursor:pointer}
.ContactMainWrapper .PrivacyCheckboxLabel a{color:#FD609C;text-decoration:none;transition:color .2s ease-out}
.ContactMainWrapper .PrivacyCheckboxLabel a:hover{color:#012B4D}
.ContactMainWrapper .FormSubmitButton{padding:16px 56px;background:linear-gradient(135deg,#FD609C 0%,#FD609C 100%);color:#FFF;border:none;border-radius:10px;font-size:19px;line-height:1.35;letter-spacing:.015em;font-weight:600;cursor:pointer;transition:background .35s ease-out,transform .2s ease-out,box-shadow .35s ease-out;box-shadow:0 2px 4px 0 #fd609c12;position:relative;overflow:hidden}
.ContactMainWrapper .FormSubmitButton::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#012B4D 0%,#012B4D 100%);transition:left .4s ease-out}
.ContactMainWrapper .FormSubmitButton:hover::before{left:0}
.ContactMainWrapper .FormSubmitButton span{position:relative;z-index:1}
.ContactMainWrapper .FormSubmitButton:hover{box-shadow:0 7px 18px 0 #fd609c1c}
.ContactMainWrapper .FormSubmitButton:active{transform:translateY(1px);box-shadow:0 2px 4px 0 #fd609c12 inset}
.ContactMainWrapper .DirectContactBlock{max-width:1100px;margin:0 auto;padding:96px 32px;display:grid;grid-template-columns:1fr 2fr 2fr;gap:56px}
.ContactMainWrapper .DirectContactIntro{display:flex;flex-direction:column;gap:16px}
.ContactMainWrapper .DirectContactIntro::before{content:'';width:56px;height:4px;background:#FD609C;border-radius:6px}
.ContactMainWrapper .DirectContactHeading{font-size:30px;line-height:1.35;color:#012B4D;margin:0;letter-spacing:.015em;font-weight:700}
.ContactMainWrapper .DirectContactDescription{font-size:16px;line-height:1.6;color:#4A4A4A;margin:0;letter-spacing:.015em}
.ContactMainWrapper .ContactDetailsColumn{display:flex;flex-direction:column;gap:32px;opacity:0;animation:rowWaveAppear .4s ease-out forwards}
.ContactMainWrapper .ContactDetailsColumn:nth-child(2){animation-delay:.15s}
.ContactMainWrapper .ContactDetailsColumn:nth-child(3){animation-delay:.3s}
@keyframes rowWaveAppear {
from{opacity:0;transform:translateY(32px)}
to{opacity:1;transform:translateY(0)}
}
.ContactMainWrapper .ContactDetailItem{background:#FFF;padding:32px;border-radius:18px;border-top:4px solid #FD609C;box-shadow:0 2px 4px 0 #012b4d12;transition:transform .28s ease-out,box-shadow .28s ease-out;position:relative;animation:flickerOutline 6s ease-in-out infinite}
@keyframes flickerOutline {
0%,100%{box-shadow:0 2px 4px 0 #012b4d12 0 0 0 0 #fd609c00}
50%{box-shadow:0 2px 4px 0 #012b4d12 0 0 0 2px #fd609c33}
}
.ContactMainWrapper .ContactDetailItem:hover{transform:translateY(-4px);box-shadow:0 7px 18px 0 #012b4d1c}
.ContactMainWrapper .ContactDetailLabel{font-size:16px;line-height:1.35;color:#999;margin:0 0 8px;letter-spacing:.015em;text-transform:uppercase;font-weight:600}
.ContactMainWrapper .ContactDetailValue{font-size:19px;line-height:1.6;color:#1A1A1A;margin:0;letter-spacing:.015em;word-wrap:break-word}
.ContactMainWrapper .ContactDetailValue a{color:#012B4D;text-decoration:none;transition:color .22s ease-out}
.ContactMainWrapper .ContactDetailValue a:hover{color:#FD609C}
@media (max-width: 1366px) {
.ContactMainWrapper .TitleSection{grid-template-columns:1fr 240px;gap:32px;padding:56px 32px}
.ContactMainWrapper .TitleMainHeading{font-size:42px}
.ContactMainWrapper .TitleImageStrip{height:360px}
.ContactMainWrapper .FormInnerContainer{gap:56px}
.ContactMainWrapper .DirectContactBlock{gap:32px}
}
@media (max-width: 768px) {
.ContactMainWrapper .TitleSection{grid-template-columns:1fr;gap:32px;padding:56px 16px}
.ContactMainWrapper .TitleMainHeading{font-size:30px}
.ContactMainWrapper .TitleQuote{font-size:19px}
.ContactMainWrapper .TitleImageStrip{height:280px}
.ContactMainWrapper .ContactFormSection{padding:56px 16px}
.ContactMainWrapper .FormInnerContainer{grid-template-columns:1fr;gap:56px}
.ContactMainWrapper .FormSideHeading{font-size:30px}
.ContactMainWrapper .FormBlock{padding:32px}
.ContactMainWrapper .DirectContactBlock{grid-template-columns:1fr;gap:32px;padding:56px 16px}
.ContactMainWrapper .FormSubmitButton{width:100%;padding:16px 32px}
}
@media (max-width: 375px) {
.ContactMainWrapper .TitleMainHeading{font-size:23px}
.ContactMainWrapper .FormSideHeading{font-size:23px}
.ContactMainWrapper .DirectContactHeading{font-size:23px}
.ContactMainWrapper .FormBlock{padding:16px}
.ContactMainWrapper .ContactDetailItem{padding:16px}
}
.ProgramDesignPage .IntroSection{background:linear-gradient(135deg,#FD609C 0%,#FD609C 33%,#012B4D 33%,#012B4D 66%,#E7E7E7 66%);padding:56px 16px;position:relative;overflow:hidden}
.ProgramDesignPage .IntroSection::before{content:'';position:absolute;right:32px;top:50%;transform:translateY(-50%);width:280px;height:280px;border:3px solid #ffffff26;border-radius:50%;pointer-events:none}
.ProgramDesignPage .IntroSection::after{content:'';position:absolute;right:56px;top:50%;transform:translateY(-50%);width:180px;height:180px;background:#012b4d40;clip-path:polygon(50% 0%,0% 100%,100% 100%);pointer-events:none}
.ProgramDesignPage .IntroContentWrap{max-width:1100px;margin:0 auto;position:relative;display:grid;grid-template-columns:3fr 1fr;gap:32px;align-items:center}
.ProgramDesignPage .IntroTextHolder{background:#fffffff7;padding:56px;border-radius:18px;box-shadow:0 8px 40px 0 #fd609c24;position:relative}
.ProgramDesignPage .IntroTextHolder::before{content:'';position:absolute;left:-8px;top:0;width:4px;height:100%;background:linear-gradient(180deg,#FD609C 0%,#012B4D 100%);border-radius:6px}
.ProgramDesignPage .IntroTextHolder::after{content:'';position:absolute;right:16px;top:16px;width:32px;height:32px;border-top:3px solid #FD609C;border-right:3px solid #FD609C;pointer-events:none}
.ProgramDesignPage .EyebrowLabel{font-size:16px;color:#FD609C;letter-spacing:.02em;margin:0 0 16px;font-weight:600;text-transform:uppercase}
.ProgramDesignPage .IntroHeading{font-size:58px;line-height:1.1;color:#012B4D;margin:0 0 32px;letter-spacing:.01em;font-weight:700}
.ProgramDesignPage .IntroImageBox{position:relative;border-radius:48px;overflow:hidden}
.ProgramDesignPage .IntroImageBox::before{content:'';position:absolute;left:-16px;bottom:-16px;width:56px;height:56px;border-left:3px solid #fffc;border-bottom:3px solid #fffc;pointer-events:none;z-index:2}
.ProgramDesignPage .IntroImageBox img{width:100%;height:340px;object-fit:cover;display:block}
.ProgramDesignPage .IntroImageBox::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#fd609c66 0%,transparent 60%);pointer-events:none}
.ProgramDesignPage .CourseBreakerSection{padding:96px 16px;background:#FAFAFA;position:relative}
.ProgramDesignPage .CourseBreakerSection::before{content:'';position:absolute;top:-1px;left:0;right:0;height:32px;background:radial-gradient(circle at 16px 0,transparent 16px,#FAFAFA 16px);background-size:32px 100%;background-repeat:repeat-x}
.ProgramDesignPage .CourseContentWrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr 2fr;gap:56px}
.ProgramDesignPage .CourseLeftCol{background:#012B4D;padding:56px 32px;border-radius:10px;box-shadow:0 7px 18px 0 #012b4d1c;display:flex;flex-direction:column;gap:32px;position:relative}
.ProgramDesignPage .CourseLeftCol::before{content:'';position:absolute;top:50%;right:-28px;width:0;height:0;border-top:24px solid transparent;border-bottom:24px solid transparent;border-left:28px solid #012B4D;transform:translateY(-50%);pointer-events:none}
.ProgramDesignPage .RiskIndicator{background:#ffffff1a;padding:16px;border-radius:6px}
.ProgramDesignPage .RiskLabel{font-size:16px;color:#FFF;margin:0 0 8px;letter-spacing:.01em}
.ProgramDesignPage .RiskBarContainer{display:flex;gap:8px;height:24px}
.ProgramDesignPage .RiskSegment{flex:1;border-radius:6px;transition:opacity .25s ease-out}
.ProgramDesignPage .RiskSegment:nth-child(1){background:#4ADE80}
.ProgramDesignPage .RiskSegment:nth-child(2){background:#FCD34D}
.ProgramDesignPage .RiskSegment:nth-child(3){background:#FB923C}
.ProgramDesignPage .RiskSegment:nth-child(4){background:#FD609C;opacity:.4}
.ProgramDesignPage .RiskSegment:nth-child(5){background:#EF4444;opacity:.4}
.ProgramDesignPage .CourseMetaItem{color:#FFF}
.ProgramDesignPage .CourseMetaLabel{font-size:16px;margin:0 0 8px;opacity:.7;letter-spacing:.01em}
.ProgramDesignPage .CourseMetaValue{font-size:30px;line-height:1.35;font-weight:700;margin:0;letter-spacing:.01em}
.ProgramDesignPage .CourseMainContent{grid-column:2 / 4;display:flex;flex-direction:column;gap:56px}
.ProgramDesignPage .CourseHeading{font-size:42px;line-height:1.35;color:#012B4D;margin:0 0 32px;letter-spacing:.01em;font-weight:700}
.ProgramDesignPage .CourseDescription{font-size:19px;line-height:1.6;color:#333;margin:0 0 16px;letter-spacing:.02em}
.ProgramDesignPage .CoursePhaseGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.ProgramDesignPage .PhaseCard{background:#FFF;padding:32px;border-radius:10px;box-shadow:0 2px 4px 0 #012b4d12;transition:box-shadow .35s ease-out,transform .2s ease-out;position:relative;overflow:hidden}
.ProgramDesignPage .PhaseCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FD609C 0%,#012B4D 100%);transform:scaleX(0);transform-origin:left;transition:transform .45s ease-out}
.ProgramDesignPage .PhaseCard:hover::before{transform:scaleX(1)}
.ProgramDesignPage .PhaseCard:hover{box-shadow:0 8px 40px 0 #fd609c24;transform:translateY(-8px)}
.ProgramDesignPage .PhaseNumber{display:inline-block;width:48px;height:48px;background:#E7E7E7;color:#012B4D;border-radius:48px;font-size:23px;font-weight:700;line-height:48px;text-align:center;margin:0 0 16px;letter-spacing:.01em}
.ProgramDesignPage .PhaseTitle{font-size:23px;line-height:1.35;color:#012B4D;margin:0 0 16px;letter-spacing:.01em;font-weight:700}
.ProgramDesignPage .PhaseText{font-size:16px;line-height:1.6;color:#555;margin:0;letter-spacing:.02em}
.ProgramDesignPage .TeamShowcaseSection{padding:96px 16px;background:#FFF;position:relative;background-image:repeating-linear-gradient(45deg,transparent,transparent 32px,#fd609c08 32px,#fd609c08 64px)}
.ProgramDesignPage .TeamContentWrap{max-width:1100px;margin:0 auto;position:relative}
.ProgramDesignPage .TeamHeading{font-size:42px;line-height:1.35;color:#FD609C;margin:0 0 56px;text-align:center;letter-spacing:.01em;font-weight:700}
.ProgramDesignPage .TeamGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.ProgramDesignPage .TeamMember{background:#FFF;border-radius:10px;padding:16px;box-shadow:0 2px 4px 0 #012b4d12;text-align:center;transition:transform .28s ease-out,box-shadow .28s ease-out;position:relative;overflow:hidden}
.ProgramDesignPage .TeamMember::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#FD609C 0%,#012B4D 100%);opacity:0;transition:opacity .35s ease-out;pointer-events:none}
.ProgramDesignPage .TeamMember:hover::before{opacity:.05}
.ProgramDesignPage .TeamMember:hover{transform:translateY(-8px);box-shadow:0 7px 18px 0 #fd609c1c}
.ProgramDesignPage .TeamPhotoHolder{width:120px;height:120px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:4px solid #E7E7E7;transition:border-color .25s ease-out;position:relative}
.ProgramDesignPage .TeamMember:hover .TeamPhotoHolder{border-color:#FD609C}
.ProgramDesignPage .TeamPhotoHolder img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.ProgramDesignPage .TeamName{font-size:19px;line-height:1.35;color:#012B4D;margin:0 0 8px;letter-spacing:.01em;font-weight:700}
.ProgramDesignPage .TeamRole{font-size:16px;line-height:1.6;color:#666;margin:0;letter-spacing:.02em}
@media (max-width: 1366px) {
.ProgramDesignPage .IntroContentWrap{grid-template-columns:1fr}
.ProgramDesignPage .IntroTextHolder{padding:32px}
.ProgramDesignPage .IntroHeading{font-size:42px}
.ProgramDesignPage .CourseContentWrap{grid-template-columns:1fr}
.ProgramDesignPage .CourseMainContent{grid-column:1}
.ProgramDesignPage .CourseLeftCol::before{display:none}
.ProgramDesignPage .CoursePhaseGrid{grid-template-columns:1fr}
.ProgramDesignPage .TeamGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.ProgramDesignPage .IntroSection{padding:32px 16px}
.ProgramDesignPage .IntroSection::before,.ProgramDesignPage .IntroSection::after{display:none}
.ProgramDesignPage .IntroTextHolder{padding:32px 16px}
.ProgramDesignPage .IntroTextHolder::after{display:none}
.ProgramDesignPage .IntroHeading{font-size:30px}
.ProgramDesignPage .CourseBreakerSection{padding:56px 16px}
.ProgramDesignPage .CourseContentWrap{gap:32px}
.ProgramDesignPage .CourseLeftCol{padding:32px 16px}
.ProgramDesignPage .CourseHeading{font-size:30px}
.ProgramDesignPage .TeamShowcaseSection{padding:56px 16px}
.ProgramDesignPage .TeamHeading{font-size:30px;margin:0 0 32px}
.ProgramDesignPage .TeamGrid{grid-template-columns:1fr;gap:16px}
}
@media (max-width: 375px) {
.ProgramDesignPage .IntroHeading{font-size:23px}
.ProgramDesignPage .CourseHeading{font-size:23px}
.ProgramDesignPage .TeamHeading{font-size:23px}
.ProgramDesignPage .CourseDescription{font-size:16px}
}
.ProgramDesignPage ::selection{background:#fd609c33}
.MainHome{background:#FFF;min-height:100vh}
.MainHome .TitleStrip{position:relative;overflow:hidden;padding:16px 32px;max-width:1100px;margin:0 auto}
.MainHome .ImageBandTop{width:100%;height:180px;position:relative;border-radius:10px;overflow:hidden;margin-bottom:32px}
.MainHome .ImageBandTop img{width:100%;height:100%;object-fit:cover;object-position:center}
.MainHome .ImageBandTop::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#012b4db8,transparent);pointer-events:none}
.MainHome .BlobBackground{position:absolute;border-radius:48px;filter:blur(96px);z-index:0;pointer-events:none}
.MainHome .BlobOne{width:420px;height:420px;background:#fd609c2e;top:-120px;left:-80px}
.MainHome .BlobTwo{width:360px;height:360px;background:#012b4d1c;bottom:-100px;right:-60px}
.MainHome .ContentZoneStrip{position:relative;z-index:1;max-width:780px}
.MainHome .MainHeadingStrip{font-size:58px;line-height:1.1;letter-spacing:.01em;color:#012B4D;margin:0 0 16px;font-weight:700}
.MainHome .SubTextStrip{font-size:23px;line-height:1.35;letter-spacing:.015em;color:#333;margin:0 0 32px}
.MainHome .ActionLinkStrip{display:inline-block;font-size:19px;color:#FD609C;text-decoration:none;border-bottom:2px solid #FD609C;padding-bottom:4px;transition:border-bottom-width .24s ease-out,color .28s ease-out;letter-spacing:.012em}
.MainHome .ActionLinkStrip:hover{border-bottom-width:4px;color:#012B4D}
.MainHome .SplitDivider{max-width:1100px;margin:0 auto;padding:56px 32px;display:flex;justify-content:space-between;align-items:center}
.MainHome .EdgeLine{width:180px;height:2px;background:#012b4d24}
.MainHome .ProgramDescriptor{max-width:1100px;margin:0 auto;padding:56px 32px;display:grid;grid-template-columns:1fr 2fr;gap:56px;align-items:start}
.MainHome .ImageFocusArea{position:relative;border-radius:18px;overflow:hidden;width:100%;aspect-ratio:16/9}
.MainHome .ImageFocusArea img{width:100%;height:100%;object-fit:cover;filter:saturate(0.7);transition:filter .38s ease-out}
.MainHome .ImageFocusArea:hover img{filter:saturate(1)}
.MainHome .ProgramContent{display:flex;flex-direction:column;gap:32px}
.MainHome .BarAccent{width:68px;height:4px;background:#FD609C;margin-bottom:8px}
.MainHome .HeadingProgram{font-size:42px;line-height:1.1;letter-spacing:.015em;color:#012B4D;margin:0;font-weight:700}
.MainHome .TextProgram{font-size:19px;line-height:1.6;letter-spacing:.012em;color:#444;margin:0}
.MainHome .SkillsGridArea{background:linear-gradient(135deg,#E7E7E7 0%,#FFF 42%,#E7E7E7 100%);padding:96px 32px}
.MainHome .SkillsWrapInner{max-width:1100px;margin:0 auto}
.MainHome .HeadingSkills{font-size:42px;line-height:1.1;letter-spacing:.02em;color:#FD609C;margin:0 0 56px;text-align:center;font-weight:700}
.MainHome .ThreeColumnGrid{display:grid;grid-template-columns:1fr 2fr 2fr;gap:32px}
.MainHome .SkillCardBox{background:#FFF;border-radius:10px;padding:32px;box-shadow:0 7px 18px 0 #012b4d1c;transition:transform .32s ease-out,box-shadow .29s ease-out}
.MainHome .SkillCardBox:hover{transform:translateY(-8px);box-shadow:0 8px 40px 0 #012b4d24}
.MainHome .SkillHeadingCard{font-size:23px;line-height:1.35;letter-spacing:.018em;color:#012B4D;margin:0 0 16px;font-weight:700}
.MainHome .SkillTextCard{font-size:16px;line-height:1.6;letter-spacing:.012em;color:#555;margin:0}
.MainHome .MosaicPattern{max-width:1100px;margin:0 auto;padding:96px 32px;display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.MainHome .MosaicItemBox{display:flex;flex-direction:column;gap:16px}
.MainHome .MosaicImageWrap{position:relative;border-radius:18px;overflow:hidden;width:100%;aspect-ratio:16/9}
.MainHome .MosaicImageWrap img{width:100%;height:100%;object-fit:cover;filter:saturate(0.7);transition:filter .35s ease-out}
.MainHome .MosaicImageWrap:hover img{filter:saturate(1)}
.MainHome .MosaicTextWrap{padding:16px 0}
.MainHome .MosaicHeading{font-size:30px;line-height:1.35;letter-spacing:.016em;color:#012B4D;margin:0 0 8px;font-weight:700}
.MainHome .MosaicParagraph{font-size:16px;line-height:1.6;letter-spacing:.012em;color:#555;margin:0}
.MainHome .ProgressBlock{background:#fd609c0d;padding:96px 32px}
.MainHome .ProgressInner{max-width:1100px;margin:0 auto}
.MainHome .ProgressHeading{font-size:42px;line-height:1.1;letter-spacing:.018em;color:#FD609C;margin:0 0 56px;text-align:center;font-weight:700}
.MainHome .TwoColStats{display:grid;grid-template-columns:repeat(2,1fr);gap:56px}
.MainHome .StatBox{display:flex;flex-direction:column;gap:16px}
.MainHome .StatLabel{font-size:19px;line-height:1.35;letter-spacing:.015em;color:#012B4D;margin:0;font-weight:700}
.MainHome .BarVisual{width:100%;height:32px;background:#FFF;border-radius:6px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px 0 #012b4d12}
.MainHome .BarFill{height:100%;background:linear-gradient(90deg,#FD609C 0%,#012B4D 100%);transition:width .42s ease-out;position:relative}
.MainHome .BarPercentage{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:16px;color:#FFF;font-weight:700;letter-spacing:.012em}
.MainHome .TestimonialsZone{max-width:1100px;margin:0 auto;padding:96px 32px}
.MainHome .TestimonialHeading{font-size:42px;line-height:1.1;letter-spacing:.02em;color:#012B4D;margin:0 0 56px;font-weight:700}
.MainHome .TestimonialGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:56px}
.MainHome .TestimonialCard{display:flex;gap:32px;align-items:start}
.MainHome .PortraitHolder{flex-shrink:0;width:140px;aspect-ratio:2/3;border-radius:10px;overflow:hidden}
.MainHome .PortraitHolder img{width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(0.7);transition:filter .31s ease-out}
.MainHome .PortraitHolder:hover img{filter:saturate(1)}
.MainHome .TestimonialTextArea{flex:1}
.MainHome .TestimonialName{font-size:23px;line-height:1.35;letter-spacing:.015em;color:#FD609C;margin:0 0 8px;font-weight:700}
.MainHome .TestimonialQuote{font-size:16px;line-height:1.6;letter-spacing:.012em;color:#555;margin:0}
.MainHome .FooterContact{background:#012B4D;padding:56px 32px}
.MainHome .FooterInner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px}
.MainHome .FooterHeading{font-size:30px;line-height:1.35;letter-spacing:.016em;color:#FFF;margin:0 0 16px;font-weight:700}
.MainHome .FooterText{font-size:16px;line-height:1.6;letter-spacing:.012em;color:#ffffffd1;margin:0 0 8px}
.MainHome .FooterLink{color:#FD609C;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom-color .22s ease-out}
.MainHome .FooterLink:hover{border-bottom-color:#FD609C}
.MainHome ::selection{background:#fd609c26}
@media (max-width: 1366px) {
.MainHome .ThreeColumnGrid{grid-template-columns:1fr 1fr}
.MainHome .FooterInner{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.MainHome .TitleStrip{padding:16px}
.MainHome .ImageBandTop{height:120px;margin-bottom:16px}
.MainHome .MainHeadingStrip{font-size:42px}
.MainHome .SubTextStrip{font-size:19px}
.MainHome .SplitDivider{padding:32px 16px}
.MainHome .EdgeLine{width:100px}
.MainHome .ProgramDescriptor{grid-template-columns:1fr;gap:32px;padding:32px 16px}
.MainHome .HeadingProgram{font-size:30px}
.MainHome .SkillsGridArea{padding:56px 16px}
.MainHome .HeadingSkills{font-size:30px;margin-bottom:32px}
.MainHome .ThreeColumnGrid{grid-template-columns:1fr}
.MainHome .MosaicPattern{grid-template-columns:1fr;padding:56px 16px}
.MainHome .ProgressBlock{padding:56px 16px}
.MainHome .ProgressHeading{font-size:30px;margin-bottom:32px}
.MainHome .TwoColStats{grid-template-columns:1fr;gap:32px}
.MainHome .TestimonialsZone{padding:56px 16px}
.MainHome .TestimonialHeading{font-size:30px;margin-bottom:32px}
.MainHome .TestimonialGrid{grid-template-columns:1fr;gap:32px}
.MainHome .TestimonialCard{flex-direction:column;gap:16px}
.MainHome .PortraitHolder{width:100%;max-width:180px;margin:0 auto}
.MainHome .FooterContact{padding:32px 16px}
}
@media (max-width: 375px) {
.MainHome .MainHeadingStrip{font-size:30px}
.MainHome .SubTextStrip{font-size:16px}
.MainHome .EdgeLine{width:60px}
}
.SuccessPageWrapper{min-height:100vh;background:linear-gradient(135deg,#fff 0%,#E7E7E7 50%,#fff 100%);display:flex;align-items:center;justify-content:center;padding:56px 16px;position:relative;overflow:hidden}
.SuccessPageWrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-circle at 20% 30%,#fd609c14 0%,transparent 50%),radial-gradient(circle at 80% 70%,#012b4d0f 0%,transparent 50%);pointer-events:none;z-index:0}
.ConfirmationContainer{max-width:640px;width:100%;background:#fff;border-radius:18px;box-shadow:0 8px 40px 0 #fd609c24;padding:56px 32px;text-align:center;position:relative;z-index:1;animation:slideUpFade .42s ease-out}
@keyframes slideUpFade {
from{opacity:0;transform:translateY(32px)}
to{opacity:1;transform:translateY(0)}
}
.IconCircle{width:112px;height:112px;margin:0 auto 32px;border-radius:999px;background:linear-gradient(135deg,#FD609C 0%,#012B4D 100%);display:flex;align-items:center;justify-content:center;position:relative;animation:pulseOnce .38s ease-out .2s}
@keyframes pulseOnce {
0%,100%{transform:scale(1)}
50%{transform:scale(1.08)}
}
.IconCircle::before{content:'';position:absolute;inset:-8px;border-radius:999px;background:linear-gradient(135deg,#FD609C 0%,#012B4D 100%);opacity:.15;z-index:-1}
.CheckmarkSvg{width:56px;height:56px;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.CheckmarkPath{stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .35s ease-out .25s forwards}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.SuccessHeading{font-size:42px;line-height:1.1;letter-spacing:.01em;color:#012B4D;margin:0 0 16px;font-weight:700;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.ConfirmationText{font-size:19px;line-height:1.6;letter-spacing:.015em;color:#333;margin:0 0 32px}
.DetailsList{background:#E7E7E7;border-radius:10px;padding:32px;margin:0 0 32px;text-align:left}
.DetailItem{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;border-bottom:1px solid #012b4d1f}
.DetailItem:last-child{border-bottom:none;padding-bottom:0}
.DetailLabel{font-size:16px;line-height:1.35;letter-spacing:.015em;color:#666;font-weight:500}
.DetailValue{font-size:16px;line-height:1.35;letter-spacing:.015em;color:#012B4D;font-weight:600;text-align:right}
.ButtonHolder{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.PrimaryActionBtn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;background:linear-gradient(135deg,#FD609C 0%,#012B4D 100%);color:#fff;text-decoration:none!important;border-radius:48px;font-size:16px;line-height:1.35;letter-spacing:.02em;font-weight:600;border:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .22s ease-out,box-shadow .22s ease-out;box-shadow:0 2px 4px 0 #fd609c12}
.PrimaryActionBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#fff3 0%,transparent 100%);transition:left .38s ease-out}
.PrimaryActionBtn:hover{transform:translateY(-2px);box-shadow:0 7px 18px 0 #fd609c1c}
.PrimaryActionBtn:hover::before{left:100%}
.PrimaryActionBtn:active{transform:translateY(0);box-shadow:0 2px 4px 0 #fd609c12 inset 0 2px 4px 0 #0000001a}
.SecondaryActionBtn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;background:transparent;color:#012B4D;text-decoration:none!important;border-radius:48px;font-size:16px;line-height:1.35;letter-spacing:.02em;font-weight:600;border:2px solid #012B4D;cursor:pointer;transition:background .26s ease-out,color .26s ease-out,border-color .26s ease-out}
.SecondaryActionBtn:hover{background:#012B4D;color:#fff;border-color:#012B4D}
.SecondaryActionBtn:active{box-shadow:inset 0 2px 4px 0 #00000026}
.ContactInfoBlock{margin-top:56px;padding-top:32px;border-top:1px solid #E7E7E7}
.ContactInfoHeading{font-size:19px;line-height:1.35;letter-spacing:.015em;color:#012B4D;margin:0 0 16px;font-weight:600}
.ContactInfoText{font-size:16px;line-height:1.6;letter-spacing:.015em;color:#666;margin:0 0 8px}
.ContactLink{color:#FD609C;text-decoration:none!important;font-weight:600;position:relative;transition:color .19s ease-out}
.ContactLink::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#FD609C;transition:width .28s ease-out}
.ContactLink:hover{color:#012B4D}
.ContactLink:hover::after{width:100%;background:#012B4D}
@media (max-width: 768px) {
.SuccessPageWrapper{padding:32px 16px}
.ConfirmationContainer{padding:32px 16px}
.IconCircle{width:88px;height:88px;margin-bottom:24px}
.CheckmarkSvg{width:42px;height:42px}
.SuccessHeading{font-size:30px}
.ConfirmationText{font-size:16px}
.DetailsList{padding:16px}
.DetailItem{flex-direction:column;gap:8px;align-items:flex-start}
.DetailValue{text-align:left}
.ButtonHolder{flex-direction:column;gap:8px}
.PrimaryActionBtn,.SecondaryActionBtn{width:100%}
.ContactInfoBlock{margin-top:32px;padding-top:24px}
}
@media (max-width: 375px) {
.SuccessHeading{font-size:23px}
.IconCircle{width:72px;height:72px}
.CheckmarkSvg{width:32px;height:32px}
}
::selection{background:#fd609c2e}