@import "https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Rubik',sans-serif;background:#F8F8F8;color:#2d2d2d;line-height:1.6;overflow-x:hidden}
body::-webkit-scrollbar{width:8px}
body::-webkit-scrollbar-track{background:#6f4e8a1a}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6F4E8A,#EF9CA3);border-radius:20px}
html{scroll-behavior:smooth}
.HeaderWrapper{background:linear-gradient(135deg,#6f4e8a0d 0%,#ef9ca30d 100%);border-bottom:1px solid #6f4e8a1a;padding:20px 0;position:relative}
.HeaderWrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,#6f4e8a08 0%,transparent 50%),radial-gradient(circle at 80% 50%,#ef9ca308 0%,transparent 50%);pointer-events:none}
.HeaderContainer{max-width:1320px;margin:0 auto;padding:0 20px}
.TopHeaderRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;min-height:80px}
.LogoBox{display:flex;align-items:center;flex-shrink:0}
.LogoBox img{height:100px;width:100px;object-fit:contain;background:#fff;padding:10px;border-radius:25px;box-shadow:0 8px 24px #6f4e8a26}
.MainNav{display:flex;gap:35px;align-items:center;margin-left:auto}
.MainNav a{color:#6F4E8A;text-decoration:none;font-size:16px;font-weight:400;transition:color .3s ease;white-space:nowrap}
.MainNav a:hover{color:#EF9CA3}
.BottomHeaderRow{text-align:center;padding-top:15px;border-top:1px solid #6f4e8a14}
.CompanyNameText{font-size:28px;font-weight:700;background:linear-gradient(90deg,#6F4E8A 0%,#EF9CA3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}
.FooterWrapper{background:linear-gradient(135deg,#6F4E8A 0%,#8b6ba8 100%);color:#fff;padding:50px 0 30px;margin-top:80px;position:relative}
.FooterWrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#EF9CA3,#6F4E8A,#EF9CA3)}
.FooterContainer{max-width:1320px;margin:0 auto;padding:0 20px}
.FooterContent{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:40px}
.FooterSection h3{font-size:20px;margin-bottom:20px;color:#EF9CA3}
.FooterNav{list-style:none}
.FooterNav li{margin-bottom:12px}
.FooterNav a{color:#ffffffd9;text-decoration:none;transition:color .3s ease;font-size:15px}
.FooterNav a:hover{color:#EF9CA3}
.ContactInfo p{margin-bottom:10px;color:#ffffffe6;font-size:15px}
.ContactInfo span.oi{margin-right:8px;color:#EF9CA3}
.CopyrightBox{text-align:center;padding-top:30px;border-top:1px solid #ffffff26;color:#ffffffb3;font-size:14px}
.ConsentPopup{position:fixed;top:20px;right:20px;background:#fff;border-radius:30px;box-shadow:0 16px 48px #6f4e8a40;padding:30px;max-width:420px;z-index:10000;border:2px solid #EF9CA3;transform:translateY(-150%);transition:transform .5s cubic-bezier(0.68,-0.55,0.265,1.55)}
.ConsentPopup[data-visible="true"]{transform:translateY(0)}
.ConsentPopup[data-visible="false"]{transform:translateY(-150%)}
.ConsentPopup h3{color:#6F4E8A;font-size:20px;margin-bottom:15px}
.ConsentPopup p{color:#555;font-size:14px;line-height:1.6;margin-bottom:20px}
.ConsentButtons{display:flex;gap:10px;flex-wrap:wrap}
.ConsentButtons button{flex:1;min-width:120px;padding:12px 20px;border:none;border-radius:20px;font-family:'Rubik',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}
.AcceptButton{background:linear-gradient(135deg,#6F4E8A,#8b6ba8);color:#fff}
.AcceptButton:hover{box-shadow:0 8px 20px #6f4e8a4d;transform:translateY(-2px)}
.DeclineButton{background:#F8F8F8;color:#6F4E8A;border:2px solid #6F4E8A}
.DeclineButton:hover{background:#6F4E8A;color:#fff}
.CustomizeButton{background:linear-gradient(135deg,#EF9CA3,#f5b5bb);color:#fff;flex-basis:100%}
.CustomizeButton:hover{box-shadow:0 6px 16px #ef9ca34d}
.CustomizeOptions{display:none;margin-top:20px;padding-top:20px;border-top:1px solid #eee}
.CustomizeOptions[data-show="true"]{display:block}
.ConsentOption{margin-bottom:15px}
.ConsentOption label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#555}
.ConsentOption input[type="checkbox"]{margin-right:10px;width:18px;height:18px;cursor:pointer}
@media (max-width: 768px) {
.TopHeaderRow{flex-direction:column;gap:20px;min-height:auto}
.MainNav{flex-wrap:wrap;justify-content:center;gap:15px;margin-left:0}
.CompanyNameText{font-size:22px}
.FooterContent{grid-template-columns:1fr;gap:30px}
.ConsentPopup{left:20px;right:20px;max-width:none}
.ConsentButtons button{min-width:100px}
}
@media (max-width: 480px) {
.MainNav{flex-direction:column;gap:10px}
.LogoBox img{height:80px;width:80px}
.ConsentButtons{flex-direction:column}
.ConsentButtons button{min-width:auto}
}
.legal-info{max-width:1320px;margin:0 auto;padding:80px 20px;background:#F8F8F8}
.legal-info p{font-size:16px;line-height:1.8;color:#2d2d2d;margin:0 0 24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}
.legal-info p strong,.legal-info p b{font-weight:600;color:#6F4E8A}
.legal-info strong,.legal-info b{font-weight:600;color:#6F4E8A}
.legal-info a{color:#6F4E8A;text-decoration:none;border-bottom:2px solid #EF9CA3;transition:all .3s ease;font-weight:500}
.legal-info a:hover{color:#EF9CA3;border-bottom-color:#6F4E8A}
.legal-info a:focus{outline:3px solid #EF9CA3;outline-offset:4px;border-radius:4px}
.legal-info table{width:100%;border-collapse:collapse;margin:32px 0 48px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #6f4e8a14}
.legal-info thead{background:linear-gradient(135deg,#6F4E8A 0%,#8a6ba0 100%)}
.legal-info thead tr{border:none}
.legal-info thead th{padding:20px 24px;text-align:left;font-weight:600;font-size:15px;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.legal-info tbody{background:#fff}
.legal-info tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s ease}
.legal-info tbody tr:last-child{border-bottom:none}
.legal-info tbody tr:hover{background:#ef9ca30a}
.legal-info tbody td{padding:18px 24px;font-size:15px;line-height:1.6;color:#2d2d2d}
.legal-info tbody td strong,.legal-info tbody td b{color:#6F4E8A;font-weight:600}
.legal-info th{font-weight:600}
.legal-info td{font-weight:400}
.legal-info hr{border:none;height:2px;background:linear-gradient(90deg,#6F4E8A 0%,#EF9CA3 50%,#6F4E8A 100%);margin:56px 0;border-radius:8px;opacity:.3}
@media (max-width: 768px) {
.legal-info{padding:48px 16px}
.legal-info p{font-size:15px;line-height:1.7;margin-bottom:20px}
.legal-info table{display:block;overflow-x:auto;margin:24px 0 32px;border-radius:16px}
.legal-info thead th{padding:16px 20px;font-size:14px}
.legal-info tbody td{padding:14px 20px;font-size:14px}
.legal-info hr{margin:40px 0}
}
@media (max-width: 480px) {
.legal-info{padding:32px 12px}
.legal-info p{font-size:14px;margin-bottom:16px}
.legal-info thead th{padding:12px 16px;font-size:13px}
.legal-info tbody td{padding:12px 16px;font-size:13px}
.legal-info table{border-radius:12px;margin:20px 0 28px}
}
.ProgramDetail{max-width:1320px;margin:0 auto;padding:0 20px}
.HeroImageBox{width:100%;max-width:1320px;margin:50px auto 0;border-radius:32px;overflow:hidden;box-shadow:0 16px 48px #6f4e8a26}
.HeroImageBox img{width:100%;height:auto;display:block}
.TitleSection{max-width:920px;margin:60px auto 0;text-align:center}
.MainTitle{font-size:52px;line-height:1.2;font-weight:700;color:#6F4E8A;margin:0 0 24px;background:linear-gradient(135deg,#6F4E8A,#EF9CA3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.PriceBox{display:inline-block;padding:18px 40px;background:linear-gradient(135deg,#6F4E8A,#EF9CA3);border-radius:28px;color:#fff;font-size:18px;font-weight:600;box-shadow:0 8px 24px #6f4e8a40}
.ActionRow{display:flex;gap:16px;justify-content:center;margin:40px 0 0;flex-wrap:wrap}
.EnrollButton{padding:18px 48px;background:#6F4E8A;color:#fff;border:none;border-radius:24px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #6f4e8a4d;text-decoration:none;display:inline-block}
.EnrollButton:hover{transform:translateY(-3px);box-shadow:0 10px 28px #6f4e8a66;background:#5d3f73}
.CopyLinkButton{padding:18px 36px;background:transparent;color:#6F4E8A;border:2px solid #6F4E8A;border-radius:24px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}
.CopyLinkButton:hover{background:#6F4E8A;color:#fff;transform:translateY(-3px)}
.AccessibilityButton{padding:18px 36px;background:#F8F8F8;color:#6F4E8A;border:2px solid #EF9CA3;border-radius:24px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}
.AccessibilityButton:hover{background:#EF9CA3;color:#fff;transform:translateY(-3px)}
.ContentGrid{display:grid;grid-template-columns:1fr 380px;gap:60px;max-width:1320px;margin:80px auto 0;align-items:start}
.MainContent{background:#fff;padding:50px;border-radius:28px;box-shadow:0 12px 32px #6f4e8a14}
.MainContent h2{font-size:36px;color:#6F4E8A;margin:50px 0 20px;font-weight:700;position:relative;padding-left:24px}
.MainContent h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:32px;background:linear-gradient(180deg,#6F4E8A,#EF9CA3);border-radius:3px}
.MainContent h2:first-child{margin-top:0}
.MainContent h3{font-size:26px;color:#5d3f73;margin:36px 0 16px;font-weight:600}
.MainContent p{font-size:18px;line-height:1.75;color:#333;margin:0 0 20px}
.MainContent ul,.MainContent ol{margin:0 0 24px;padding-left:28px}
.MainContent li{font-size:18px;line-height:1.7;color:#333;margin-bottom:12px}
.MainContent blockquote{margin:32px 0;padding:24px 32px;background:linear-gradient(135deg,#6f4e8a0d,#ef9ca30d);border-left:5px solid #EF9CA3;border-radius:0 20px 20px 0;font-style:italic;color:#5d3f73}
.MainContent cite{display:block;margin-top:12px;font-size:16px;color:#6F4E8A;font-style:normal;font-weight:600}
.MainContent figure{margin:32px 0}
.MainContent figcaption{margin-top:12px;font-size:16px;color:#666;font-style:italic}
.MainContent details{margin:24px 0;padding:20px;background:#F8F8F8;border-radius:16px;border:2px solid transparent;transition:all .3s ease}
.MainContent details:hover{border-color:#EF9CA3}
.MainContent summary{font-size:20px;font-weight:600;color:#6F4E8A;cursor:pointer;padding:8px 0;list-style:none;position:relative;padding-left:32px}
.MainContent summary::before{content:'▸';position:absolute;left:0;transition:transform .3s ease;color:#EF9CA3;font-size:24px}
.MainContent details[open] summary::before{transform:rotate(90deg)}
.MainContent mark{background:linear-gradient(180deg,transparent 60%,#ef9ca366 60%);color:inherit;padding:2px 4px}
.MainContent small{font-size:16px;color:#666}
.MainContent dl{margin:24px 0}
.MainContent dt{font-size:18px;font-weight:700;color:#6F4E8A;margin:20px 0 8px}
.MainContent dd{font-size:18px;line-height:1.7;color:#333;margin:0 0 12px 24px}
.SidebarBox{position:sticky;top:30px}
.InfoCard{background:linear-gradient(135deg,#6F4E8A,#8a6ba3);padding:36px;border-radius:28px;color:#fff;box-shadow:0 12px 36px #6f4e8a4d;margin-bottom:24px}
.InfoCard h3{font-size:22px;margin:0 0 20px;font-weight:700}
.StatGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.StatItem{background:#ffffff26;padding:20px;border-radius:16px;text-align:center;backdrop-filter:blur(10px)}
.StatNumber{font-size:32px;font-weight:700;display:block;margin-bottom:6px}
.StatLabel{font-size:14px;opacity:.9}
.FeatureList{list-style:none;padding:0;margin:24px 0 0}
.FeatureList li{padding:14px 0;border-bottom:1px solid #fff3;display:flex;align-items:center;gap:12px;font-size:16px}
.FeatureList li::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#EF9CA3;border-radius:50%;font-weight:700;flex-shrink:0}
.FeatureList li:last-child{border-bottom:none}
.HighlightBox{background:#F8F8F8;padding:32px;border-radius:24px;border:2px solid #EF9CA3}
.HighlightBox h4{font-size:20px;color:#6F4E8A;margin:0 0 16px;font-weight:700}
.HighlightBox p{font-size:16px;line-height:1.6;color:#333;margin:0}
body.HighContrast .MainTitle,body.HighContrast .MainContent h2,body.HighContrast .MainContent h3{-webkit-text-fill-color:initial;background:none;color:#000}
body.HighContrast .MainContent p,body.HighContrast .MainContent li,body.HighContrast .MainContent dd{color:#000;font-size:20px;line-height:1.9}
body.HighContrast .InfoCard{background:#000;color:#fff}
body.HighContrast .EnrollButton{background:#000;border:3px solid #fff}
body.HighContrast .HighlightBox{background:#fff;border:3px solid #000}
@media (max-width: 968px) {
.ContentGrid{grid-template-columns:1fr;gap:40px}
.SidebarBox{position:static}
.MainContent{padding:32px 24px}
.MainTitle{font-size:38px}
}
@media (max-width: 640px) {
.MainTitle{font-size:32px}
.ActionRow{flex-direction:column;align-items:stretch}
.EnrollButton,.CopyLinkButton,.AccessibilityButton{width:100%;text-align:center;justify-content:center}
.StatGrid{grid-template-columns:1fr}
.MainContent h2{font-size:28px}
.MainContent h3{font-size:22px}
}
.TitleZone{max-width:1320px;margin:0 auto;padding:80px 20px}
.TitleZone .LayoutGrid{display:grid;grid-template-columns:40% 1fr;gap:60px;align-items:center}
.TitleZone .ImageWrapper{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 12px 32px #6f4e8a26}
.TitleZone .ImageWrapper img{width:100%;height:480px;object-fit:cover;display:block}
.TitleZone .TextContent h1{font-size:48px;line-height:1.2;margin:0 0 24px;color:#6F4E8A;font-weight:700}
.TitleZone .TextContent .SubText{font-size:18px;line-height:1.7;color:#444;margin:0 0 32px}
.TitleZone .ActionBox{display:flex;gap:16px;flex-wrap:wrap}
.TitleZone .PrimaryButton{background:linear-gradient(135deg,#6F4E8A,#8A6BA0);color:#fff;padding:16px 36px;border-radius:28px;text-decoration:none;font-size:16px;font-weight:600;transition:transform 0.3s,box-shadow .3s;box-shadow:0 6px 20px #6f4e8a40;display:inline-flex;align-items:center;gap:10px}
.TitleZone .PrimaryButton:hover{transform:translateY(-3px);box-shadow:0 10px 28px #6f4e8a59}
.TitleZone .SecondaryButton{background:transparent;color:#6F4E8A;padding:16px 36px;border-radius:28px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #6F4E8A;transition:background 0.3s,color .3s;display:inline-flex;align-items:center;gap:10px}
.TitleZone .SecondaryButton:hover{background:#6F4E8A;color:#fff}
.SystemBlock{background:linear-gradient(180deg,#F8F8F8 0%,#fff 100%);padding:100px 20px}
.SystemBlock .InnerWrapper{max-width:1320px;margin:0 auto}
.SystemBlock .SectionHeader{text-align:center;margin-bottom:70px}
.SystemBlock .SectionHeader h2{font-size:42px;color:#6F4E8A;margin:0 0 18px;font-weight:700}
.SystemBlock .SectionHeader p{font-size:17px;color:#555;max-width:720px;margin:0 auto;line-height:1.6}
.SystemBlock .FeatureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.SystemBlock .FeatureItem{background:#fff;padding:36px 28px;border-radius:24px;box-shadow:0 8px 24px #0000000f;transition:transform 0.3s,box-shadow .3s;position:relative}
.SystemBlock .FeatureItem::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6F4E8A,#EF9CA3);border-radius:24px 24px 0 0}
.SystemBlock .FeatureItem:hover{transform:translateY(-8px);box-shadow:0 16px 40px #6f4e8a26}
.SystemBlock .FeatureItem .IconBox{width:64px;height:64px;background:linear-gradient(135deg,#6F4E8A,#EF9CA3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#fff;font-size:28px}
.SystemBlock .FeatureItem h3{font-size:22px;color:#333;margin:0 0 14px;font-weight:600}
.SystemBlock .FeatureItem p{font-size:15px;color:#666;line-height:1.6;margin:0}
.InspirationZone{padding:100px 20px;background:#fff}
.InspirationZone .ContentWrapper{max-width:1320px;margin:0 auto}
.InspirationZone .TopHeader{text-align:center;margin-bottom:60px}
.InspirationZone .TopHeader h2{font-size:40px;color:#6F4E8A;margin:0 0 16px;font-weight:700}
.InspirationZone .TopHeader .IntroText{font-size:17px;color:#555;max-width:680px;margin:0 auto;line-height:1.7}
.InspirationZone .StoryLayout{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:80px}
.InspirationZone .StoryCard{background:#F8F8F8;border-radius:28px;overflow:hidden;box-shadow:0 10px 30px #00000014;transition:transform .3s}
.InspirationZone .StoryCard:hover{transform:scale(1.03)}
.InspirationZone .StoryCard .ImageContainer{width:100%;height:280px;overflow:hidden;position:relative}
.InspirationZone .StoryCard .ImageContainer img{width:100%;height:100%;object-fit:cover;display:block}
.InspirationZone .StoryCard .TextBox{padding:32px 28px}
.InspirationZone .StoryCard .TextBox h3{font-size:24px;color:#333;margin:0 0 14px;font-weight:600}
.InspirationZone .StoryCard .TextBox .Description{font-size:15px;color:#666;line-height:1.7;margin:0 0 20px}
.InspirationZone .StoryCard .TextBox .MetaInfo{font-size:14px;color:#999;font-weight:500}
.InspirationZone .TestimonialSection{background:linear-gradient(135deg,#6F4E8A,#8A6BA0);border-radius:32px;padding:60px 50px;color:#fff;position:relative;overflow:hidden}
.InspirationZone .TestimonialSection::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,#ef9ca34d,transparent);border-radius:50%}
.InspirationZone .TestimonialGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;position:relative;z-index:1}
.InspirationZone .TestimonialItem{display:flex;gap:20px;align-items:flex-start}
.InspirationZone .TestimonialItem .ProfilePic{width:70px;height:70px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid #ffffff4d}
.InspirationZone .TestimonialItem .ProfilePic img{width:100%;height:100%;object-fit:cover;display:block}
.InspirationZone .TestimonialItem .TestContent{flex:1}
.InspirationZone .TestimonialItem .TestContent .Quote{font-size:16px;line-height:1.7;margin:0 0 14px;font-style:italic;color:#fffffff2}
.InspirationZone .TestimonialItem .TestContent .AuthorName{font-size:15px;font-weight:600;margin:0 0 4px}
.InspirationZone .TestimonialItem .TestContent .AuthorRole{font-size:13px;color:#fffc;margin:0}
@media (max-width: 1024px) {
.TitleZone .LayoutGrid{grid-template-columns:1fr;gap:40px}
.TitleZone .ImageWrapper img{height:360px}
.SystemBlock .FeatureGrid{grid-template-columns:1fr 1fr}
.InspirationZone .StoryLayout{gap:50px}
.InspirationZone .TestimonialGrid{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.TitleZone{padding:50px 20px}
.TitleZone .TextContent h1{font-size:36px}
.TitleZone .TextContent .SubText{font-size:16px}
.TitleZone .ActionBox{flex-direction:column}
.TitleZone .PrimaryButton,.TitleZone .SecondaryButton{width:100%;justify-content:center}
.SystemBlock{padding:60px 20px}
.SystemBlock .SectionHeader h2{font-size:32px}
.SystemBlock .FeatureGrid{grid-template-columns:1fr;gap:30px}
.InspirationZone{padding:60px 20px}
.InspirationZone .TopHeader h2{font-size:32px}
.InspirationZone .StoryLayout{grid-template-columns:1fr;gap:40px;margin-bottom:50px}
.InspirationZone .TestimonialSection{padding:40px 28px}
}
.TitleBoxWrap{background:linear-gradient(135deg,#6F4E8A 0%,#EF9CA3 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.TitleBoxWrap::before{content:'';position:absolute;top:20%;left:10%;width:8px;height:8px;background:#ffffff4d;border-radius:50%;box-shadow:40px 20px 0 #fff3 80px 40px 0 #ffffff40 120px 60px 0 #fff3 160px 80px 0 #ffffff4d}
.TitleBoxWrap .ContentContainer{max-width:1320px;margin:0 auto}
.TitleBoxWrap .MainHeadingText{font-size:56px;line-height:1.2;color:#FFF;font-weight:700;margin:0;text-align:center}
.StoryBlockArea{padding:90px 20px;background:#F8F8F8}
.StoryBlockArea .WrapContainer{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.StoryBlockArea .TextContentPart{padding-right:20px}
.StoryBlockArea .SectionLabel{font-size:18px;color:#6F4E8A;font-weight:600;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}
.StoryBlockArea .BigHeading{font-size:42px;line-height:1.3;color:#2C2C2C;font-weight:700;margin:0 0 24px}
.StoryBlockArea .DetailParagraph{font-size:17px;line-height:1.7;color:#4A4A4A;margin:0 0 20px}
.StoryBlockArea .ImageHolder{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 16px 48px #6f4e8a26}
.StoryBlockArea .ImageHolder img{width:100%;height:480px;object-fit:cover;display:block}
.ApproachSectionBox{padding:100px 20px;background:linear-gradient(180deg,#FFF 0%,#F8F8F8 100%);position:relative}
.ApproachSectionBox .CenterWrap{max-width:1100px;margin:0 auto;text-align:center}
.ApproachSectionBox .TopTitle{font-size:44px;line-height:1.3;color:#2C2C2C;font-weight:700;margin:0 0 60px;position:relative;display:inline-block}
.ApproachSectionBox .TopTitle::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#6F4E8A,#EF9CA3);border-radius:25px}
.ApproachSectionBox .CardGridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ApproachSectionBox .FeatureCardItem{background:#FFF;border-radius:28px;padding:40px 30px;box-shadow:0 8px 32px #6f4e8a1a;transition:all .3s ease;position:relative}
.ApproachSectionBox .FeatureCardItem:hover{transform:translateY(-8px);box-shadow:0 16px 48px #6f4e8a2e}
.ApproachSectionBox .FeatureCardItem .IconCircle{width:70px;height:70px;background:linear-gradient(135deg,#6F4E8A,#EF9CA3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.ApproachSectionBox .FeatureCardItem .IconCircle .oi{font-size:32px;color:#FFF}
.ApproachSectionBox .FeatureCardItem .CardTitle{font-size:22px;line-height:1.4;color:#2C2C2C;font-weight:600;margin:0 0 16px}
.ApproachSectionBox .FeatureCardItem .CardDescription{font-size:16px;line-height:1.6;color:#5A5A5A;margin:0}
.TeamShowcasePanel{padding:90px 20px;background:#FFF}
.TeamShowcasePanel .InnerWrapBox{max-width:1320px;margin:0 auto}
.TeamShowcasePanel .UpperHeading{font-size:40px;line-height:1.3;color:#2C2C2C;font-weight:700;margin:0 0 50px;text-align:center}
.TeamShowcasePanel .MemberDisplayGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}
.TeamShowcasePanel .PersonBox{background:#F8F8F8;border-radius:24px;padding:0;overflow:hidden;box-shadow:0 6px 24px #00000014;transition:all .35s ease}
.TeamShowcasePanel .PersonBox:hover{transform:scale(1.04);box-shadow:0 12px 40px #6f4e8a29}
.TeamShowcasePanel .PersonBox .ProfileImageArea{width:100%;height:280px;background:linear-gradient(135deg,#6F4E8A 0%,#EF9CA3 100%);position:relative;overflow:hidden}
.TeamShowcasePanel .PersonBox .ProfileImageArea img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:luminosity;opacity:.85}
.TeamShowcasePanel .PersonBox .InfoTextPart{padding:28px 24px;text-align:center}
.TeamShowcasePanel .PersonBox .MemberName{font-size:20px;line-height:1.3;color:#2C2C2C;font-weight:600;margin:0 0 8px}
.TeamShowcasePanel .PersonBox .RoleLabel{font-size:15px;line-height:1.5;color:#6F4E8A;font-weight:500;margin:0}
.TeamShowcasePanel .PersonBox.WithFullImage{grid-column:span 2;display:flex;flex-direction:row;align-items:stretch}
.TeamShowcasePanel .PersonBox.WithFullImage .ProfileImageArea{width:50%;height:auto}
.TeamShowcasePanel .PersonBox.WithFullImage .InfoTextPart{width:50%;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:left}
.TeamShowcasePanel .PersonBox.WithFullImage .MemberName{font-size:26px;margin-bottom:12px}
.TeamShowcasePanel .PersonBox.WithFullImage .RoleLabel{font-size:17px;margin-bottom:16px}
.TeamShowcasePanel .PersonBox.WithFullImage .BioParagraph{font-size:16px;line-height:1.7;color:#5A5A5A;margin:0}
.TeamShowcasePanel .PersonBox.ImageOnly .ProfileImageArea{height:360px}
.ValuesJourneyZone{padding:90px 20px;background:linear-gradient(135deg,#6F4E8A 0%,#EF9CA3 100%);position:relative}
.ValuesJourneyZone::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><circle cx="5" cy="5" r="2" fill="#ffffff1a"/></svg>');opacity:.4}
.ValuesJourneyZone .ContentWrapCenter{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.ValuesJourneyZone .MasterHeadline{font-size:46px;line-height:1.3;color:#FFF;font-weight:700;margin:0 0 70px;text-align:center}
.ValuesJourneyZone .TimelineFlow{display:flex;flex-direction:column;gap:50px;position:relative}
.ValuesJourneyZone .TimelineFlow::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:#ffffff4d;transform:translateX(-50%)}
.ValuesJourneyZone .StepItem{display:flex;align-items:center;gap:40px;position:relative}
.ValuesJourneyZone .StepItem:nth-child(odd){flex-direction:row}
.ValuesJourneyZone .StepItem:nth-child(even){flex-direction:row-reverse}
.ValuesJourneyZone .StepContent{flex:1;background:#ffffff26;backdrop-filter:blur(10px);padding:35px 40px;border-radius:28px;border:1px solid #fff3}
.ValuesJourneyZone .StepItem:nth-child(odd) .StepContent{text-align:right}
.ValuesJourneyZone .StepItem:nth-child(even) .StepContent{text-align:left}
.ValuesJourneyZone .StepYear{font-size:20px;line-height:1.4;color:#FFF;font-weight:700;margin:0 0 12px;opacity:.9}
.ValuesJourneyZone .StepHeading{font-size:26px;line-height:1.3;color:#FFF;font-weight:600;margin:0 0 14px}
.ValuesJourneyZone .StepText{font-size:16px;line-height:1.7;color:#ffffffe6;margin:0}
.ValuesJourneyZone .StepMarker{width:20px;height:20px;background:#FFF;border-radius:50%;border:4px solid #EF9CA3;flex-shrink:0;position:relative;z-index:3}
.ValuesJourneyZone .StepDummy{flex:1}
@media (max-width: 1024px) {
.TitleBoxWrap .MainHeadingText{font-size:44px}
.StoryBlockArea .WrapContainer{grid-template-columns:1fr;gap:40px}
.StoryBlockArea .TextContentPart{padding-right:0}
.ApproachSectionBox .CardGridLayout{grid-template-columns:repeat(2,1fr)}
.TeamShowcasePanel .MemberDisplayGrid{grid-template-columns:repeat(2,1fr)}
.TeamShowcasePanel .PersonBox.WithFullImage{grid-column:span 2}
.ValuesJourneyZone .StepItem:nth-child(odd),.ValuesJourneyZone .StepItem:nth-child(even){flex-direction:column}
.ValuesJourneyZone .TimelineFlow::before{left:20px}
.ValuesJourneyZone .StepContent{text-align:left!important}
.ValuesJourneyZone .StepDummy{display:none}
}
@media (max-width: 768px) {
.TitleBoxWrap{padding:80px 20px 70px}
.TitleBoxWrap .MainHeadingText{font-size:36px}
.StoryBlockArea{padding:60px 20px}
.StoryBlockArea .BigHeading{font-size:32px}
.StoryBlockArea .ImageHolder img{height:320px}
.ApproachSectionBox{padding:70px 20px}
.ApproachSectionBox .TopTitle{font-size:34px;margin-bottom:40px}
.ApproachSectionBox .CardGridLayout{grid-template-columns:1fr;gap:30px}
.TeamShowcasePanel{padding:60px 20px}
.TeamShowcasePanel .UpperHeading{font-size:32px;margin-bottom:40px}
.TeamShowcasePanel .MemberDisplayGrid{grid-template-columns:1fr}
.TeamShowcasePanel .PersonBox.WithFullImage{flex-direction:column}
.TeamShowcasePanel .PersonBox.WithFullImage .ProfileImageArea{width:100%;height:320px}
.TeamShowcasePanel .PersonBox.WithFullImage .InfoTextPart{width:100%;text-align:center;padding:28px 24px}
.ValuesJourneyZone{padding:60px 20px}
.ValuesJourneyZone .MasterHeadline{font-size:34px;margin-bottom:50px}
.ValuesJourneyZone .StepHeading{font-size:22px}
}
.ContactHeroWrapper{background:linear-gradient(135deg,#6F4E8A 0%,#EF9CA3 100%);position:relative;overflow:hidden;padding:120px 20px 100px}
.ContactHeroWrapper::before{content:'';position:absolute;top:30px;left:30px;width:80px;height:80px;border-top:2px solid #ffffff4d;border-left:2px solid #ffffff4d}
.ContactHeroWrapper::after{content:'';position:absolute;bottom:30px;right:30px;width:80px;height:80px;border-bottom:2px solid #ffffff4d;border-right:2px solid #ffffff4d}
.HeroContentContainer{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:60px}
.HeroTextBlock{flex:1}
.HeroTextBlock h1{font-size:52px;color:#F8F8F8;margin:0 0 24px;line-height:1.2;font-weight:700}
.HeroTextBlock p{font-size:19px;color:#ffffffeb;line-height:1.7;margin:0}
.HeroImageBlock{flex:0 0 420px;position:relative}
.HeroImageBlock img{width:100%;height:320px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #00000040;filter:contrast(1.08) brightness(1.02)}
.ContactFormSection{padding:100px 20px;background:#F8F8F8}
.FormSectionContainer{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}
.ContactInfoBox{background:linear-gradient(160deg,#6F4E8A 0%,#8d6ba5 100%);padding:60px 50px;border-radius:36px;box-shadow:0 12px 40px #6f4e8a33;color:#F8F8F8}
.ContactInfoBox h2{font-size:34px;margin:0 0 16px;font-weight:600}
.ContactInfoBox p{font-size:17px;line-height:1.6;margin:0 0 40px;opacity:.9}
.InfoItem{display:flex;align-items:start;gap:18px;margin-bottom:32px}
.InfoItem:last-child{margin-bottom:0}
.InfoIconBox{width:48px;height:48px;background:#f8f8f826;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.InfoIconBox svg{width:24px;height:24px;fill:#F8F8F8}
.InfoTextContent h3{font-size:16px;margin:0 0 6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}
.InfoTextContent p{font-size:18px;margin:0;opacity:1;line-height:1.5}
.InfoTextContent a{color:#F8F8F8;text-decoration:none;transition:opacity .3s}
.InfoTextContent a:hover{opacity:.8}
.FormBox{background:#fff;padding:60px 50px;border-radius:36px;box-shadow:0 8px 32px #6f4e8a1f}
.FormBox h2{font-size:32px;color:#6F4E8A;margin:0 0 12px;font-weight:600}
.FormBox > p{font-size:16px;color:#666;margin:0 0 36px;line-height:1.6}
.ContactFormElement{display:flex;flex-direction:column}
.FormFieldGroup{margin-bottom:24px}
.FormFieldGroup label{display:block;font-size:15px;font-weight:600;color:#333;margin-bottom:10px}
.FormFieldGroup input[type="text"],.FormFieldGroup input[type="email"],.FormFieldGroup input[type="tel"]{width:100%;padding:16px 20px;font-size:16px;border:2px solid #e0e0e0;border-radius:20px;transition:all .3s;background:#F8F8F8;color:#333}
.FormFieldGroup input[type="text"]:focus,.FormFieldGroup input[type="email"]:focus,.FormFieldGroup input[type="tel"]:focus{outline:none;border-color:#6F4E8A;background:#fff;box-shadow:0 4px 16px #6f4e8a1a}
.SelectWrapper{position:relative}
.SelectWrapper select{width:100%;padding:16px 20px;padding-right:45px;font-size:16px;border:2px solid #e0e0e0;border-radius:20px;background:#F8F8F8;color:#333;appearance:none;cursor:pointer;transition:all .3s}
.SelectWrapper::after{content:'';position:absolute;right:20px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #6F4E8A;pointer-events:none}
.SelectWrapper select:focus{outline:none;border-color:#6F4E8A;background:#fff;box-shadow:0 4px 16px #6f4e8a1a}
.ConsentCheckboxWrapper{margin:28px 0;display:flex;align-items:start;gap:12px}
.ConsentCheckboxWrapper input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#6F4E8A;flex-shrink:0}
.ConsentCheckboxWrapper label{font-size:14px;color:#555;line-height:1.6;cursor:pointer}
.ConsentCheckboxWrapper label a{color:#6F4E8A;text-decoration:none;font-weight:600;transition:color .3s}
.ConsentCheckboxWrapper label a:hover{color:#EF9CA3}
.SubmitButtonWrapper{margin-top:32px}
.SubmitButtonWrapper button{width:100%;padding:18px 40px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6F4E8A 0%,#EF9CA3 100%);border:none;border-radius:24px;cursor:pointer;transition:all .3s;box-shadow:0 6px 24px #6f4e8a4d}
.SubmitButtonWrapper button:hover{transform:translateY(-3px);box-shadow:0 10px 32px #6f4e8a66}
.SubmitButtonWrapper button:active{transform:translateY(-1px)}
.AdditionalInfoSection{padding:100px 20px;background:#fff}
.AdditionalInfoContainer{max-width:1320px;margin:0 auto}
.InfoHeaderBlock{text-align:center;margin-bottom:70px}
.InfoHeaderBlock h2{font-size:40px;color:#6F4E8A;margin:0 0 18px;font-weight:700}
.InfoHeaderBlock p{font-size:18px;color:#666;line-height:1.7;max-width:720px;margin:0 auto}
.InfoCardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.InfoCardItem{background:linear-gradient(135deg,#F8F8F8 0%,#fff 100%);padding:50px 40px;border-radius:32px;border:2px solid #e8e8e8;transition:all .4s;position:relative;overflow:hidden}
.InfoCardItem::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6F4E8A 0%,#EF9CA3 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.InfoCardItem:hover{transform:translateY(-8px);box-shadow:0 16px 48px #6f4e8a26;border-color:#6F4E8A}
.InfoCardItem:hover::before{transform:scaleX(1)}
.CardIconCircle{width:80px;height:80px;background:linear-gradient(135deg,#6F4E8A 0%,#8d6ba5 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.CardIconCircle svg{width:38px;height:38px;fill:#fff}
.InfoCardItem h3{font-size:24px;color:#333;margin:0 0 14px;font-weight:600}
.InfoCardItem p{font-size:16px;color:#666;line-height:1.7;margin:0}
@media (max-width: 1024px) {
.HeroContentContainer{flex-direction:column;gap:40px}
.HeroImageBlock{flex:0 0 auto;width:100%;max-width:500px}
.FormSectionContainer{grid-template-columns:1fr;gap:50px}
.InfoCardsGrid{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 768px) {
.ContactHeroWrapper{padding:80px 20px 70px}
.HeroTextBlock h1{font-size:38px}
.HeroTextBlock p{font-size:17px}
.HeroImageBlock img{height:260px}
.ContactFormSection{padding:70px 20px}
.ContactInfoBox{padding:40px 30px}
.ContactInfoBox h2{font-size:28px}
.FormBox{padding:40px 30px}
.FormBox h2{font-size:26px}
.AdditionalInfoSection{padding:70px 20px}
.InfoHeaderBlock h2{font-size:32px}
.InfoHeaderBlock p{font-size:16px}
.InfoCardsGrid{grid-template-columns:1fr;gap:25px}
.InfoCardItem{padding:40px 30px}
}
@media (max-width: 480px) {
.ContactHeroWrapper{padding:60px 16px 50px}
.HeroContentContainer{gap:30px}
.HeroTextBlock h1{font-size:32px}
.HeroTextBlock p{font-size:16px}
.HeroImageBlock img{height:220px;border-radius:24px}
.ContactFormSection{padding:50px 16px}
.ContactInfoBox{padding:30px 24px;border-radius:28px}
.ContactInfoBox h2{font-size:24px}
.ContactInfoBox p{font-size:15px}
.InfoItem{gap:14px;margin-bottom:26px}
.InfoIconBox{width:42px;height:42px}
.InfoTextContent h3{font-size:14px}
.InfoTextContent p{font-size:16px}
.FormBox{padding:30px 24px;border-radius:28px}
.FormBox h2{font-size:24px}
.FormBox > p{font-size:15px}
.FormFieldGroup input[type="text"],.FormFieldGroup input[type="email"],.FormFieldGroup input[type="tel"],.SelectWrapper select{padding:14px 18px;font-size:15px;border-radius:16px}
.SubmitButtonWrapper button{padding:16px 32px;font-size:16px;border-radius:20px}
.AdditionalInfoSection{padding:50px 16px}
.InfoHeaderBlock{margin-bottom:50px}
.InfoHeaderBlock h2{font-size:28px}
.InfoHeaderBlock p{font-size:15px}
.InfoCardItem{padding:32px 24px;border-radius:24px}
.CardIconCircle{width:70px;height:70px;margin-bottom:22px}
.CardIconCircle svg{width:32px;height:32px}
.InfoCardItem h3{font-size:21px}
.InfoCardItem p{font-size:15px}
}
.CourseHeroBox{background:linear-gradient(135deg,#6F4E8A 0%,#EF9CA3 100%);padding:80px 20px;text-align:center;border-radius:0 0 35px 35px;margin-bottom:60px}
.HeroTitleText{font-size:48px;font-weight:700;color:#F8F8F8;margin:0 0 20px;line-height:1.2}
.HeroSubText{font-size:20px;color:#F8F8F8;max-width:720px;margin:0 auto;line-height:1.6;opacity:.95}
.ProgramContainerBox{max-width:1320px;margin:0 auto;padding:0 20px 80px}
.IntroSectionBox{background:#F8F8F8;padding:50px 40px;border-radius:28px;margin-bottom:70px;box-shadow:0 8px 24px #6f4e8a14}
.IntroTitleText{font-size:32px;font-weight:600;color:#6F4E8A;margin:0 0 20px}
.IntroDescriptionText{font-size:17px;color:#333;line-height:1.7;margin:0}
.CourseGridLayout{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:35px;margin-bottom:70px}
.CourseCardBox{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 28px #0000000f;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}
.CourseCardBox:hover{transform:translateY(-8px);box-shadow:0 16px 38px #6f4e8a26}
.CourseImageWrapper{width:100%;height:240px;overflow:hidden;position:relative}
.CourseImage{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.CourseCardBox:hover .CourseImage{transform:scale(1.08)}
.CourseContentBox{padding:28px;flex-grow:1;display:flex;flex-direction:column}
.CourseTitleText{font-size:24px;font-weight:600;color:#6F4E8A;margin:0 0 15px;line-height:1.3}
.CourseDescriptionText{font-size:16px;color:#555;line-height:1.65;margin:0 0 20px;flex-grow:1}
.CourseMetaBox{display:flex;gap:20px;margin-bottom:18px;font-size:14px;color:#777}
.MetaItemData{display:flex;align-items:center;gap:6px}
.MetaIconSVG{width:16px;height:16px;fill:#EF9CA3}
.CoursePriceBox{background:linear-gradient(90deg,#6F4E8A 0%,#EF9CA3 100%);color:#fff;padding:12px 18px;border-radius:18px;font-size:15px;font-weight:500;margin-bottom:18px}
.CourseButtonLink{display:inline-block;background:#6F4E8A;color:#F8F8F8;padding:14px 32px;border-radius:20px;text-decoration:none;font-size:16px;font-weight:500;text-align:center;transition:background .3s ease,transform .2s ease}
.CourseButtonLink:hover{background:#5A3E6F;transform:scale(1.03)}
.BenefitsSectionBox{background:linear-gradient(135deg,#6f4e8a0f 0%,#ef9ca30f 100%);padding:60px 40px;border-radius:32px;margin-bottom:70px}
.BenefitsTitleText{font-size:36px;font-weight:600;color:#6F4E8A;text-align:center;margin:0 0 50px}
.BenefitsGridLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.BenefitItemBox{background:#fff;padding:32px 28px;border-radius:22px;box-shadow:0 8px 20px #0000000d;transition:transform .3s ease}
.BenefitItemBox:hover{transform:translateY(-6px)}
.BenefitIconBox{width:56px;height:56px;background:linear-gradient(135deg,#6F4E8A 0%,#EF9CA3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.BenefitIconSVG{width:28px;height:28px;fill:#F8F8F8}
.BenefitTitleText{font-size:20px;font-weight:600;color:#6F4E8A;margin:0 0 12px}
.BenefitDescriptionText{font-size:15px;color:#666;line-height:1.65;margin:0}
.TestimonialSectionBox{max-width:920px;margin:0 auto 70px;background:#fff;padding:50px 45px;border-radius:28px;box-shadow:0 12px 32px #6f4e8a1a}
.TestimonialTitleText{font-size:32px;font-weight:600;color:#6F4E8A;text-align:center;margin:0 0 40px}
.TestimonialItemBox{margin-bottom:35px}
.TestimonialItemBox:last-child{margin-bottom:0}
.TestimonialQuoteText{font-size:17px;color:#444;line-height:1.7;margin:0 0 18px;font-style:italic;position:relative;padding-left:30px}
.TestimonialQuoteText::before{content:'"';position:absolute;left:0;top:-8px;font-size:48px;color:#EF9CA3;font-family:Georgia,serif}
.TestimonialAuthorText{font-size:16px;font-weight:600;color:#6F4E8A}
@media (max-width: 768px) {
.HeroTitleText{font-size:36px}
.HeroSubText{font-size:18px}
.CourseGridLayout{grid-template-columns:1fr;gap:25px}
.BenefitsGridLayout{grid-template-columns:1fr}
.IntroSectionBox{padding:35px 25px}
.BenefitsSectionBox{padding:40px 25px}
.TestimonialSectionBox{padding:35px 25px}
}
@media (max-width: 480px) {
.CourseHeroBox{padding:60px 15px}
.HeroTitleText{font-size:28px}
.IntroTitleText{font-size:26px}
.BenefitsTitleText{font-size:28px}
.TestimonialTitleText{font-size:26px}
}
.SuccessWrap{min-height:90vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6F4E8A 0%,#EF9CA3 100%);position:relative;overflow:hidden;padding:60px 20px}
.SuccessWrap::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);animation:GlowPulse 8s ease-in-out infinite}
@keyframes GlowPulse {
0%,100%{transform:translate(0,0) scale(1);opacity:.3}
50%{transform:translate(10%,10%) scale(1.1);opacity:.6}
}
.SuccessContentBox{max-width:720px;width:100%;background:#f8f8f8fa;border-radius:32px;padding:80px 60px;text-align:center;position:relative;z-index:2;box-shadow:0 20px 60px #6f4e8a4d}
.IconCheckBox{width:120px;height:120px;margin:0 auto 40px;background:linear-gradient(135deg,#6F4E8A,#EF9CA3);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:ScaleBounce .6s ease-out}
@keyframes ScaleBounce {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.IconCheckBox svg{width:64px;height:64px;fill:none;stroke:#F8F8F8;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:DrawCheck .8s ease-out .3s both}
@keyframes DrawCheck {
0%{stroke-dasharray:0 100}
100%{stroke-dasharray:100 100}
}
.SuccessContentBox .MainHeading{font-size:42px;font-weight:700;color:#6F4E8A;margin:0 0 24px;line-height:1.2;animation:FadeSlideUp .6s ease-out .4s both}
@keyframes FadeSlideUp {
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
.SuccessContentBox .SubText{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0 0 48px;animation:FadeSlideUp .6s ease-out .6s both}
.ButtonGroupBox{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:FadeSlideUp .6s ease-out .8s both}
.ButtonPrimary{display:inline-block;padding:18px 40px;background:linear-gradient(135deg,#6F4E8A,#9370a8);color:#F8F8F8;text-decoration:none;border-radius:28px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 8px 24px #6f4e8a4d;position:relative;z-index:10}
.ButtonPrimary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #6f4e8a66;background:linear-gradient(135deg,#7d5a9e,#a584bc)}
.ButtonSecondary{display:inline-block;padding:18px 40px;background:transparent;color:#6F4E8A;text-decoration:none;border:2px solid #6F4E8A;border-radius:28px;font-size:16px;font-weight:600;transition:all .3s ease;position:relative;z-index:10}
.ButtonSecondary:hover{background:#6F4E8A;color:#F8F8F8;transform:translateY(-3px)}
.InfoBlockWrap{background:#F8F8F8;padding:100px 20px}
.InfoBlockContainer{max-width:1320px;margin:0 auto}
.InfoBlockGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.InfoCardItem{background:#fff;border-radius:24px;padding:48px 36px;text-align:center;transition:all .3s ease;border:2px solid transparent}
.InfoCardItem:hover{transform:translateY(-8px);border-color:#EF9CA3;box-shadow:0 16px 48px #ef9ca333}
.InfoCardItem .IconWrap{width:80px;height:80px;margin:0 auto 28px;background:linear-gradient(135deg,#6f4e8a1a,#ef9ca31a);border-radius:50%;display:flex;align-items:center;justify-content:center}
.InfoCardItem .IconWrap svg{width:40px;height:40px;stroke:#6F4E8A;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.InfoCardItem .CardTitle{font-size:22px;font-weight:700;color:#6F4E8A;margin:0 0 16px}
.InfoCardItem .CardDescription{font-size:16px;line-height:1.6;color:#666;margin:0}
@media (max-width: 1024px) {
.InfoBlockGrid{grid-template-columns:repeat(2,1fr);gap:32px}
}
@media (max-width: 768px) {
.SuccessContentBox{padding:60px 32px}
.SuccessContentBox .MainHeading{font-size:32px}
.SuccessContentBox .SubText{font-size:16px}
.ButtonGroupBox{flex-direction:column;gap:16px}
.ButtonPrimary,.ButtonSecondary{width:100%;padding:16px 32px}
.InfoBlockGrid{grid-template-columns:1fr;gap:24px}
.InfoCardItem{padding:36px 28px}
}
@media (max-width: 480px) {
.SuccessWrap{padding:40px 16px}
.IconCheckBox{width:100px;height:100px}
.IconCheckBox svg{width:52px;height:52px}
.SuccessContentBox .MainHeading{font-size:28px}
.InfoBlockWrap{padding:60px 20px}
}