*{margin:0;padding:0}
body{font-family:'Cormorant',serif;font-size:18px;line-height:1.6;color:#0B3F64;background-color:#FAF7C2}
.PageHeader{background:linear-gradient(135deg,#0b3f64f2 0%,#0b3f64d9 100%);padding:24px 0;box-shadow:0 4px 12px #0b3f6433}
.HeaderContainer{max-width:1366px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:stretch;gap:48px;box-sizing:border-box}
.BrandColumn{display:flex;align-items:center;gap:18px}
.LogoArea{flex-shrink:0}
.LogoLink{display:block;background:#faf7c226;border-radius:12px;padding:8px;box-shadow:0 2px 8px #00000026}
.CompanyLogo{width:90px;height:90px;display:block}
.CompanyIdentity{display:flex;flex-direction:column;justify-content:center;gap:4px}
.CompanyTitle{font-size:32px;font-weight:700;color:#FAF7C2;line-height:1.2}
.CompanyTagline{font-size:16px;color:#faf7c2cc;line-height:1.3}
.NavigationColumn{display:flex;flex-direction:column;justify-content:space-between;gap:16px;flex:1}
.PrimaryNavigation{display:flex;gap:32px;align-items:center;justify-content:flex-end}
.NavigationLink{color:#FAF7C2;text-decoration:none;font-size:19px;font-weight:600;padding:8px 4px;transition:color .2s ease;white-space:nowrap}
.NavigationLink:hover{color:#E93946}
.ContactBlock{display:flex;gap:24px;justify-content:flex-end}
.ContactItem{display:flex;align-items:center;gap:8px;color:#faf7c2e6;font-size:16px}
.ContactItem i{font-size:18px}
.ContactValue{color:#faf7c2e6;text-decoration:none;transition:color .2s ease}
.ContactValue:hover{color:#FAF7C2}
.PageFooter{background:#0B3F64;padding:48px 0 24px;margin-top:80px}
.FooterContainer{max-width:1366px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.FooterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-bottom:40px}
.FooterSection{display:flex;flex-direction:column;gap:20px}
.FooterHeading{font-size:22px;font-weight:700;color:#FAF7C2;margin-bottom:4px}
.FooterNavigation{display:flex;flex-direction:column;gap:12px}
.FooterNavigationLink{display:inline-block;color:#faf7c2d9;text-decoration:none;font-size:17px;padding:8px 20px;background:#faf7c214;border-radius:24px;transition:background .2s ease;width:fit-content}
.FooterNavigationLink:hover{background:#e9394633;color:#FAF7C2}
.FooterContact{display:flex;flex-direction:column;gap:14px}
.FooterContactItem{display:flex;align-items:center;gap:10px;color:#faf7c2d9;font-size:16px}
.FooterContactItem i{font-size:18px;color:#E93946}
.FooterContactItem a{color:#faf7c2d9;text-decoration:none;transition:color .2s ease}
.FooterContactItem a:hover{color:#FAF7C2}
.CopyrightBar{border-top:1px solid #faf7c233;padding-top:24px;margin-top:32px}
.CopyrightText{text-align:center;color:#faf7c2b3;font-size:15px}
.CookiePopup{position:fixed;top:20px;right:20px;max-width:440px;background:#0B3F64;border-radius:12px;box-shadow:0 8px 24px #0b3f6466;padding:28px;z-index:9999;transform:translateY(-150%);transition:transform .4s ease}
.CookiePopup[data-visible="true"]{transform:translateY(0)}
.CookieContent{display:flex;flex-direction:column;gap:18px}
.CookieTitle{font-size:24px;font-weight:700;color:#FAF7C2;margin-bottom:4px}
.CookieDescription{font-size:16px;color:#faf7c2d9;line-height:1.5}
.CookieSettings{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid #faf7c233;border-bottom:1px solid #faf7c233}
.CookieOption{display:flex;align-items:center}
.CookieLabel{display:flex;align-items:center;gap:12px;cursor:pointer;position:relative}
.CookieCheckbox{position:absolute;opacity:0;cursor:pointer}
.CookieToggle{width:48px;height:24px;background:#faf7c233;border-radius:24px;position:relative;transition:background .3s ease}
.CookieToggle::after{content:'';position:absolute;width:18px;height:18px;background:#FAF7C2;border-radius:50%;top:3px;left:3px;transition:transform .3s ease}
.CookieCheckbox:checked + .CookieToggle{background:#E93946}
.CookieCheckbox:checked + .CookieToggle::after{transform:translateX(24px)}
.CookieOptionText{font-size:16px;color:#faf7c2e6}
.CookieActions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.CookieButton{padding:10px 24px;border:none;border-radius:24px;font-family:'Cormorant',serif;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}
.CookieButtonPrimary{background:#E93946;color:#FAF7C2}
.CookieButtonPrimary:hover{background:#e93946d9}
.CookieButtonSecondary{background:#faf7c226;color:#FAF7C2}
.CookieButtonSecondary:hover{background:#faf7c240}
.CookiePolicyLink{color:#faf7c2cc;text-decoration:underline;font-size:15px}
.CookiePolicyLink:hover{color:#FAF7C2}
.PrivacyChoice{padding-top:12px;border-top:1px solid #faf7c233}
.PrivacyChoiceLink{color:#faf7c2bf;text-decoration:underline;font-size:14px}
.PrivacyChoiceLink:hover{color:#FAF7C2}
@media (max-width: 1024px) {
.HeaderContainer{flex-direction:column;gap:32px}
.BrandColumn{justify-content:center}
.NavigationColumn{align-items:center}
.PrimaryNavigation{justify-content:center;flex-wrap:wrap;gap:20px}
.ContactBlock{justify-content:center;flex-wrap:wrap}
.FooterGrid{grid-template-columns:1fr;gap:32px}
.CookiePopup{left:20px;right:20px;max-width:none}
}
@media (max-width: 640px) {
.PageHeader{padding:20px 0}
.HeaderContainer{padding:0 20px;gap:24px}
.BrandColumn{flex-direction:column;text-align:center}
.CompanyTitle{font-size:28px}
.CompanyLogo{width:70px;height:70px}
.PrimaryNavigation{flex-direction:column;gap:12px}
.ContactBlock{flex-direction:column;gap:12px}
.FooterContainer{padding:0 20px}
.CookiePopup{top:10px;left:10px;right:10px;padding:20px}
.CookieActions{flex-direction:column}
.CookieButton{width:100%}
}
body::-webkit-scrollbar{width:14px}
body::-webkit-scrollbar-track{background:#faf7c24d;border-radius:10px}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0B3F64 0%,#0b3f64b3 100%);border-radius:10px;box-shadow:0 2px 6px #0003}
body::-webkit-scrollbar-thumb:hover{background:#E93946}
.policy-mfy-wrapper{max-width:1366px;margin:0 auto;padding:80px 24px;background:#fff}
.policy-mfy-wrapper h1{font-size:42px;line-height:1.2;color:#0B3F64;margin:0 0 48px;font-weight:700;letter-spacing:-.5px}
.policy-mfy-wrapper h2{font-size:32px;line-height:1.3;color:#0B3F64;margin:64px 0 24px;font-weight:600;letter-spacing:-.3px}
.policy-mfy-wrapper h3{font-size:24px;line-height:1.4;color:#0B3F64;margin:48px 0 20px;font-weight:600}
.policy-mfy-wrapper h4{font-size:20px;line-height:1.4;color:#0B3F64;margin:32px 0 16px;font-weight:600}
.policy-mfy-wrapper h5{font-size:18px;line-height:1.5;color:#0B3F64;margin:24px 0 12px;font-weight:600}
.policy-mfy-wrapper h6{font-size:16px;line-height:1.5;color:#0B3F64;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.policy-mfy-wrapper p{font-size:17px;line-height:1.8;color:#1a1a1a;margin:0 0 24px;max-width:820px}
.policy-mfy-wrapper strong,.policy-mfy-wrapper b{font-weight:700;color:#0B3F64}
.policy-mfy-wrapper em,.policy-mfy-wrapper i{font-style:italic;color:#333}
.policy-mfy-wrapper a{color:#E93946;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:all .2s ease}
.policy-mfy-wrapper a:hover{color:#0B3F64;text-decoration-thickness:2px}
.policy-mfy-wrapper a:active{color:#0B3F64;opacity:.8}
.policy-mfy-wrapper hr{border:none;height:2px;background:#0b3f6426;margin:56px 0;border-radius:8px}
.policy-mfy-wrapper div{margin:0 0 24px}
@media (max-width: 1024px) {
.policy-mfy-wrapper{padding:64px 32px}
.policy-mfy-wrapper h1{font-size:36px;margin:0 0 40px}
.policy-mfy-wrapper h2{font-size:28px;margin:56px 0 20px}
.policy-mfy-wrapper h3{font-size:22px;margin:40px 0 18px}
.policy-mfy-wrapper h4{font-size:19px;margin:28px 0 14px}
.policy-mfy-wrapper p{font-size:16px;line-height:1.75}
}
@media (max-width: 640px) {
.policy-mfy-wrapper{padding:48px 20px}
.policy-mfy-wrapper h1{font-size:30px;margin:0 0 32px}
.policy-mfy-wrapper h2{font-size:24px;margin:48px 0 18px}
.policy-mfy-wrapper h3{font-size:20px;margin:32px 0 16px}
.policy-mfy-wrapper h4{font-size:18px;margin:24px 0 12px}
.policy-mfy-wrapper h5{font-size:17px;margin:20px 0 10px}
.policy-mfy-wrapper h6{font-size:15px;margin:20px 0 10px}
.policy-mfy-wrapper p{font-size:15px;line-height:1.7;margin:0 0 20px}
.policy-mfy-wrapper hr{margin:40px 0}
}
.ProgramTitleArea{background:linear-gradient(135deg,#0B3F64 0%,#1a5a8a 50%,#0B3F64 100%);background-size:200% 200%;animation:ShiftBackground 8s ease infinite;padding:80px 20px 100px;position:relative;overflow:hidden}
@keyframes ShiftBackground {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.ProgramTitleArea::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,#e9394626,transparent 60%);pointer-events:none}
.ProgramTitleWrapper{max-width:1366px;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.ProgramMainTitle{font-size:52px;font-weight:700;color:#FAF7C2;text-align:center;margin:0 0 24px;line-height:1.2}
.ProgramIntroText{font-size:20px;color:#faf7c2e6;text-align:center;max-width:720px;line-height:1.6;margin:0 0 48px}
.ProgramVisualBox{width:100%;max-width:900px;height:420px;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 8px 32px #0b3f6466}
.ProgramVisualBox img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(0.85) contrast(1.1);transition:filter .4s ease}
.ProgramVisualBox:hover img{filter:brightness(0.95) contrast(1.05)}
.ProgramVisualBox::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,#0b3f644d 100%);pointer-events:none}
.LearningPathSection{padding:100px 20px;background:linear-gradient(to bottom,#FAF7C2 0%,#f5f0a8 100%)}
.LearningPathContainer{max-width:1366px;margin:0 auto}
.PathSectionHead{text-align:left;margin-bottom:60px}
.PathSectionHead h2{font-size:42px;font-weight:700;color:#0B3F64;margin:0 0 16px;position:relative;display:inline-block}
.PathSectionHead h2::after{content:'';position:absolute;bottom:-8px;left:0;width:80px;height:4px;background:linear-gradient(to right,#E93946,#0B3F64);border-radius:2px}
.PathSectionHead p{font-size:18px;color:#0b3f64cc;line-height:1.7;max-width:680px}
.PathGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:64px}
.PathCard{background:#fff;border-radius:10px;padding:32px 28px;box-shadow:0 4px 16px #0b3f641f;transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid #E93946}
.PathCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0b3f642e}
.PathCard h3{font-size:24px;font-weight:600;color:#0B3F64;margin:0 0 16px}
.PathCard p{font-size:16px;color:#0b3f64bf;line-height:1.65;margin:0 0 20px}
.PathFeatureList{list-style:none;padding:0;margin:0}
.PathFeatureList li{font-size:15px;color:#0B3F64;padding:8px 0 8px 28px;position:relative;line-height:1.5}
.PathFeatureList li::before{content:'✓';position:absolute;left:0;color:#E93946;font-weight:700;font-size:18px}
.ExpertRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-bottom:48px}
.ExpertProfile{background:#fff;border-radius:10px;padding:24px;box-shadow:0 4px 14px #0b3f641a;display:flex;align-items:center;gap:20px}
.ExpertPhotoWrap{width:90px;height:90px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid #E93946}
.ExpertPhotoWrap img{width:100%;height:100%;object-fit:cover}
.ExpertDetails h4{font-size:19px;font-weight:600;color:#0B3F64;margin:0 0 6px}
.ExpertDetails p{font-size:14px;color:#0b3f64b3;margin:0;line-height:1.5}
.ModuleTimeline{background:#fff;border-radius:10px;padding:40px 32px;box-shadow:0 4px 16px #0b3f641f}
.ModuleTimeline h3{font-size:28px;font-weight:700;color:#0B3F64;margin:0 0 32px}
.TimelineTrack{position:relative;padding-left:48px}
.TimelineTrack::before{content:'';position:absolute;left:16px;top:12px;bottom:12px;width:3px;background:linear-gradient(to bottom,#0B3F64,#E93946)}
.TimelineStep{position:relative;margin-bottom:32px}
.TimelineStep::before{content:'';position:absolute;left:-40px;top:4px;width:14px;height:14px;border-radius:50%;background:#E93946;border:3px solid #FAF7C2;box-shadow:0 0 0 2px #E93946;z-index:2}
.TimelineStep h4{font-size:20px;font-weight:600;color:#0B3F64;margin:0 0 8px}
.TimelineStep p{font-size:15px;color:#0b3f64bf;line-height:1.6;margin:0}
.EnrollActionZone{margin-top:56px;text-align:center}
.EnrollButton{display:inline-block;background:linear-gradient(135deg,#E93946 0%,#c62e3a 100%);color:#fff;font-size:18px;font-weight:600;padding:18px 48px;border-radius:8px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 20px #e939464d;position:relative;z-index:10}
.EnrollButton:hover{transform:translateY(-2px);box-shadow:0 8px 26px #e9394666}
@media (max-width: 1024px) {
.ProgramMainTitle{font-size:42px}
.ProgramIntroText{font-size:18px}
.ProgramVisualBox{height:360px}
.PathSectionHead h2{font-size:36px}
.PathGrid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.ProgramTitleArea{padding:60px 20px 80px}
.ProgramMainTitle{font-size:34px}
.ProgramIntroText{font-size:17px}
.ProgramVisualBox{height:280px}
.LearningPathSection{padding:70px 20px}
.PathSectionHead h2{font-size:30px}
.PathCard{padding:24px 20px}
.ExpertRow{grid-template-columns:1fr}
.ExpertProfile{flex-direction:column;text-align:center}
.TimelineTrack{padding-left:40px}
.ModuleTimeline{padding:32px 24px}
.EnrollButton{padding:16px 36px;font-size:17px}
}
.MainTitleZone{background:linear-gradient(135deg,#0B3F64 0%,#0a3556 100%);padding:80px 20px;position:relative;overflow:hidden}
.MainTitleZone::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#faf7c214 0%,transparent 70%);border-radius:50%}
.TitleContentWrapper{max-width:1366px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.TitleTextBlock{flex:1;color:#FAF7C2}
.PrimaryHeadline{font-size:52px;line-height:1.1;margin:0 0 16px;font-weight:700;color:#FAF7C2}
.SecondaryHeadline{font-size:28px;line-height:1.3;margin:0 0 24px;font-weight:400;color:#faf7c2d9}
.TitleDescription{font-size:18px;line-height:1.6;margin:0 0 36px;color:#faf7c2bf;max-width:520px}
.TitleActionButton{display:inline-block;padding:16px 42px;background:#E93946;color:#FAF7C2;text-decoration:none;border-radius:10px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #e939464d}
.TitleActionButton:hover{background:#d4323e;transform:translateY(-2px);box-shadow:0 6px 18px #e9394666}
.TitleImageBlock{flex:0 0 480px;position:relative}
.TitleImageFrame{width:100%;height:420px;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0006;border:3px solid #faf7c226}
.TitleImageFrame img{width:100%;height:100%;object-fit:cover;filter:saturate(0.75) brightness(0.95);transition:transform .5s ease}
.TitleImageFrame:hover img{transform:scale(1.05)}
.SecuritySectionContainer{padding:90px 20px;background:linear-gradient(to bottom,#FAF7C2 0%,#f5f0b8 100%)}
.SecurityContentWrapper{max-width:1366px;margin:0 auto}
.SecurityHeaderZone{text-align:center;margin-bottom:60px}
.SecurityMainTitle{font-size:42px;color:#0B3F64;margin:0 0 18px;font-weight:700}
.SecuritySubtitle{font-size:20px;color:#0b3f64bf;margin:0;max-width:680px;margin:0 auto}
.SecurityGridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.SecurityItemCard{background:#fff;padding:36px 28px;border-radius:12px;border-left:4px solid #E93946;box-shadow:0 3px 12px #0b3f641a;transition:all .3s ease}
.SecurityItemCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0b3f6426}
.SecurityItemTitle{font-size:22px;color:#0B3F64;margin:0 0 14px;font-weight:600}
.SecurityItemText{font-size:16px;color:#0b3f64cc;line-height:1.6;margin:0}
.CommunitySectionBox{padding:85px 20px;background:#0B3F64;position:relative}
.CommunitySectionBox::after{content:'';position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(to right,#E93946 0%,#FAF7C2 50%,#E93946 100%)}
.CommunityInnerWrapper{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.CommunityTextArea{color:#FAF7C2}
.CommunityBigTitle{font-size:38px;margin:0 0 20px;font-weight:700;color:#FAF7C2}
.CommunityDescription{font-size:17px;line-height:1.7;margin:0 0 32px;color:#faf7c2d9}
.CommunityFeaturesList{display:flex;flex-direction:column;gap:18px}
.CommunityFeatureItem{display:flex;align-items:flex-start;gap:14px}
.CommunityFeatureIcon{flex-shrink:0;width:28px;height:28px;background:#E93946;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#FAF7C2;font-weight:700}
.CommunityFeatureText{font-size:16px;color:#faf7c2e6;line-height:1.5;margin:4px 0 0}
.CommunityImageArea{position:relative}
.CommunityPhotoBox{width:100%;height:460px;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #0000004d}
.CommunityPhotoBox img{width:100%;height:100%;object-fit:cover}
.InteractionFormatsArea{padding:90px 20px;background:#fff}
.InteractionFormatsContainer{max-width:1366px;margin:0 auto}
.InteractionFormatsHeader{text-align:center;margin-bottom:56px}
.InteractionFormatsMainHeading{font-size:40px;color:#0B3F64;margin:0 0 16px;font-weight:700}
.InteractionFormatsSubheading{font-size:19px;color:#0b3f64b3;margin:0}
.InteractionFormatsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.FormatCard{background:linear-gradient(135deg,#FAF7C2 0%,#f0eab0 100%);padding:32px 24px;border-radius:11px;text-align:center;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}
.FormatCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:#E93946;transform:scaleX(0);transition:transform .3s ease}
.FormatCard:hover{border-color:#E93946;transform:translateY(-5px);box-shadow:0 8px 20px #e9394633}
.FormatCard:hover::before{transform:scaleX(1)}
.FormatIconWrapper{width:64px;height:64px;background:#0B3F64;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 12px #0b3f6440}
.FormatIconWrapper i{font-size:32px;color:#FAF7C2}
.FormatCardTitle{font-size:20px;color:#0B3F64;margin:0 0 12px;font-weight:600}
.FormatCardDescription{font-size:15px;color:#0b3f64bf;line-height:1.5;margin:0}
.PeopleSectionWrapper{padding:85px 20px;background:linear-gradient(to bottom right,#0B3F64 0%,#0a3556 100%)}
.PeopleContentBox{max-width:1366px;margin:0 auto}
.PeopleHeaderBlock{text-align:center;margin-bottom:50px}
.PeopleMainHeading{font-size:39px;color:#FAF7C2;margin:0 0 14px;font-weight:700}
.PeopleSubheading{font-size:18px;color:#faf7c2cc;margin:0}
.PeopleCardsContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:36px;max-width:900px;margin:0 auto}
.PersonCard{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px #0003;transition:all .3s ease}
.PersonCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000004d}
.PersonImageBox{width:100%;height:280px;overflow:hidden;position:relative}
.PersonImageBox img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.PersonCard:hover .PersonImageBox img{transform:scale(1.08)}
.PersonInfoBox{padding:28px 24px;background:linear-gradient(to bottom,white 0%,#FAF7C2 100%)}
.PersonName{font-size:24px;color:#0B3F64;margin:0 0 8px;font-weight:700}
.PersonRole{font-size:16px;color:#E93946;margin:0 0 16px;font-weight:600}
.PersonDescription{font-size:15px;color:#0b3f64cc;line-height:1.6;margin:0}
.AboutPlatformSection{padding:90px 20px;background:#FAF7C2}
.AboutPlatformWrapper{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.AboutPlatformImageSide{position:relative}
.AboutPlatformPhoto{width:100%;height:520px;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0b3f6433;border:4px solid #fff}
.AboutPlatformPhoto img{width:100%;height:100%;object-fit:cover}
.AboutPlatformTextSide{color:#0B3F64}
.AboutPlatformTitle{font-size:41px;margin:0 0 22px;font-weight:700;color:#0B3F64}
.AboutPlatformIntro{font-size:18px;line-height:1.7;margin:0 0 32px;color:#0b3f64d9}
.AboutPlatformAdvantagesList{display:flex;flex-direction:column;gap:22px}
.AdvantageItemBox{background:#fff;padding:24px;border-radius:10px;border-left:5px solid #E93946;box-shadow:0 2px 8px #0b3f6414}
.AdvantageItemTitle{font-size:19px;color:#0B3F64;margin:0 0 10px;font-weight:600}
.AdvantageItemDescription{font-size:16px;color:#0b3f64bf;line-height:1.5;margin:0}
.NumbersAchievementsZone{padding:85px 20px;background:linear-gradient(135deg,#0B3F64 0%,#0a3556 100%);position:relative}
.NumbersAchievementsZone::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background-image:radial-gradient(circle,#faf7c208 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.NumbersContentContainer{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.NumbersHeaderArea{text-align:center;margin-bottom:55px}
.NumbersMainTitle{font-size:40px;color:#FAF7C2;margin:0 0 16px;font-weight:700}
.NumbersSubtitle{font-size:19px;color:#faf7c2cc;margin:0}
.NumbersStatsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.StatBox{background:#faf7c214;padding:40px 24px;border-radius:12px;text-align:center;border:2px solid #faf7c226;transition:all .3s ease;position:relative;overflow:hidden}
.StatBox::before{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:#E93946;transform:scaleX(0);transition:transform .3s ease}
.StatBox:hover{background:#faf7c21f;border-color:#E93946;transform:translateY(-5px)}
.StatBox:hover::before{transform:scaleX(1)}
.StatNumber{font-size:48px;color:#FAF7C2;margin:0 0 12px;font-weight:700;line-height:1}
.StatLabel{font-size:17px;color:#faf7c2d9;margin:0;line-height:1.4}
@media (max-width: 1024px) {
.TitleContentWrapper{flex-direction:column;gap:40px}
.TitleImageBlock{flex:0 0 auto;width:100%;max-width:500px}
.TitleImageFrame{height:360px}
.PrimaryHeadline{font-size:42px}
.SecondaryHeadline{font-size:24px}
.SecurityGridLayout{grid-template-columns:repeat(2,1fr)}
.CommunityInnerWrapper{grid-template-columns:1fr;gap:50px}
.CommunityPhotoBox{height:400px}
.InteractionFormatsGrid{grid-template-columns:repeat(2,1fr)}
.AboutPlatformWrapper{grid-template-columns:1fr;gap:45px}
.AboutPlatformPhoto{height:420px}
.NumbersStatsGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px) {
.MainTitleZone{padding:60px 20px}
.PrimaryHeadline{font-size:32px}
.SecondaryHeadline{font-size:20px}
.TitleDescription{font-size:16px}
.TitleImageFrame{height:300px}
.SecuritySectionContainer{padding:60px 20px}
.SecurityMainTitle{font-size:32px}
.SecurityGridLayout{grid-template-columns:1fr}
.CommunitySectionBox{padding:60px 20px}
.CommunityBigTitle{font-size:30px}
.CommunityPhotoBox{height:320px}
.InteractionFormatsArea{padding:60px 20px}
.InteractionFormatsMainHeading{font-size:32px}
.InteractionFormatsGrid{grid-template-columns:1fr}
.PeopleSectionWrapper{padding:60px 20px}
.PeopleMainHeading{font-size:31px}
.PeopleCardsContainer{grid-template-columns:1fr}
.AboutPlatformSection{padding:60px 20px}
.AboutPlatformTitle{font-size:32px}
.AboutPlatformPhoto{height:340px}
.NumbersAchievementsZone{padding:60px 20px}
.NumbersMainTitle{font-size:32px}
.NumbersStatsGrid{grid-template-columns:1fr}
.StatNumber{font-size:40px}
}
.PageTopBanner{background:linear-gradient(135deg,#0B3F64 0%,#0d5280 100%);padding:120px 24px 80px;position:relative;overflow:hidden}
.PageTopBanner::before{content:'';position:absolute;top:-2px;left:40px;width:120px;height:2px;background:#FAF7C2}
.PageTopBanner::after{content:'';position:absolute;top:40px;right:-2px;width:2px;height:140px;background:#faf7c299}
.BannerInnerWrap{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.TitleTextArea h1{font-size:56px;line-height:1.15;color:#FAF7C2;margin:0 0 24px;font-weight:700}
.TitleTextArea h1 span{display:block;margin-top:16px;color:#faf7c2d9}
.TitleImageBox{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 8px 24px #0000004d}
.TitleImageBox img{width:100%;height:420px;object-fit:cover;display:block;transition:transform .8s cubic-bezier(0.25,0.46,0.45,0.94)}
.TitleImageBox:hover img{transform:scale(1.05)}
.TitleImageBox::before{content:'';position:absolute;bottom:-1px;left:-1px;width:80px;height:2px;background:#E93946;z-index:2}
.FormContactSection{padding:100px 24px;background:linear-gradient(to bottom,#FAF7C2 0%,#faf7c24d 100%)}
.ContactMainContainer{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:480px 1fr;gap:120px;align-items:start}
.CompanyDetailsBox{position:sticky;top:40px}
.CompanyDetailsBox h2{font-size:32px;color:#0B3F64;margin:0 0 40px;font-weight:600}
.InfoLine{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #0b3f6426}
.InfoLine:last-child{border-bottom:none}
.InfoLineLabel{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:#0b3f6499;margin-bottom:8px;font-weight:600}
.InfoLineData{font-size:18px;color:#0B3F64;line-height:1.6;font-weight:500}
.InfoLineData a{color:#0B3F64;text-decoration:none;transition:color .3s ease}
.InfoLineData a:hover{color:#E93946}
.MessengerLink{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#0B3F64;color:#FAF7C2;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;margin-top:16px}
.MessengerLink:hover{background:#E93946;transform:translateY(-2px);box-shadow:0 6px 16px #e939464d}
.FormBoxWrapper{background:#fff;border-radius:16px;padding:56px;box-shadow:0 4px 20px #0b3f641a;position:relative}
.FormBoxWrapper::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#0B3F64 0%,#E93946 100%);border-radius:16px 0 0 16px}
.FormHeader h2{font-size:28px;color:#0B3F64;margin:0 0 12px;font-weight:600}
.FormHeaderSubtext{font-size:16px;color:#0b3f64b3;margin-bottom:40px;line-height:1.5}
.ContactFormMain{display:flex;flex-direction:column;gap:28px}
.InputGroup{display:flex;flex-direction:column;gap:8px}
.InputLabel{font-size:14px;font-weight:600;color:#0B3F64;letter-spacing:.3px}
.InputField{padding:14px 18px;border:2px solid #0b3f6433;border-radius:8px;font-size:16px;color:#0B3F64;transition:all .3s ease;background:#fff}
.InputField:focus{outline:none;border-color:#0B3F64;box-shadow:0 0 0 3px #0b3f641a}
.SelectCustom{padding:14px 18px;border:2px solid #0b3f6433;border-radius:8px;font-size:16px;color:#0B3F64;transition:all .3s ease;background:#fff;cursor:pointer;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='%230B3F64' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:48px}
.SelectCustom:focus{outline:none;border-color:#0B3F64;box-shadow:0 0 0 3px #0b3f641a}
.RadioSetBlock{display:flex;gap:24px;margin-top:4px}
.RadioOptionWrapper{display:flex;align-items:center;gap:8px}
.RadioOptionWrapper input[type="radio"]{width:20px;height:20px;accent-color:#0B3F64;cursor:pointer}
.RadioOptionWrapper label{font-size:15px;color:#0B3F64;cursor:pointer;font-weight:500}
.CheckboxPrivacyBlock{display:flex;gap:12px;align-items:start;padding:20px;background:#0b3f6408;border-radius:8px;margin-top:8px}
.CheckboxPrivacyBlock input[type="checkbox"]{width:20px;height:20px;accent-color:#0B3F64;cursor:pointer;margin-top:2px;flex-shrink:0}
.PrivacyTextContent{font-size:14px;color:#0b3f64cc;line-height:1.6}
.PrivacyTextContent a{color:#0B3F64;text-decoration:underline;font-weight:600}
.PrivacyTextContent a:hover{color:#E93946}
.SubmitBtnPrimary{padding:16px 48px;background:linear-gradient(135deg,#0B3F64 0%,#0d5280 100%);color:#FAF7C2;border:none;border-radius:8px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #0b3f6433;margin-top:12px}
.SubmitBtnPrimary:hover{background:linear-gradient(135deg,#E93946 0%,#c72d3a 100%);transform:translateY(-2px);box-shadow:0 6px 20px #e939464d}
.SubmitBtnPrimary:active{transform:translateY(0)}
@media (max-width: 1024px) {
.BannerInnerWrap{grid-template-columns:1fr;gap:48px}
.TitleTextArea h1{font-size:44px}
.TitleImageBox img{height:360px}
.ContactMainContainer{grid-template-columns:1fr;gap:60px}
.CompanyDetailsBox{position:static}
.FormBoxWrapper{padding:40px}
}
@media (max-width: 640px) {
.PageTopBanner{padding:80px 20px 60px}
.TitleTextArea h1{font-size:32px}
.TitleImageBox img{height:280px}
.FormContactSection{padding:60px 20px}
.FormBoxWrapper{padding:28px}
.FormHeader h2{font-size:24px}
.RadioSetBlock{flex-direction:column;gap:16px}
.SubmitBtnPrimary{width:100%}
}
.TitleHero{position:relative;padding:120px 20px 100px;overflow:hidden;background:linear-gradient(135deg,#0B3F64 0%,#1a5477 100%)}
.TitleHero .ContentWrapper{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.TitleHero .TextColumn h1{font-size:56px;line-height:1.1;color:#FAF7C2;margin:0 0 24px;font-weight:700;letter-spacing:-.02em}
.TitleHero .TextColumn .LeadParagraph{font-size:20px;line-height:1.6;color:#FAF7C2;opacity:.9;margin:0}
.TitleHero .ImageColumn{position:relative}
.TitleHero .ImageColumn .ImageFrame{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}
.TitleHero .ImageColumn .ImageFrame::before{content:'';position:absolute;top:0;left:0;right:0;height:140px;background:linear-gradient(180deg,#0b3f64b3 0%,transparent 100%);z-index:1}
.TitleHero .ImageColumn .ImageFrame::after{content:'';position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(0deg,#0b3f64b3 0%,transparent 100%);z-index:1}
.TitleHero .ImageColumn .ImageFrame img{width:100%;height:480px;object-fit:cover;display:block}
.TitleHero .DecorativePattern{position:absolute;top:40px;right:-100px;width:400px;height:400px;opacity:.08;z-index:1}
.TitleHero .DecorativePattern::before,.TitleHero .DecorativePattern::after{content:'';position:absolute;width:60px;height:60px;border:3px solid #FAF7C2;border-radius:50%}
.TitleHero .DecorativePattern::before{top:0;left:0;animation:floatCircle 8s ease-in-out infinite}
.TitleHero .DecorativePattern::after{bottom:80px;right:40px;animation:floatCircle 6s ease-in-out infinite reverse}
@keyframes floatCircle {
0%,100%{transform:translate(0,0)}
50%{transform:translate(20px,-30px)}
}
.StorySection{padding:100px 20px;background:#FAF7C2}
.StorySection .BoxContainer{max-width:1366px;margin:0 auto}
.StorySection .IntroBox{max-width:780px;margin:0 auto 80px;text-align:center}
.StorySection .IntroBox h2{font-size:42px;line-height:1.2;color:#0B3F64;margin:0 0 20px;font-weight:700}
.StorySection .IntroBox p{font-size:18px;line-height:1.7;color:#0B3F64;opacity:.85;margin:0}
.StorySection .ColumnsLayout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.StorySection .StoryCard{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 16px #0b3f6414;transition:all .3s ease;position:relative}
.StorySection .StoryCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0b3f6429}
.StorySection .StoryCard .IconBox{width:64px;height:64px;background:linear-gradient(135deg,#0B3F64,#1a5477);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.StorySection .StoryCard .IconBox i{font-size:32px;color:#FAF7C2}
.StorySection .StoryCard h3{font-size:24px;line-height:1.3;color:#0B3F64;margin:0 0 16px;font-weight:700}
.StorySection .StoryCard p{font-size:16px;line-height:1.6;color:#0B3F64;opacity:.8;margin:0}
.ValuesArea{padding:100px 20px;background:linear-gradient(135deg,#0B3F64 0%,#1a5477 50%,#0B3F64 100%);position:relative}
.ValuesArea .MainBox{max-width:1366px;margin:0 auto;display:flex;gap:80px;align-items:center}
.ValuesArea .ImageSide{flex:0 0 480px}
.ValuesArea .ImageSide img{width:100%;height:600px;object-fit:cover;border-radius:12px;box-shadow:0 20px 60px #0006}
.ValuesArea .ContentSide{flex:1}
.ValuesArea .ContentSide h2{font-size:46px;line-height:1.2;color:#FAF7C2;margin:0 0 48px;font-weight:700}
.ValuesArea .ValuesList{display:flex;flex-direction:column;gap:32px}
.ValuesArea .ValueItem{display:flex;gap:24px;padding:28px;background:#faf7c214;border-radius:12px;border-left:4px solid #E93946;transition:all .3s ease}
.ValuesArea .ValueItem:hover{background:#faf7c224;transform:translateX(8px)}
.ValuesArea .ValueItem .NumberMark{font-size:28px;font-weight:700;color:#FAF7C2;opacity:.5;flex-shrink:0}
.ValuesArea .ValueItem .ValueText h4{font-size:20px;line-height:1.3;color:#FAF7C2;margin:0 0 8px;font-weight:700}
.ValuesArea .ValueItem .ValueText p{font-size:16px;line-height:1.6;color:#FAF7C2;opacity:.9;margin:0}
.TeamSnippet{padding:100px 20px;background:#fff}
.TeamSnippet .InnerContainer{max-width:1366px;margin:0 auto}
.TeamSnippet .HeadingSection{text-align:center;max-width:680px;margin:0 auto 72px}
.TeamSnippet .HeadingSection h2{font-size:42px;line-height:1.2;color:#0B3F64;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.TeamSnippet .HeadingSection h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#E93946,#0B3F64);border-radius:2px}
.TeamSnippet .HeadingSection p{font-size:18px;line-height:1.6;color:#0B3F64;opacity:.8;margin:24px 0 0}
.TeamSnippet .ProfileGrid{display:grid;grid-template-columns:380px 1fr;gap:60px;align-items:start}
.TeamSnippet .ProfileCard{background:#FAF7C2;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0b3f641f}
.TeamSnippet .ProfileCard .ImageWrapper{position:relative;overflow:hidden}
.TeamSnippet .ProfileCard .ImageWrapper img{width:100%;height:400px;object-fit:cover;display:block}
.TeamSnippet .ProfileCard .ProfileInfo{padding:32px}
.TeamSnippet .ProfileCard .ProfileInfo h3{font-size:26px;line-height:1.3;color:#0B3F64;margin:0 0 8px;font-weight:700}
.TeamSnippet .ProfileCard .ProfileInfo .RoleLabel{font-size:16px;color:#E93946;margin:0 0 20px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.TeamSnippet .ProfileCard .ProfileInfo p{font-size:16px;line-height:1.6;color:#0B3F64;opacity:.85;margin:0}
.TeamSnippet .ApproachContent{display:flex;flex-direction:column;gap:32px}
.TeamSnippet .ApproachBlock{background:linear-gradient(135deg,#0b3f640a,#0b3f6414);padding:36px;border-radius:12px;border:2px solid #0b3f641a;position:relative;transition:all .3s ease}
.TeamSnippet .ApproachBlock:hover{border-color:#0B3F64;transform:translateX(4px)}
.TeamSnippet .ApproachBlock::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#E93946,#0B3F64);border-radius:12px 0 0 12px}
.TeamSnippet .ApproachBlock h4{font-size:22px;line-height:1.3;color:#0B3F64;margin:0 0 16px;font-weight:700}
.TeamSnippet .ApproachBlock p{font-size:16px;line-height:1.7;color:#0B3F64;opacity:.85;margin:0}
@media (max-width: 1024px) {
.TitleHero .ContentWrapper{grid-template-columns:1fr;gap:40px}
.TitleHero .TextColumn h1{font-size:44px}
.TitleHero .ImageColumn .ImageFrame img{height:400px}
.StorySection .ColumnsLayout{grid-template-columns:1fr}
.ValuesArea .MainBox{flex-direction:column;gap:50px}
.ValuesArea .ImageSide{flex:0 0 auto;width:100%}
.ValuesArea .ImageSide img{height:400px}
.TeamSnippet .ProfileGrid{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.TitleHero{padding:80px 20px 60px}
.TitleHero .TextColumn h1{font-size:36px}
.TitleHero .TextColumn .LeadParagraph{font-size:18px}
.TitleHero .ImageColumn .ImageFrame img{height:320px}
.StorySection{padding:60px 20px}
.StorySection .IntroBox h2{font-size:32px}
.StorySection .StoryCard{padding:28px}
.ValuesArea{padding:60px 20px}
.ValuesArea .ContentSide h2{font-size:34px}
.ValuesArea .ImageSide img{height:300px}
.TeamSnippet{padding:60px 20px}
.TeamSnippet .HeadingSection h2{font-size:32px}
.TeamSnippet .ProfileCard .ImageWrapper img{height:320px}
.TeamSnippet .ApproachBlock{padding:24px}
}
::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{background:#FAF7C2;box-shadow:inset 0 0 6px #0b3f641a}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0B3F64,#1a5477);border-radius:6px;box-shadow:0 2px 6px #0003}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1a5477,#0B3F64)}
.EventPageTitle{background:linear-gradient(135deg,#0B3F64 0%,#1a5a8a 100%);padding:80px 20px;position:relative;overflow:hidden}
.EventPageTitle::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#faf7c21a;border-radius:40% 60% 70% 30%;transform:rotate(25deg)}
.TitleContentWrapper{max-width:1366px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.TitleImageClip{width:380px;height:380px;flex-shrink:0;clip-path:polygon(30% 0%,100% 0%,100% 70%,70% 100%,0% 100%,0% 30%);overflow:hidden;box-shadow:0 12px 32px #0b3f6466}
.TitleImageClip img{width:100%;height:100%;object-fit:cover}
.TitleTextArea{flex:1}
.TitleMainHeading{font-size:56px;font-weight:700;color:#FAF7C2;margin:0 0 40px;line-height:1.1;letter-spacing:-1px}
.TitleActionButton{display:inline-block;padding:18px 44px;background:#E93946;color:#fff;font-size:18px;font-weight:600;text-decoration:none;border-radius:12px;transition:all .3s ease;box-shadow:0 6px 20px #e939464d;z-index:10;position:relative}
.TitleActionButton:hover{background:#c72e3a;transform:translateY(-2px);box-shadow:0 10px 28px #e9394666}
.AvailableEventsList{max-width:1366px;margin:0 auto;padding:90px 20px}
.EventsGridHolder{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:50px}
.SingleEventCard{background:#fff;border:2px solid #0b3f641a;border-radius:16px;padding:36px;transition:all .4s ease;position:relative;overflow:hidden}
.SingleEventCard::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#E93946 0%,#0B3F64 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.SingleEventCard:hover{border-color:#0B3F64;box-shadow:0 14px 36px #0b3f6426;transform:translateY(-4px)}
.SingleEventCard:hover::after{transform:scaleX(1)}
.EventStatusBadge{display:inline-block;padding:8px 20px;background:#e939461f;color:#E93946;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;margin-bottom:20px}
.EventStatusBadge[data-state="open"]{background:#4caf501f;color:#4caf50}
.EventCardTitle{font-size:28px;font-weight:700;color:#0B3F64;margin:0 0 16px;line-height:1.3}
.EventDescriptionText{font-size:16px;color:#555;line-height:1.7;margin:0 0 24px}
.EventMetaInfo{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.MetaInfoRow{display:flex;align-items:center;gap:12px;font-size:15px;color:#666}
.MetaInfoRow::before{content:'';width:20px;height:20px;background:#FAF7C2;border-radius:4px;flex-shrink:0}
.MetaInfoRow[data-type="format"]::before{background:linear-gradient(135deg,#0B3F64 0%,#1a5a8a 100%)}
.MetaInfoRow[data-type="duration"]::before{background:linear-gradient(135deg,#E93946 0%,#c72e3a 100%)}
.EventEnrollLink{display:inline-block;padding:14px 32px;background:#0B3F64;color:#FAF7C2;font-size:16px;font-weight:600;text-decoration:none;border-radius:10px;transition:all .3s ease;z-index:10;position:relative}
.EventEnrollLink:hover{background:#1a5a8a;transform:scale(1.05)}
.ProcessStepsSection{background:linear-gradient(180deg,#faf7c24d 0%,#faf7c21a 100%);padding:90px 20px}
.ProcessStepsContainer{max-width:1366px;margin:0 auto}
.ProcessHeadingArea{text-align:center;margin-bottom:70px}
.ProcessMainTitle{font-size:44px;font-weight:700;color:#0B3F64;margin:0 0 20px;line-height:1.2}
.ProcessSubtitle{font-size:18px;color:#666;line-height:1.6;max-width:700px;margin:0 auto}
.StepsTimeline{position:relative;padding-left:60px;max-width:900px;margin:0 auto}
.StepsTimeline::before{content:'';position:absolute;left:20px;top:30px;bottom:30px;width:3px;background:linear-gradient(180deg,#0B3F64 0%,#E93946 100%)}
.TimelineStepItem{position:relative;margin-bottom:50px;padding:32px;background:#fff;border-radius:14px;box-shadow:0 4px 16px #0b3f6414;transition:all .3s ease}
.TimelineStepItem:hover{box-shadow:0 8px 24px #0b3f6426;transform:translateX(8px)}
.TimelineStepItem::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#E93946;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #0b3f6433;z-index:2}
.TimelineStepItem[data-step="two"]::before{background:#0B3F64}
.TimelineStepItem[data-step="three"]::before{background:#FAF7C2;border-color:#0B3F64}
.StepNumberLabel{display:inline-block;padding:6px 16px;background:#0b3f641a;color:#0B3F64;font-size:14px;font-weight:700;border-radius:6px;margin-bottom:16px}
.StepTitleText{font-size:24px;font-weight:700;color:#0B3F64;margin:0 0 14px;line-height:1.3}
.StepDescriptionText{font-size:16px;color:#555;line-height:1.7;margin:0}
.FeaturedEventBlock{max-width:1366px;margin:0 auto;padding:90px 20px}
.FeaturedWrapper{display:flex;align-items:stretch;gap:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 16px 48px #0b3f641f}
.FeaturedImageSection{width:45%;position:relative;overflow:hidden}
.FeaturedImageSection img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.FeaturedWrapper:hover .FeaturedImageSection img{transform:scale(1.08)}
.FeaturedContentSection{width:55%;padding:60px 70px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#0b3f6408 0%,#faf7c226 100%)}
.FeaturedLabel{display:inline-block;padding:8px 20px;background:#E93946;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:8px;margin-bottom:24px;width:fit-content}
.FeaturedEventTitle{font-size:38px;font-weight:700;color:#0B3F64;margin:0 0 20px;line-height:1.2}
.FeaturedEventDescription{font-size:17px;color:#555;line-height:1.8;margin:0 0 32px}
.FeaturedHighlightsList{list-style:none;margin:0 0 36px;padding:0}
.FeaturedHighlightsList li{font-size:16px;color:#666;line-height:1.6;margin-bottom:12px;padding-left:32px;position:relative}
.FeaturedHighlightsList li::before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;background:linear-gradient(135deg,#E93946 0%,#0B3F64 100%);border-radius:4px}
.FeaturedActionButton{display:inline-block;padding:16px 40px;background:#0B3F64;color:#FAF7C2;font-size:17px;font-weight:600;text-decoration:none;border-radius:12px;transition:all .3s ease;width:fit-content;box-shadow:0 6px 20px #0b3f6433;z-index:10;position:relative}
.FeaturedActionButton:hover{background:#1a5a8a;transform:translateY(-3px);box-shadow:0 10px 28px #0b3f644d}
@media (max-width: 1024px) {
.TitleContentWrapper{flex-direction:column;text-align:center}
.TitleImageClip{width:320px;height:320px}
.TitleMainHeading{font-size:44px}
.EventsGridHolder{grid-template-columns:1fr}
.FeaturedWrapper{flex-direction:column}
.FeaturedImageSection,.FeaturedContentSection{width:100%}
.FeaturedContentSection{padding:50px 40px}
.StepsTimeline{padding-left:50px}
}
@media (max-width: 640px) {
.EventPageTitle{padding:60px 20px}
.TitleImageClip{width:280px;height:280px}
.TitleMainHeading{font-size:36px}
.TitleActionButton{padding:16px 36px;font-size:16px}
.AvailableEventsList,.ProcessStepsSection,.FeaturedEventBlock{padding:60px 20px}
.EventCardTitle{font-size:24px}
.ProcessMainTitle{font-size:34px}
.FeaturedEventTitle{font-size:30px}
.FeaturedContentSection{padding:40px 30px}
.StepsTimeline{padding-left:40px}
.StepsTimeline::before{left:15px}
.TimelineStepItem::before{left:-35px}
}
.SuccessHeroArea{background:linear-gradient(135deg,#0B3F64 0%,#1a5a8a 100%);padding:120px 24px 100px;position:relative;overflow:hidden}
.SuccessHeroArea::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#faf7c226 0%,transparent 70%);border-radius:50%}
.SuccessHeroArea::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#e939461f 0%,transparent 70%);border-radius:50%}
.SuccessContentWrapper{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.SuccessIconArea{text-align:center;margin-bottom:40px}
.SuccessCheckmarkCircle{width:120px;height:120px;background:#faf7c233;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000026}
.SuccessCheckmarkCircle::before{content:'';position:absolute;width:90px;height:90px;background:#FAF7C2;border-radius:50%}
.SuccessCheckmarkCircle::after{content:'✓';position:relative;font-size:56px;color:#0B3F64;font-weight:700;z-index:1}
.SuccessMainHeading{font-size:48px;color:#FAF7C2;text-align:center;margin:0 0 24px;font-weight:700;line-height:1.2}
.SuccessDescriptionText{font-size:20px;color:#faf7c2e6;text-align:center;max-width:720px;margin:0 auto 32px;line-height:1.6}
.SuccessDetailsParagraph{font-size:17px;color:#faf7c2d9;text-align:center;max-width:650px;margin:0 auto;line-height:1.7}
.InfoCardsSection{background:linear-gradient(180deg,#FAF7C2 0%,#faf7c299 100%);padding:80px 24px;position:relative}
.InfoCardsSection::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#E93946 20%,#0B3F64 50%,#E93946 80%,transparent 100%)}
.InfoCardsContainer{max-width:1366px;margin:0 auto}
.CardsGridLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.SingleInfoCard{background:#fff;border-radius:12px;padding:36px 28px;box-shadow:0 4px 16px #0b3f6414;border-top:4px solid #0B3F64;transition:transform .3s ease,box-shadow .3s ease;position:relative}
.SingleInfoCard:nth-child(2){border-top-color:#E93946}
.SingleInfoCard:nth-child(3){border-top-color:#0B3F64}
.SingleInfoCard:hover{transform:translateY(-6px);box-shadow:0 8px 28px #0b3f6426}
.CardIconWrapper{width:64px;height:64px;background:linear-gradient(135deg,#0b3f641a 0%,#0b3f640d 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.SingleInfoCard:nth-child(2) .CardIconWrapper{background:linear-gradient(135deg,#e939461a 0%,#e939460d 100%)}
.CardIconWrapper i{font-size:32px;color:#0B3F64}
.SingleInfoCard:nth-child(2) .CardIconWrapper i{color:#E93946}
.CardHeadingText{font-size:22px;color:#0B3F64;margin:0 0 14px;font-weight:600;line-height:1.3}
.CardBodyText{font-size:16px;color:#333;line-height:1.7;margin:0}
.CardBodyText strong{color:#0B3F64;font-weight:600}
.EmailHighlight{color:#E93946;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:border-color .3s ease}
.EmailHighlight:hover{border-bottom-color:#E93946}
@media (max-width: 1024px) {
.SuccessHeroArea{padding:80px 20px 70px}
.SuccessMainHeading{font-size:38px}
.SuccessDescriptionText{font-size:18px}
.InfoCardsSection{padding:60px 20px}
.CardsGridLayout{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
}
@media (max-width: 640px) {
.SuccessHeroArea{padding:60px 16px 50px}
.SuccessCheckmarkCircle{width:100px;height:100px}
.SuccessCheckmarkCircle::before{width:75px;height:75px}
.SuccessCheckmarkCircle::after{font-size:44px}
.SuccessMainHeading{font-size:32px;margin-bottom:20px}
.SuccessDescriptionText{font-size:17px;margin-bottom:24px}
.SuccessDetailsParagraph{font-size:16px}
.InfoCardsSection{padding:50px 16px}
.CardsGridLayout{grid-template-columns:1fr;gap:20px}
.SingleInfoCard{padding:28px 24px}
.CardHeadingText{font-size:20px}
.CardBodyText{font-size:15px}
}
.SuccessHeroArea::before{animation:floatShape 20s ease-in-out infinite}
@keyframes floatShape {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-30px,40px)}
}