@import "https://cdn.jsdelivr.net/npm/@fontsource/playfair-display@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/playfair-display@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:'Playfair Display',serif;font-size:16px;line-height:1.6;color:#151A30;background-color:#F6F6F6}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
.HeaderContainer{max-width:1366px;margin:0 auto;padding:30px 20px;background-color:#F6F6F6}
.TopRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;gap:30px}
.BrandArea{flex:0 0 auto}
.LogoBlock{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background-color:#2a475914;box-shadow:0 6px 16px #151a3026}
.SiteLogo{width:90px;height:90px;object-fit:contain}
.TaglineArea{flex:1 1 auto;text-align:right}
.CompanyMotto{font-size:18px;line-height:1.4;color:#2A4759;font-weight:400}
.BottomRow{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;border-top:2px solid #2a475933}
.MainNavigation{flex:1 1 auto}
.NavList{display:flex;gap:35px;align-items:center}
.NavItem{position:relative}
.NavLink{font-size:17px;font-weight:400;color:#151A30;padding:8px 12px;display:block;transition:color .2s linear,background-color .2s linear}
.NavLink:hover{color:#2A4759;background-color:#2a47590f}
.HasDropdown{position:relative}
.SubmenuList{position:absolute;top:100%;left:0;background-color:#FFF;box-shadow:0 8px 20px #151a302e;min-width:220px;opacity:0;visibility:hidden;transition:opacity .2s linear,visibility .2s linear;padding:12px 0;margin-top:8px;z-index:100}
.HasDropdown:hover .SubmenuList{opacity:1;visibility:visible}
.SubmenuItem{display:block}
.SubmenuLink{display:block;padding:10px 20px;font-size:16px;color:#151A30;transition:background-color .2s linear,color .2s linear}
.SubmenuLink:hover{background-color:#2a475914;color:#2A4759}
.CallToActionArea{flex:0 0 auto}
.CtaButton{display:inline-block;padding:12px 28px;background-color:#2A4759;color:#F6F6F6;font-size:16px;font-weight:700;transition:background-color .2s linear;box-shadow:0 4px 12px #2a475940}
.CtaButton:hover{background-color:#151A30}
main{max-width:1366px;margin:0 auto;padding:20px}
.FooterWrap{max-width:1366px;margin:0 auto;padding:25px 20px;background-color:#151A30;color:#F6F6F6;display:flex;justify-content:space-between;align-items:center;gap:20px}
.FooterLinks{display:flex;gap:12px;align-items:center}
.FootLink{font-size:14px;color:#F6F6F6;transition:color .2s linear}
.FootLink:hover{color:#f6f6f6b3}
.FootDivider{color:#f6f6f666;font-size:14px}
.CopyrightInfo{text-align:right}
.CopyText{font-size:13px;color:#f6f6f6cc}
.CookiePopup{position:fixed;bottom:20px;left:20px;width:420px;max-width:calc(100vw - 40px);background-color:#FFF;box-shadow:0 12px 30px #151a3059;padding:24px;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s linear,visibility .3s linear}
.CookiePopup.show{opacity:1;visibility:visible}
.CookieTabsHeader{display:flex;gap:0;margin-bottom:18px;border-bottom:2px solid #2a475933}
.TabButton{flex:1;padding:10px 16px;font-size:15px;font-weight:400;color:#2A4759;background-color:transparent;border-bottom:3px solid transparent;transition:border-color .2s linear,color .2s linear;margin-bottom:-2px}
.TabButton.active{color:#151A30;font-weight:700;border-bottom-color:#2A4759}
.TabButton:hover{color:#151A30}
.CookieTabContent{display:none}
.CookieTabContent.active{display:block}
.CookieHeading{font-size:19px;font-weight:700;color:#151A30;margin-bottom:12px}
.CookieText{font-size:14px;line-height:1.5;color:#2A4759;margin-bottom:18px}
.CookieCategory{margin-bottom:16px}
.CategoryLabel{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:6px}
.CategoryCheckbox{width:18px;height:18px;cursor:pointer}
.CategoryName{font-size:15px;font-weight:700;color:#151A30}
.CategoryDesc{font-size:13px;color:#2A4759;margin-left:28px;line-height:1.4}
.CookieActions{display:flex;gap:12px;margin-top:20px}
.CookieBtn{flex:1;padding:11px 20px;font-size:15px;font-weight:700;transition:background-color .2s linear,color .2s linear}
.AcceptBtn{background-color:#2A4759;color:#F6F6F6}
.AcceptBtn:hover{background-color:#151A30}
.DeclineBtn{background-color:#2a475926;color:#151A30}
.DeclineBtn:hover{background-color:#2a475940}
@media (max-width: 768px) {
.HeaderContainer{padding:20px 15px}
.TopRow{flex-direction:column;align-items:center;text-align:center;margin-bottom:25px}
.TaglineArea{text-align:center}
.CompanyMotto{font-size:16px}
.BottomRow{flex-direction:column;gap:20px}
.NavList{flex-direction:column;gap:15px;width:100%}
.NavItem{width:100%;text-align:center}
.SubmenuList{position:static;opacity:1;visibility:visible;box-shadow:none;background-color:#2a47590d;margin-top:8px;display:none}
.HasDropdown:hover .SubmenuList{display:block}
.CallToActionArea{width:100%}
.CtaButton{display:block;width:100%;text-align:center}
.FooterWrap{flex-direction:column;text-align:center}
.FooterLinks{flex-wrap:wrap;justify-content:center}
.CopyrightInfo{text-align:center}
.CookiePopup{left:10px;right:10px;bottom:10px;width:auto;max-width:none}
}
@media (max-width: 480px) {
.LogoBlock{width:90px;height:90px}
.SiteLogo{width:70px;height:70px}
.CompanyMotto{font-size:15px}
.NavLink{font-size:16px}
.CtaButton{padding:10px 20px;font-size:15px}
.CookieHeading{font-size:17px}
.CookieText{font-size:13px}
}
.agreement-text{max-width:1366px;margin:0 auto;padding:80px 24px;background:#F6F6F6}
.agreement-text h1{font-size:42px;line-height:1.2;color:#151A30;margin:0 0 48px;font-weight:700;letter-spacing:-.5px}
.agreement-text h2{font-size:32px;line-height:1.3;color:#151A30;margin:64px 0 24px;font-weight:600;letter-spacing:-.3px}
.agreement-text h3{font-size:24px;line-height:1.4;color:#2A4759;margin:48px 0 20px;font-weight:600}
.agreement-text h4{font-size:20px;line-height:1.4;color:#2A4759;margin:36px 0 16px;font-weight:600}
.agreement-text h5{font-size:18px;line-height:1.5;color:#2A4759;margin:28px 0 14px;font-weight:600}
.agreement-text h6{font-size:16px;line-height:1.5;color:#2A4759;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.agreement-text p{font-size:17px;line-height:1.75;color:#151A30;margin:0 0 20px;max-width:800px}
.agreement-text ul{margin:0 0 24px;padding:0 0 0 24px;list-style-type:disc}
.agreement-text ol{margin:0 0 24px;padding:0 0 24px;list-style-type:decimal}
.agreement-text ul ul,.agreement-text ol ol,.agreement-text ul ol,.agreement-text ol ul{margin:12px 0;padding-left:28px}
.agreement-text li{font-size:17px;line-height:1.75;color:#151A30;margin:0 0 12px;padding-left:8px}
.agreement-text li:last-child{margin-bottom:0}
.agreement-text strong,.agreement-text b{font-weight:600;color:#151A30}
.agreement-text em,.agreement-text i{font-style:italic;color:#2A4759}
.agreement-text a{color:#2A4759;text-decoration:none;border-bottom:2px solid #2a47594d;transition:all .2s linear;font-weight:500}
.agreement-text a:hover{color:#151A30;border-bottom-color:#151A30}
.agreement-text a:active{color:#2A4759;border-bottom-color:#2A4759}
.agreement-text hr{border:none;height:2px;background:#2a475933;margin:56px 0}
.agreement-text div{margin:0 0 20px}
.agreement-text div p:last-child{margin-bottom:0}
@media (max-width: 1024px) {
.agreement-text{padding:60px 20px}
.agreement-text h1{font-size:36px;margin-bottom:36px}
.agreement-text h2{font-size:28px;margin-top:48px}
.agreement-text h3{font-size:22px;margin-top:36px}
}
@media (max-width: 768px) {
.agreement-text{padding:48px 16px}
.agreement-text h1{font-size:32px;margin-bottom:32px}
.agreement-text h2{font-size:24px;margin-top:40px}
.agreement-text h3{font-size:20px;margin-top:32px}
.agreement-text h4{font-size:18px;margin-top:28px}
.agreement-text p,.agreement-text li{font-size:16px;line-height:1.7}
.agreement-text ul,.agreement-text ol{padding-left:20px}
.agreement-text hr{margin:40px 0}
}
@media (max-width: 480px) {
.agreement-text{padding:40px 16px}
.agreement-text h1{font-size:28px;margin-bottom:28px}
.agreement-text h2{font-size:22px;margin-top:36px;margin-bottom:20px}
.agreement-text h3{font-size:19px;margin-top:28px}
}
.PrimaryHero{max-width:1366px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;gap:60px}
.PrimaryHero .ImageFrame{flex:0 0 480px;position:relative;background:linear-gradient(135deg,#2a475914,#f6f6f666);padding:24px;box-shadow:0 12px 40px #151a301f inset 0 -4px 8px #2a47590f}
.PrimaryHero .ImageFrame::before{content:'';position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:1px solid #2a475926;pointer-events:none}
.PrimaryHero .ImageFrame img{width:100%;height:auto;display:block;box-shadow:0 6px 20px #151a302e}
.PrimaryHero .ContentArea{flex:1}
.PrimaryHero .ContentArea h1{font-size:42px;line-height:1.2;margin:0 0 24px;color:#151A30}
.PrimaryHero .ContentArea h1 .AccentWord{color:#2A4759;position:relative}
.PrimaryHero .ContentArea h1 .AccentWord::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#2A4759,#2a47594d)}
.PrimaryHero .ContentArea p{font-size:18px;line-height:1.7;color:#151A30;margin:0 0 16px}
.StoryGrid{background:linear-gradient(180deg,#F6F6F6 0%,#f6f6f666 100%);padding:90px 20px}
.StoryGrid .GridWrapper{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start}
.StoryGrid .StoryCard{background:#F6F6F6;padding:32px;box-shadow:0 8px 24px #151a3014 inset 0 2px 6px #2a47590a;position:relative}
.StoryGrid .StoryCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#2A4759,#2a475933)}
.StoryGrid .StoryCard h3{font-size:24px;color:#151A30;margin:0 0 16px}
.StoryGrid .StoryCard p{font-size:16px;line-height:1.6;color:#151A30;margin:0 0 12px}
.StoryGrid .StoryCard img{width:100%;height:220px;object-fit:cover;margin-top:20px;box-shadow:0 4px 16px #151a301f}
.ProcessTimeline{max-width:1366px;margin:0 auto;padding:100px 20px}
.ProcessTimeline h2{font-size:36px;color:#151A30;text-align:center;margin:0 0 60px}
.ProcessTimeline .TimelineContainer{position:relative;display:flex;flex-direction:column;gap:48px}
.ProcessTimeline .TimelineStep{display:grid;grid-template-columns:140px 1fr;gap:40px;align-items:center;position:relative}
.ProcessTimeline .TimelineStep:not(:last-child)::after{content:'';position:absolute;left:70px;top:100%;width:2px;height:48px;background:linear-gradient(180deg,#2A4759,#2a475933)}
.ProcessTimeline .StepNumber{width:100px;height:100px;border:3px solid #2A4759;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#2A4759;background:#F6F6F6;position:relative;margin:0 auto;box-shadow:0 6px 20px #151a301a inset 0 2px 6px #2a47590d}
.ProcessTimeline .StepContent{background:linear-gradient(135deg,#2a47590f,#f6f6f64d);padding:28px 32px;box-shadow:0 6px 18px #151a3014}
.ProcessTimeline .StepContent h4{font-size:22px;color:#151A30;margin:0 0 12px}
.ProcessTimeline .StepContent p{font-size:16px;line-height:1.6;color:#151A30;margin:0}
.ValueSection{background:#151A30;padding:90px 20px;position:relative;overflow:hidden}
.ValueSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2a475966,transparent);pointer-events:none}
.ValueSection .ValueWrapper{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.ValueSection h2{font-size:36px;color:#F6F6F6;margin:0 0 48px}
.ValueSection .ValueGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.ValueSection .ValueCard{background:#f6f6f614;padding:32px;box-shadow:0 8px 24px #151a304d inset 0 1px 3px #f6f6f61a;transition:transform .3s linear,box-shadow .3s linear}
.ValueSection .ValueCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #151a3066 inset 0 1px 3px #f6f6f626}
.ValueSection .ValueCard .IconWrapper{width:56px;height:56px;background:#2A4759;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 12px #2a475966}
.ValueSection .ValueCard .IconWrapper .material-icons{font-size:32px;color:#F6F6F6}
.ValueSection .ValueCard h3{font-size:24px;color:#F6F6F6;margin:0 0 14px}
.ValueSection .ValueCard p{font-size:16px;line-height:1.6;color:#f6f6f6e6;margin:0}
.ValueSection .ValueCard img{width:100%;height:180px;object-fit:cover;margin-top:20px;box-shadow:0 6px 18px #151a3080}
@media (max-width: 1024px) {
.PrimaryHero{flex-direction:column;padding:60px 20px;gap:40px}
.PrimaryHero .ImageFrame{flex:none;width:100%;max-width:500px}
.StoryGrid .GridWrapper{grid-template-columns:1fr;gap:32px}
.ProcessTimeline .TimelineStep{grid-template-columns:100px 1fr;gap:24px}
.ProcessTimeline .StepNumber{width:80px;height:80px;font-size:28px}
.ValueSection .ValueGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.PrimaryHero .ContentArea h1{font-size:32px}
.PrimaryHero .ContentArea p{font-size:16px}
.ProcessTimeline h2,.ValueSection h2{font-size:28px}
.ProcessTimeline .TimelineStep{grid-template-columns:1fr;gap:16px}
.ProcessTimeline .TimelineStep:not(:last-child)::after{left:50%;transform:translateX(-50%)}
.StoryGrid .StoryCard img,.ValueSection .ValueCard img{height:200px}
}
.TitleSection{position:relative;background:linear-gradient(135deg,#2A4759 0%,#151A30 100%);padding:80px 20px;overflow:hidden}
.TitleSection .TitleInnerWrap{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.TitleSection .TextContent{position:relative;z-index:2}
.TitleSection .MainHeading{font-size:52px;line-height:1.2;color:#F6F6F6;margin:0 0 24px;font-weight:700}
.TitleSection .Subtext{font-size:18px;line-height:1.6;color:#f6f6f6d9;margin:0}
.TitleSection .ImageCollage{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;height:420px}
.TitleSection .CollageFragment{position:relative;overflow:hidden;border-radius:8px}
.TitleSection .CollageFragment:first-child{grid-row:1 / 3}
.TitleSection .CollageFragment img{width:100%;height:100%;object-fit:cover;filter:brightness(0.9)}
.TitleSection .CollageFragment::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,#151a3099 100%);pointer-events:none}
.TitleSection .GeometricPattern{position:absolute;top:-40px;right:-40px;width:280px;height:280px;opacity:.08}
.TitleSection .GeometricPattern svg{width:100%;height:100%}
.QuestionGrid{background:#F6F6F6;padding:100px 20px}
.QuestionGrid .GridContainer{max-width:1366px;margin:0 auto}
.QuestionGrid .SectionLabel{font-size:16px;color:#2A4759;text-transform:uppercase;letter-spacing:2px;margin:0 0 16px}
.QuestionGrid .SectionTitle{font-size:42px;line-height:1.3;color:#151A30;margin:0 0 60px;font-weight:700}
.QuestionGrid .FaqLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.QuestionGrid .FaqItem{background:#fff;border-radius:6px;padding:32px;box-shadow:0 4px 12px #151a3014;transition:all .3s ease}
.QuestionGrid .FaqItem:hover{box-shadow:0 8px 24px #151a3026;transform:translateY(-4px)}
.QuestionGrid .QuestionTitle{font-size:22px;line-height:1.4;color:#151A30;margin:0 0 16px;font-weight:600}
.QuestionGrid .QuestionTitle::before{content:'';display:inline-block;width:6px;height:6px;background:#2A4759;border-radius:50%;margin-right:12px;vertical-align:middle}
.QuestionGrid .AnswerText{font-size:16px;line-height:1.7;color:#151a30bf;margin:0}
.ProcessTimeline{background:#fff;padding:100px 20px;position:relative}
.ProcessTimeline::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#2A4759,transparent)}
.ProcessTimeline .TimelineWrapper{max-width:1366px;margin:0 auto}
.ProcessTimeline .IntroText{max-width:720px;margin:0 auto 80px;text-align:center}
.ProcessTimeline .IntroHeading{font-size:38px;line-height:1.3;color:#151A30;margin:0 0 20px;font-weight:700}
.ProcessTimeline .IntroDescription{font-size:17px;line-height:1.6;color:#151a30b3;margin:0}
.ProcessTimeline .StepsRow{display:flex;gap:40px;position:relative}
.ProcessTimeline .StepsRow::before{content:'';position:absolute;top:30px;left:30px;right:30px;height:3px;background:linear-gradient(90deg,#2A4759 0%,#151A30 100%);z-index:1}
.ProcessTimeline .StepCard{flex:1;background:#F6F6F6;border-radius:8px;padding:40px 28px;position:relative;z-index:2}
.ProcessTimeline .StepNumber{width:60px;height:60px;background:linear-gradient(135deg,#2A4759,#151A30);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 24px;box-shadow:0 6px 16px #151a3040}
.ProcessTimeline .StepLabel{font-size:20px;line-height:1.4;color:#151A30;margin:0 0 12px;font-weight:600;text-align:center}
.ProcessTimeline .StepInfo{font-size:15px;line-height:1.6;color:#151a30b3;margin:0;text-align:center}
.SupportBlock{background:#151A30;padding:100px 20px;position:relative;overflow:hidden}
.SupportBlock::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#2a47594d 0%,transparent 70%);pointer-events:none}
.SupportBlock .SupportContainer{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.SupportBlock .ContentSplit{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}
.SupportBlock .LeftColumn h2{font-size:44px;line-height:1.2;color:#F6F6F6;margin:0 0 28px;font-weight:700}
.SupportBlock .LeftColumn p{font-size:17px;line-height:1.7;color:#f6f6f6cc;margin:0 0 20px}
.SupportBlock .RightColumn{background:#2a47594d;border-radius:8px;padding:48px 40px;border:1px solid #f6f6f61a}
.SupportBlock .ContactTitle{font-size:24px;color:#F6F6F6;margin:0 0 28px;font-weight:600}
.SupportBlock .ContactDetail{display:flex;align-items:center;gap:16px;margin:0 0 20px}
.SupportBlock .ContactDetail .material-icons{color:#F6F6F6;font-size:28px}
.SupportBlock .ContactDetail a{font-size:16px;color:#f6f6f6e6;text-decoration:none;transition:color .3s ease}
.SupportBlock .ContactDetail a:hover{color:#F6F6F6}
.SupportBlock .CtaButton{display:inline-block;background:#F6F6F6;color:#151A30;padding:16px 40px;border-radius:6px;text-decoration:none;font-size:17px;font-weight:600;margin-top:32px;transition:all .3s ease;box-shadow:0 6px 18px #f6f6f633}
.SupportBlock .CtaButton:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 24px #f6f6f64d}
@media (max-width: 1024px) {
.TitleSection .TitleInnerWrap{grid-template-columns:1fr;gap:40px}
.TitleSection .ImageCollage{height:320px}
.TitleSection .MainHeading{font-size:42px}
.QuestionGrid .FaqLayout{grid-template-columns:1fr}
.ProcessTimeline .StepsRow{flex-direction:column}
.ProcessTimeline .StepsRow::before{display:none}
.SupportBlock .ContentSplit{grid-template-columns:1fr;gap:50px}
}
@media (max-width: 768px) {
.TitleSection{padding:60px 20px}
.TitleSection .MainHeading{font-size:36px}
.TitleSection .ImageCollage{grid-template-columns:1fr;height:auto}
.TitleSection .CollageFragment:first-child{grid-row:auto;height:240px}
.TitleSection .CollageFragment{height:180px}
.QuestionGrid,.ProcessTimeline,.SupportBlock{padding:70px 20px}
.QuestionGrid .SectionTitle{font-size:32px}
.ProcessTimeline .IntroHeading{font-size:30px}
.SupportBlock .LeftColumn h2{font-size:34px}
}
.TitleBlock{position:relative;overflow:hidden;background:linear-gradient(135deg,#2A4759 0%,#151A30 100%);padding:120px 20px 100px;margin:0}
.TitleBlock::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#f6f6f61a 0%,#2a475933 50%,#151a304d 100%);animation:GradientShift 15s linear infinite}
@keyframes GradientShift {
0%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(50%,50%) rotate(360deg)}
}
.TitleBlock .ContentWrapper{max-width:1366px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.TitleBlock .TextContent h1{font-size:56px;line-height:1.1;color:#F6F6F6;margin:0 0 24px;font-weight:700}
.TitleBlock .TextContent .MetaphorText{font-size:20px;line-height:1.6;color:#f6f6f6d9;margin:0}
.TitleBlock .ImageHolder{position:relative}
.TitleBlock .ImageHolder::before{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#151a30b3,transparent);z-index:1}
.TitleBlock .ImageHolder img{width:100%;height:480px;object-fit:cover;display:block;border-radius:8px;box-shadow:0 12px 40px #151a3066}
.ProgramStructure{padding:90px 20px;background:#F6F6F6}
.ProgramStructure .StructureContainer{max-width:1366px;margin:0 auto}
.ProgramStructure .IntroSection{max-width:780px;margin:0 0 70px}
.ProgramStructure .IntroSection h2{font-size:42px;line-height:1.2;color:#151A30;margin:0 0 20px;font-weight:700}
.ProgramStructure .IntroSection p{font-size:18px;line-height:1.7;color:#2A4759;margin:0 0 16px}
.ProgramStructure .ModuleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.ProgramStructure .ModuleCard{background:#fff;padding:36px 28px;border-radius:0;border-left:6px solid #2A4759;box-shadow:0 6px 18px #151a3014;transition:all .3s linear}
.ProgramStructure .ModuleCard:hover{transform:translateY(-8px);box-shadow:0 14px 32px #2a47592e;border-left-color:#151A30}
.ProgramStructure .ModuleCard .ModuleNumber{font-size:14px;font-weight:600;color:#2A4759;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}
.ProgramStructure .ModuleCard h3{font-size:24px;line-height:1.3;color:#151A30;margin:0 0 16px;font-weight:700}
.ProgramStructure .ModuleCard .ModuleDescription{font-size:16px;line-height:1.6;color:#2A4759;margin:0 0 20px}
.ProgramStructure .ModuleCard .LessonList{list-style:none;padding:0;margin:0}
.ProgramStructure .ModuleCard .LessonList li{font-size:15px;line-height:1.5;color:#151A30;padding:8px 0 8px 24px;position:relative}
.ProgramStructure .ModuleCard .LessonList li::before{content:'';position:absolute;left:0;top:16px;width:8px;height:8px;background:#2A4759;border-radius:50%}
.InteractiveJourney{padding:0 20px 100px;background:#fff}
.InteractiveJourney .JourneyWrapper{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:480px 1fr;gap:80px;align-items:start}
.InteractiveJourney .StickyImage{position:sticky;top:40px}
.InteractiveJourney .StickyImage img{width:100%;height:640px;object-fit:cover;border-radius:0 10px 10px 0;box-shadow:12px 0 36px #151a301f}
.InteractiveJourney .ProgressPath{padding:60px 0}
.InteractiveJourney .ProgressPath h2{font-size:40px;line-height:1.2;color:#151A30;margin:0 0 48px;font-weight:700}
.InteractiveJourney .PhaseToggle{position:relative;margin:0 0 32px}
.InteractiveJourney .PhaseToggle input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.InteractiveJourney .PhaseToggle label{display:block;padding:28px 32px 28px 56px;background:#F6F6F6;cursor:pointer;position:relative;transition:all .3s linear;border-left:4px solid transparent}
.InteractiveJourney .PhaseToggle label::before{content:'';position:absolute;left:22px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:3px solid #2A4759;border-radius:50%;background:#fff;transition:all .3s linear}
.InteractiveJourney .PhaseToggle input[type="radio"]:checked + label{background:#2a475914;border-left-color:#151A30}
.InteractiveJourney .PhaseToggle input[type="radio"]:checked + label::before{background:#151A30;border-color:#151A30}
.InteractiveJourney .PhaseToggle label .PhaseTitle{font-size:22px;font-weight:700;color:#151A30;margin:0 0 8px;display:block}
.InteractiveJourney .PhaseToggle label .PhaseBrief{font-size:15px;line-height:1.5;color:#2A4759;margin:0;display:block}
.InteractiveJourney .PhaseToggle .DetailedContent{max-height:0;overflow:hidden;transition:max-height .4s linear;background:#fff;margin:0;padding:0 32px;border-left:4px solid #F6F6F6}
.InteractiveJourney .PhaseToggle input[type="radio"]:checked ~ .DetailedContent{max-height:600px;padding:24px 32px}
.InteractiveJourney .DetailedContent .WeekBreakdown{list-style:none;padding:0;margin:0}
.InteractiveJourney .DetailedContent .WeekBreakdown li{padding:14px 0;border-bottom:1px solid #2a47591a;font-size:16px;line-height:1.5;color:#151A30;position:relative;padding-left:72px}
.InteractiveJourney .DetailedContent .WeekBreakdown li:last-child{border-bottom:none}
.InteractiveJourney .DetailedContent .WeekBreakdown li .WeekLabel{position:absolute;left:0;top:14px;font-size:13px;font-weight:600;color:#2A4759;text-transform:uppercase;letter-spacing:.5px}
@media (max-width: 1024px) {
.TitleBlock .ContentWrapper{grid-template-columns:1fr;gap:40px}
.TitleBlock .TextContent h1{font-size:44px}
.TitleBlock{padding:80px 20px 70px}
.ProgramStructure .ModuleGrid{grid-template-columns:1fr;gap:24px}
.InteractiveJourney .JourneyWrapper{grid-template-columns:1fr;gap:50px}
.InteractiveJourney .StickyImage{position:relative;top:0}
.InteractiveJourney .StickyImage img{height:480px;border-radius:10px}
}
@media (max-width: 768px) {
.TitleBlock .TextContent h1{font-size:36px}
.TitleBlock .TextContent .MetaphorText{font-size:18px}
.TitleBlock .ImageHolder img{height:360px}
.ProgramStructure{padding:60px 20px}
.ProgramStructure .IntroSection h2{font-size:32px}
.ProgramStructure .ModuleCard{padding:28px 22px}
.InteractiveJourney{padding:0 20px 60px}
.InteractiveJourney .ProgressPath h2{font-size:32px}
.InteractiveJourney .PhaseToggle label{padding:22px 24px 22px 48px}
.InteractiveJourney .DetailedContent{padding:0 24px}
.InteractiveJourney .PhaseToggle input[type="radio"]:checked ~ .DetailedContent{padding:20px 24px}
}
.HeroCircle{width:100%;max-width:1366px;margin:0 auto;padding:80px 20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#F6F6F6 0%,#2a47591f 100%)}
.HeroCircle .InnerRing{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:2}
.HeroCircle .MainHeading{font-size:3.2em;color:#151A30;margin:0 0 18px;line-height:1.2;font-weight:700}
.HeroCircle .SubHeading{font-size:1.8em;color:#2A4759;margin:0 0 22px;line-height:1.3;font-weight:500}
.HeroCircle .IntroText{font-size:1.1em;color:#151A30;line-height:1.6;max-width:700px;margin:0 0 40px}
.HeroCircle .FloatingImage{width:320px;height:320px;border-radius:50%;object-fit:cover;box-shadow:0 12px 35px #151a3033;animation:FloatMotion 6s linear infinite;border:6px solid #2a47594d}
@keyframes FloatMotion {
0%,100%{transform:translateY(0) rotate(0deg)}
25%{transform:translateY(-12px) rotate(1deg)}
50%{transform:translateY(0) rotate(0deg)}
75%{transform:translateY(12px) rotate(-1deg)}
}
.HeroCircle .ColorShift{position:absolute;width:400px;height:400px;border-radius:50%;background:linear-gradient(45deg,#2a475926,#151a301f);top:10%;left:-100px;animation:ShiftColors 12s ease-in-out infinite;z-index:1}
@keyframes ShiftColors {
0%,100%{opacity:.4;transform:scale(1)}
50%{opacity:.7;transform:scale(1.15)}
}
.BonusSection{width:100%;max-width:1366px;margin:0 auto;padding:70px 20px;background:#F6F6F6}
.BonusSection .SectionLabel{font-size:2.4em;color:#151A30;margin:0 0 50px;text-align:center;font-weight:600}
.BonusSection .BonusGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.BonusSection .BonusCard{background:#fff;padding:35px 28px;border-radius:8px;box-shadow:0 6px 18px #151a301a;transition:transform .3s linear,box-shadow .3s linear;border-left:5px solid #2A4759}
.BonusSection .BonusCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #2a475933}
.BonusSection .BonusCard .CardIcon{font-size:2.8em;color:#2A4759;margin:0 0 18px}
.BonusSection .BonusCard .CardTitle{font-size:1.4em;color:#151A30;margin:0 0 14px;font-weight:600}
.BonusSection .BonusCard .CardDesc{font-size:1em;color:#151A30;line-height:1.6;margin:0}
.NumbersBlock{width:100%;max-width:1366px;margin:0 auto;padding:75px 20px;background:linear-gradient(to right,#151a30f2,#2a4759e6);position:relative}
.NumbersBlock .StatsWrapper{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:40px}
.NumbersBlock .StatItem{text-align:center;color:#F6F6F6;min-width:200px}
.NumbersBlock .StatItem .BigNumber{font-size:3.6em;font-weight:700;margin:0 0 10px;color:#F6F6F6;text-shadow:0 4px 12px #0000004d}
.NumbersBlock .StatItem .StatLabel{font-size:1.2em;margin:0;color:#F6F6F6;opacity:.9}
.RelevanceArea{width:100%;max-width:1366px;margin:0 auto;padding:70px 20px;background:#fff}
.RelevanceArea .FlexHolder{display:flex;gap:50px;align-items:center}
.RelevanceArea .TextPart{flex:1}
.RelevanceArea .TextPart .SectionHeading{font-size:2.2em;color:#151A30;margin:0 0 24px;font-weight:600;position:relative}
.RelevanceArea .TextPart .SectionHeading::before{content:'';position:absolute;left:0;bottom:-8px;width:80px;height:4px;background:#2A4759}
.RelevanceArea .TextPart .BodyText{font-size:1.05em;color:#151A30;line-height:1.7;margin:0 0 16px}
.RelevanceArea .ImagePart{flex:1}
.RelevanceArea .ImagePart .ContentPhoto{width:100%;height:auto;border-radius:10px;box-shadow:0 8px 24px #151a3026}
.EfficiencyZone{width:100%;max-width:1366px;margin:0 auto;padding:70px 20px;background:#F6F6F6}
.EfficiencyZone .TwoColumns{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.EfficiencyZone .LeftColumn .ColumnTitle{font-size:2.1em;color:#151A30;margin:0 0 28px;font-weight:600}
.EfficiencyZone .LeftColumn .ColumnParagraph{font-size:1.05em;color:#151A30;line-height:1.7;margin:0 0 20px}
.EfficiencyZone .RightColumn .TechniqueList{list-style:none;padding:0;margin:0}
.EfficiencyZone .RightColumn .TechniqueList .ListEntry{background:#fff;padding:24px 22px;margin:0 0 18px;border-radius:7px;box-shadow:0 5px 15px #151a3014;border-left:4px solid #2A4759;transition:transform .25s linear}
.EfficiencyZone .RightColumn .TechniqueList .ListEntry:hover{transform:translateX(8px)}
.EfficiencyZone .RightColumn .TechniqueList .ListEntry .EntryTitle{font-size:1.3em;color:#151A30;margin:0 0 10px;font-weight:600}
.EfficiencyZone .RightColumn .TechniqueList .ListEntry .EntryDesc{font-size:1em;color:#151A30;line-height:1.6;margin:0}
.SupportPanel{width:100%;max-width:1366px;margin:0 auto;padding:75px 20px;background:#fff}
.SupportPanel .PanelTitle{font-size:2.3em;color:#151A30;margin:0 0 45px;text-align:center;font-weight:600}
.SupportPanel .SupportGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}
.SupportPanel .SupportGrid .SupportBox{background:linear-gradient(135deg,#F6F6F6 0%,#2a475914 100%);padding:38px 32px;border-radius:10px;box-shadow:0 7px 20px #151a301f;position:relative;overflow:hidden}
.SupportPanel .SupportGrid .SupportBox::after{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,#2a475926,transparent);border-radius:50%;transform:translate(40px,-40px)}
.SupportPanel .SupportGrid .SupportBox .BoxHeading{font-size:1.5em;color:#151A30;margin:0 0 16px;font-weight:600}
.SupportPanel .SupportGrid .SupportBox .BoxContent{font-size:1.05em;color:#151A30;line-height:1.65;margin:0}
.InteractionSpace{width:100%;max-width:1366px;margin:0 auto;padding:70px 20px;background:#F6F6F6}
.InteractionSpace .SpaceTitle{font-size:2.2em;color:#151A30;margin:0 0 50px;text-align:center;font-weight:600}
.InteractionSpace .ProgressTracker{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;position:relative}
.InteractionSpace .ProgressTracker::before{content:'';position:absolute;top:50px;left:0;right:0;height:3px;background:linear-gradient(to right,#2A4759 0%,#2A4759 75%,#2a47594d 75%,#2a47594d 100%);z-index:1}
.InteractionSpace .ProgressTracker .StepItem{flex:1;text-align:center;position:relative;z-index:2}
.InteractionSpace .ProgressTracker .StepItem .StepCircle{width:100px;height:100px;background:#fff;border:5px solid #2A4759;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:2.2em;color:#2A4759;font-weight:700;box-shadow:0 6px 18px #151a3026}
.InteractionSpace .ProgressTracker .StepItem.completed .StepCircle{background:#2A4759;color:#fff}
.InteractionSpace .ProgressTracker .StepItem.active .StepCircle{border-color:#151A30;background:#151A30;color:#fff;animation:PulseEffect 2s linear infinite}
@keyframes PulseEffect {
0%,100%{box-shadow:0 6px 18px #151a3026}
50%{box-shadow:0 6px 28px #151a3066}
}
.InteractionSpace .ProgressTracker .StepItem .StepName{font-size:1.2em;color:#151A30;margin:0 0 10px;font-weight:600}
.InteractionSpace .ProgressTracker .StepItem .StepInfo{font-size:.95em;color:#151A30;line-height:1.5;margin:0}
@media (max-width: 1024px) {
.HeroCircle .MainHeading{font-size:2.6em}
.HeroCircle .SubHeading{font-size:1.5em}
.BonusSection .BonusGrid{grid-template-columns:repeat(2,1fr)}
.RelevanceArea .FlexHolder{flex-direction:column}
.EfficiencyZone .TwoColumns{grid-template-columns:1fr;gap:40px}
.SupportPanel .SupportGrid{grid-template-columns:1fr}
.InteractionSpace .ProgressTracker{flex-direction:column;align-items:center}
.InteractionSpace .ProgressTracker::before{display:none}
}
@media (max-width: 768px) {
.HeroCircle{padding:60px 20px}
.HeroCircle .MainHeading{font-size:2.2em}
.HeroCircle .SubHeading{font-size:1.3em}
.HeroCircle .FloatingImage{width:240px;height:240px}
.BonusSection .BonusGrid{grid-template-columns:1fr}
.NumbersBlock .StatsWrapper{flex-direction:column}
.NumbersBlock .StatItem .BigNumber{font-size:2.8em}
.BonusSection .SectionLabel,.SupportPanel .PanelTitle,.InteractionSpace .SpaceTitle{font-size:2em}
}
.PageHero{background:linear-gradient(135deg,#F6F6F6 0%,#2a475914 100%);padding:110px 20px 90px;position:relative;overflow:hidden}
.PageHero::before{content:'';position:absolute;width:420px;height:420px;background:#151a300a;border-radius:50%;top:-180px;right:-100px;z-index:1}
.PageHero::after{content:'';position:absolute;width:280px;height:280px;background:#2a47590f;border-radius:8px;bottom:-90px;left:-60px;transform:rotate(25deg);z-index:1}
.HeroContent{max-width:1366px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;gap:80px}
.HeroText h1{font-size:56px;line-height:1.15;color:#151A30;margin:0 0 28px;font-weight:700}
.HeroText p{font-size:19px;line-height:1.7;color:#2A4759;margin:0;max-width:560px}
.HeroImageWrap{flex-shrink:0;width:480px;height:360px;border-radius:10px;overflow:hidden;box-shadow:0 12px 40px #151a3026}
.HeroImageWrap img{width:100%;height:100%;object-fit:cover}
.ContactOptionsSection{padding:90px 20px;background:#F6F6F6}
.OptionsContainer{max-width:1366px;margin:0 auto}
.OptionsContainer h2{font-size:42px;color:#151A30;margin:0 0 18px;font-weight:700;text-align:center}
.OptionsContainer > p{font-size:18px;color:#2A4759;text-align:center;margin:0 auto 70px;max-width:640px;line-height:1.6}
.ContactGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ContactCard{background:#fff;padding:50px 36px;border-radius:8px;box-shadow:0 4px 18px #151a3014;transition:transform 0.3s,box-shadow .3s;text-align:center}
.ContactCard:hover{transform:translateY(-6px);box-shadow:0 10px 32px #2a475929}
.ContactCard .material-icons{font-size:52px;color:#2A4759;margin-bottom:24px}
.ContactCard h3{font-size:24px;color:#151A30;margin:0 0 16px;font-weight:600}
.ContactCard p{font-size:16px;line-height:1.6;color:#2A4759;margin:0 0 20px}
.ContactCard a{display:inline-block;color:#2A4759;font-size:16px;font-weight:600;text-decoration:none;border-bottom:2px solid #2A4759;padding-bottom:3px;transition:color 0.3s,border-color .3s}
.ContactCard a:hover{color:#151A30;border-color:#151A30}
.FormSection{padding:100px 20px;background:linear-gradient(180deg,#fff 0%,#F6F6F6 100%)}
.FormWrapper{max-width:720px;margin:0 auto}
.FormWrapper h2{font-size:44px;color:#151A30;margin:0 0 14px;font-weight:700}
.FormWrapper > p{font-size:17px;color:#2A4759;margin:0 0 50px;line-height:1.6}
.ContactFormElement{background:#fff;padding:56px 48px;border-radius:10px;box-shadow:0 8px 28px #151a301a}
.FormRow{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.InputGroup{display:flex;flex-direction:column}
.InputGroup label{font-size:15px;color:#151A30;font-weight:600;margin-bottom:10px}
.InputGroup input,.InputGroup select{padding:14px 18px;font-size:16px;border:2px solid #2a475933;border-radius:6px;background:#fff;color:#151A30;transition:border-color .3s}
.InputGroup input:focus,.InputGroup select:focus{outline:none;border-color:#2A4759}
.InputGroup.FullWidth{grid-column:1 / -1}
.PrivacyCheckbox{margin:32px 0;display:flex;align-items:flex-start;gap:12px}
.PrivacyCheckbox input[type="checkbox"]{margin-top:4px;width:18px;height:18px;flex-shrink:0;cursor:pointer}
.PrivacyCheckbox label{font-size:14px;color:#2A4759;line-height:1.5;cursor:pointer}
.PrivacyCheckbox a{color:#2A4759;text-decoration:underline;transition:color .3s}
.PrivacyCheckbox a:hover{color:#151A30}
.SubmitButton{width:100%;padding:16px 32px;font-size:17px;font-weight:600;color:#fff;background:#2A4759;border:none;border-radius:7px;cursor:pointer;transition:background 0.3s,transform .2s;box-shadow:0 6px 20px #2a475940}
.SubmitButton:hover{background:#151A30;transform:translateY(-2px);box-shadow:0 8px 26px #151a304d}
.SubmitButton:active{transform:translateY(0)}
.AddressBlock{padding:80px 20px;background:#151A30;color:#F6F6F6;position:relative}
.AddressBlock::before{content:'';position:absolute;width:340px;height:340px;background:#2a47594d;border-radius:50%;top:-120px;left:50%;transform:translateX(-50%);z-index:1}
.AddressContent{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative;z-index:2}
.AddressTextZone h2{font-size:38px;margin:0 0 24px;font-weight:700;color:#F6F6F6}
.AddressTextZone p{font-size:17px;line-height:1.7;margin:0 0 36px;color:#f6f6f6d9}
.InfoList{display:flex;flex-direction:column;gap:20px}
.InfoItem{display:flex;align-items:flex-start;gap:16px}
.InfoItem .material-icons{font-size:28px;color:#2A4759;flex-shrink:0}
.InfoItem div{display:flex;flex-direction:column;gap:6px}
.InfoItem strong{font-size:15px;font-weight:600;color:#F6F6F6}
.InfoItem span{font-size:16px;color:#f6f6f6cc}
.QuickLinks{display:flex;flex-direction:column;gap:18px}
.QuickLinks h3{font-size:24px;margin:0 0 12px;font-weight:600;color:#F6F6F6}
.QuickLinks a{display:inline-flex;align-items:center;gap:10px;font-size:16px;color:#f6f6f6d9;text-decoration:none;transition:color .3s;padding:12px 20px;background:#2a475966;border-radius:6px}
.QuickLinks a:hover{color:#F6F6F6;background:#2a475999}
.QuickLinks a .material-icons{font-size:20px}
@media (max-width: 1024px) {
.HeroContent{flex-direction:column;gap:50px}
.HeroText h1{font-size:44px}
.HeroImageWrap{width:100%;max-width:560px}
.ContactGrid{grid-template-columns:1fr 1fr}
.AddressContent{grid-template-columns:1fr;gap:60px}
}
@media (max-width: 768px) {
.PageHero{padding:70px 20px 60px}
.HeroText h1{font-size:36px}
.HeroText p{font-size:17px}
.ContactGrid{grid-template-columns:1fr}
.FormRow{grid-template-columns:1fr}
.ContactFormElement{padding:40px 28px}
.FormWrapper h2{font-size:34px}
.OptionsContainer h2{font-size:32px}
.AddressTextZone h2{font-size:30px}
}
@media (max-width: 480px) {
.HeroText h1{font-size:28px}
.ContactCard{padding:36px 24px}
.FormWrapper h2{font-size:28px}
}
.SuccessZone{min-height:85vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#F6F6F6 0%,#e8e8e8 100%)}
.SuccessZone::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,#151a3008 0%,transparent 50%),radial-gradient(circle at 70% 60%,#2a47590a 0%,transparent 50%);animation:FloatPattern 20s linear infinite}
@keyframes FloatPattern {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.SuccessZone::after{content:'';position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(to top,#2a47590f,transparent);backdrop-filter:blur(15px)}
.ConfirmPanel{max-width:680px;margin:0 auto;padding:60px 30px;position:relative;z-index:2;text-align:center}
.ConfirmPanel .CheckmarkCircle{width:120px;height:120px;margin:0 auto 40px;position:relative;background:linear-gradient(135deg,#151A30 0%,#2A4759 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 35px #151a3040 0 4px 12px #2a475926;animation:ScaleIn .6s cubic-bezier(0.34,1.56,0.64,1)}
@keyframes ScaleIn {
0%{transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}
.ConfirmPanel .CheckmarkCircle::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:2px solid #2a475933;border-radius:50%}
.ConfirmPanel .CheckmarkCircle svg{width:60px;height:60px;stroke:#F6F6F6;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:DrawCheck .8s .3s cubic-bezier(0.65,0,0.45,1) forwards;stroke-dasharray:100;stroke-dashoffset:100}
@keyframes DrawCheck {
to{stroke-dashoffset:0}
}
.ConfirmPanel .MessageTitle{font-size:38px;font-weight:700;color:#151A30;margin:0 0 18px;line-height:1.2;animation:FadeSlideUp .6s .4s cubic-bezier(0.34,1.56,0.64,1) backwards}
@keyframes FadeSlideUp {
from{opacity:0;transform:translateY(25px)}
to{opacity:1;transform:translateY(0)}
}
.ConfirmPanel .MessageText{font-size:17px;line-height:1.65;color:#2A4759;margin:0 0 45px;animation:FadeSlideUp .6s .5s cubic-bezier(0.34,1.56,0.64,1) backwards}
.ConfirmPanel .MessageText strong{color:#151A30;font-weight:600}
.InfoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:0 0 50px;animation:FadeSlideUp .6s .6s cubic-bezier(0.34,1.56,0.64,1) backwards}
.InfoGrid .InfoCard{background:#ffffffb3;padding:26px 20px;border-radius:10px;border:1px solid #2a47591f;box-shadow:0 4px 14px #151a300f;transition:all .3s linear}
.InfoGrid .InfoCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #151a301f;border-color:#2a475940}
.InfoGrid .InfoCard .CardIcon{width:42px;height:42px;margin:0 auto 16px;background:linear-gradient(135deg,#151a3014 0%,#2a475914 100%);border-radius:8px;display:flex;align-items:center;justify-content:center}
.InfoGrid .InfoCard .CardIcon .material-icons{font-size:24px;color:#151A30}
.InfoGrid .InfoCard .CardLabel{font-size:14px;color:#2A4759;margin:0 0 6px;font-weight:500}
.InfoGrid .InfoCard .CardValue{font-size:16px;color:#151A30;font-weight:600;margin:0}
.ActionArea{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:FadeSlideUp .6s .7s cubic-bezier(0.34,1.56,0.64,1) backwards}
.ActionArea .PrimaryBtn{background:linear-gradient(135deg,#151A30 0%,#2A4759 100%);color:#F6F6F6;padding:16px 38px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 20px #151a3033;transition:all .3s linear;border:2px solid transparent}
.ActionArea .PrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #151a304d}
.ActionArea .PrimaryBtn:active{transform:translateY(0)}
.ActionArea .PrimaryBtn .material-icons{font-size:20px}
.ActionArea .SecondaryBtn{background:transparent;color:#151A30;padding:16px 38px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;border:2px solid #2A4759;transition:all .3s linear}
.ActionArea .SecondaryBtn:hover{background:#2a475914;border-color:#151A30}
.ActionArea .SecondaryBtn .material-icons{font-size:20px}
.DecoElement{position:absolute;border-radius:50%;opacity:.4;animation:FloatAround 15s linear infinite}
.DecoElement:nth-child(1){width:80px;height:80px;background:linear-gradient(135deg,#151a301a,#2a47591a);top:15%;left:8%;animation-delay:0s}
.DecoElement:nth-child(2){width:120px;height:120px;background:linear-gradient(135deg,#2a475914,#151a3014);bottom:20%;right:10%;animation-delay:-5s}
.DecoElement:nth-child(3){width:60px;height:60px;background:linear-gradient(135deg,#151a301f,#2a47591f);top:60%;left:12%;animation-delay:-10s}
@keyframes FloatAround {
0%,100%{transform:translate(0,0)}
25%{transform:translate(20px,-20px)}
50%{transform:translate(-15px,-30px)}
75%{transform:translate(-25px,15px)}
}
@media (max-width: 768px) {
.ConfirmPanel{padding:40px 20px}
.ConfirmPanel .CheckmarkCircle{width:100px;height:100px;margin-bottom:32px}
.ConfirmPanel .CheckmarkCircle svg{width:50px;height:50px}
.ConfirmPanel .MessageTitle{font-size:30px;margin-bottom:14px}
.ConfirmPanel .MessageText{font-size:16px;margin-bottom:35px}
.InfoGrid{grid-template-columns:1fr;gap:14px;margin-bottom:40px}
.ActionArea{flex-direction:column;gap:12px}
.ActionArea .PrimaryBtn,.ActionArea .SecondaryBtn{width:100%;justify-content:center;padding:14px 28px}
.DecoElement{display:none}
}
@media (min-width: 769px) and (max-width: 1024px) {
.ConfirmPanel{padding:50px 25px}
.ConfirmPanel .MessageTitle{font-size:34px}
.InfoGrid{gap:16px}
}