@import "https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap";
html,body{margin:0;padding:0;font-family:'Inconsolata',monospace;font-size:16px;line-height:1.6;color:#1E2D55}
body{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);min-height:100vh;display:flex;flex-direction:column}
.SiteHeader{background:linear-gradient(162deg,#EB2A63 0%,#1E2D55 100%);box-shadow:0 4px 16px #1e2d5526;position:relative}
.HeaderTopRow{max-width:1140px;margin:0 auto;padding:24px 20px 16px;display:flex;justify-content:space-between;align-items:center}
.LogoHolder{display:flex;align-items:center}
.LogoHolder img{height:90px;width:90px;object-fit:contain;background:#fffffff2;border-radius:12px;padding:8px;box-shadow:0 4px 12px #0000001a}
.CompanyNameDisplay{color:#fff;font-size:32px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 8px #0003}
.HeaderBottomRow{background:#ffffff1f;backdrop-filter:blur(8px);border-top:1px solid #fff3}
.MainNavHolder{max-width:1140px;margin:0 auto;padding:0 20px}
.MainNavHolder nav{display:flex;gap:4px;padding:12px 0}
.MainNavHolder a{color:#fff;text-decoration:none;padding:12px 28px;font-weight:700;font-size:15px;border-radius:10px;transition:background .3s ease-in-out;letter-spacing:.5px}
.MainNavHolder a:hover{background:#ffffff2e}
.SiteFooter{background:linear-gradient(145deg,#EB2A63 0%,#8B1A3D 100%);color:#fff;margin-top:auto;padding:56px 20px 32px}
.FooterContent{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-bottom:48px}
.FooterBlock h3{font-size:20px;font-weight:700;margin-bottom:20px;letter-spacing:.5px}
.FooterBlock p,.FooterBlock a{color:#ffffffe6;text-decoration:none;line-height:1.8;display:block;margin-bottom:10px}
.FooterBlock a:hover{color:#99D8CF}
.FooterBlock i{margin-right:8px;opacity:.8}
.FooterBottomBar{max-width:1140px;margin:0 auto;padding-top:32px;border-top:1px solid #fff3;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.CopyrightText{color:#ffffffd9;font-size:14px}
.FooterLinkSet{display:flex;gap:24px}
.FooterLinkSet a{color:#ffffffd9;text-decoration:none;font-size:14px;transition:color .3s ease-in-out}
.FooterLinkSet a:hover{color:#99D8CF}
.CookieConsentBox{position:fixed;top:20px;left:20px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #1e2d5540;padding:28px;max-width:380px;z-index:10000;border:2px solid #EB2A63;display:none;animation:elasticEntry .6s ease-in-out}
@keyframes elasticEntry {
0%{transform:scale(0.3) rotate(-8deg);opacity:0}
50%{transform:scale(1.08) rotate(2deg)}
75%{transform:scale(0.95) rotate(-1deg)}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.CookieConsentBox.showing{display:block}
.CookieConsentBox h4{color:#1E2D55;margin:0 0 16px;font-size:19px;font-weight:700}
.CookieConsentBox p{color:#1E2D55;margin:0 0 20px;font-size:14px;line-height:1.6}
.CookieSettingsGroup{margin:20px 0;padding:16px;background:#f8f9fa;border-radius:8px}
.CookieToggleRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.CookieToggleRow label{font-size:14px;color:#1E2D55;font-weight:700}
.ToggleSwitch{position:relative;width:52px;height:28px}
.ToggleSwitch input{opacity:0;width:0;height:0}
.SliderTrack{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:28px;transition:background .3s ease-in-out}
.SliderTrack::before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:transform .3s ease-in-out}
.ToggleSwitch input:checked + .SliderTrack{background:#99D8CF}
.ToggleSwitch input:checked + .SliderTrack::before{transform:translateX(24px)}
.CookieActionButtons{display:flex;gap:12px;flex-wrap:wrap}
.CookieActionButtons button{flex:1;padding:12px 20px;border:none;border-radius:50px;font-family:'Inconsolata',monospace;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease-in-out;min-width:100px}
.AcceptAllButton{background:#EB2A63;color:#fff}
.AcceptAllButton:hover{background:#d12456;transform:translateY(-2px);box-shadow:0 4px 12px #eb2a634d}
.RejectAllButton{background:#e9ecef;color:#1E2D55}
.RejectAllButton:hover{background:#dee2e6}
.InfoPolicyButton{background:#99D8CF;color:#1E2D55;flex-basis:100%}
.InfoPolicyButton:hover{background:#88c7be}
.CookieSettingsIcon{position:fixed;bottom:24px;left:24px;width:52px;height:52px;background:#EB2A63;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #eb2a6366;z-index:9999;transition:all .3s ease-in-out}
.CookieSettingsIcon.showing{display:flex}
.CookieSettingsIcon:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #eb2a6380}
.CookieSettingsIcon i{color:#fff;font-size:24px}
@media (max-width: 768px) {
.HeaderTopRow{flex-direction:column;gap:20px;text-align:center}
.CompanyNameDisplay{font-size:24px}
.MainNavHolder nav{flex-direction:column;gap:8px}
.MainNavHolder a{text-align:center}
.FooterContent{grid-template-columns:1fr;gap:32px}
.FooterBottomBar{flex-direction:column;text-align:center}
.FooterLinkSet{flex-direction:column;gap:12px}
.CookieConsentBox{left:10px;right:10px;max-width:none;top:10px}
.CookieActionButtons{flex-direction:column}
.CookieActionButtons button{width:100%}
}
.j-policy-inner{max-width:1140px;margin:0 auto;padding:80px 20px;background:#fff}
.j-policy-inner h1{font-size:42px;line-height:1.2;color:#1E2D55;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.j-policy-inner h2{font-size:32px;line-height:1.3;color:#1E2D55;margin:56px 0 20px;font-weight:700;padding-top:24px;border-top:2px solid #99D8CF}
.j-policy-inner h3{font-size:24px;line-height:1.4;color:#EB2A63;margin:40px 0 16px;font-weight:600}
.j-policy-inner h4{font-size:20px;line-height:1.4;color:#1E2D55;margin:32px 0 12px;font-weight:600}
.j-policy-inner h5{font-size:18px;line-height:1.5;color:#1E2D55;margin:24px 0 12px;font-weight:600}
.j-policy-inner h6{font-size:16px;line-height:1.5;color:#1E2D55;margin:20px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.j-policy-inner p{font-size:17px;line-height:1.8;color:#333;margin:0 0 20px;font-weight:400}
.j-policy-inner ul{margin:0 0 24px;padding:0 0 0 24px;list-style-type:none}
.j-policy-inner ul li{font-size:17px;line-height:1.8;color:#333;margin:0 0 12px;padding-left:20px;position:relative}
.j-policy-inner ul li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#EB2A63 0%,#99D8CF 100%);border-radius:50%}
.j-policy-inner ol{margin:0 0 24px;padding:0 0 0 24px;list-style-position:outside}
.j-policy-inner ol li{font-size:17px;line-height:1.8;color:#333;margin:0 0 12px;padding-left:12px}
.j-policy-inner ol li::marker{color:#EB2A63;font-weight:600}
.j-policy-inner strong,.j-policy-inner b{font-weight:600;color:#1E2D55}
.j-policy-inner a{color:#EB2A63;text-decoration:underline;text-decoration-color:#eb2a634d;text-underline-offset:3px;transition:all .3s ease-in-out}
.j-policy-inner a:hover{color:#1E2D55;text-decoration-color:#1E2D55}
.j-policy-inner table{width:100%;border-collapse:collapse;margin:32px 0;background:#fff;box-shadow:0 2px 8px #1e2d5514;border-radius:12px;overflow:hidden}
.j-policy-inner thead{background:linear-gradient(135deg,#1E2D55 0%,#EB2A63 100%)}
.j-policy-inner thead tr th{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.j-policy-inner tbody tr{border-bottom:1px solid #f0f0f0;transition:background .3s ease-in-out}
.j-policy-inner tbody tr:last-child{border-bottom:none}
.j-policy-inner tbody tr:hover{background:#99d8cf14}
.j-policy-inner tbody tr td{padding:16px 20px;font-size:16px;line-height:1.6;color:#333}
.j-policy-inner th{font-weight:600}
.j-policy-inner div{margin:0}
@media (max-width: 768px) {
.j-policy-inner{padding:48px 16px}
.j-policy-inner h1{font-size:32px;margin-bottom:12px}
.j-policy-inner h2{font-size:26px;margin:40px 0 16px;padding-top:16px}
.j-policy-inner h3{font-size:22px;margin:32px 0 12px}
.j-policy-inner h4{font-size:19px;margin:24px 0 12px}
.j-policy-inner h5,.j-policy-inner h6{font-size:17px}
.j-policy-inner p,.j-policy-inner ul li,.j-policy-inner ol li{font-size:16px;line-height:1.7}
.j-policy-inner table{display:block;overflow-x:auto;margin:24px 0}
.j-policy-inner thead tr th,.j-policy-inner tbody tr td{padding:12px 16px;font-size:14px}
}
@media (max-width: 480px) {
.j-policy-inner{padding:32px 12px}
.j-policy-inner h1{font-size:28px}
.j-policy-inner h2{font-size:24px}
.j-policy-inner ul,.j-policy-inner ol{padding-left:20px}
.j-policy-inner ul li{padding-left:16px}
}
.LeadingVisual{max-width:1140px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;overflow:hidden}
.LeadingVisual::before{content:'';position:absolute;top:-50%;left:-30%;width:120%;height:200%;background:linear-gradient(135deg,#eb2a630d 0%,#99d8cf14 50%,#1e2d5508 100%);z-index:-1;border-radius:50%}
.LeadingVisual::after{content:'';position:absolute;bottom:-20%;right:-15%;width:400px;height:400px;background:linear-gradient(220deg,#99d8cf26,transparent);border-radius:40% 60% 70% 30%;z-index:-1}
.LeadingVisual .TextPortion{order:1}
.LeadingVisual .SublineText{font-size:16px;color:#EB2A63;font-weight:600;letter-spacing:.5px;margin-bottom:16px;display:block}
.LeadingVisual .MainTitle{font-size:48px;line-height:1.15;color:#1E2D55;margin-bottom:24px;font-weight:700}
.LeadingVisual .DescriptionPara{font-size:18px;line-height:1.7;color:#444;margin-bottom:32px}
.LeadingVisual .ActionBtn{display:inline-block;padding:16px 36px;background:linear-gradient(135deg,#EB2A63 0%,#d41e54 100%);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:16px;transition:all .3s ease-in-out;box-shadow:0 4px 12px #eb2a6340;position:relative;z-index:2}
.LeadingVisual .ActionBtn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #eb2a6359;background:linear-gradient(135deg,#d41e54 0%,#EB2A63 100%)}
.LeadingVisual .ImagePortion{order:2;position:relative}
.LeadingVisual .ImageHolder{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #1e2d5526}
.LeadingVisual .ImageHolder::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#eb2a6340,#1e2d5559);z-index:1;mix-blend-mode:multiply}
.LeadingVisual .ImageHolder img{width:100%;height:520px;object-fit:cover;display:block}
.ProgramStructureArea{max-width:1140px;margin:100px auto;padding:0 20px}
.ProgramStructureArea .SectionLabel{text-align:center;margin-bottom:60px}
.ProgramStructureArea .SectionLabel h2{font-size:38px;color:#1E2D55;margin-bottom:16px;font-weight:700}
.ProgramStructureArea .SectionLabel p{font-size:18px;color:#555;line-height:1.6;max-width:720px;margin:0 auto}
.ModuleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ModuleCard{background:#fff;border-radius:14px;padding:32px;box-shadow:0 6px 18px #1e2d5514;transition:all .3s ease-in-out;border:2px solid transparent;position:relative;overflow:hidden}
.ModuleCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#EB2A63,#99D8CF);opacity:0;transition:opacity .3s ease-in-out}
.ModuleCard:hover::before{opacity:1}
.ModuleCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #1e2d5526;border-color:#99D8CF}
.ModuleCard .ModuleNumber{font-size:14px;color:#EB2A63;font-weight:700;margin-bottom:12px;display:block;letter-spacing:1px}
.ModuleCard h3{font-size:22px;color:#1E2D55;margin-bottom:14px;font-weight:700}
.ModuleCard .ModuleDesc{font-size:16px;color:#666;line-height:1.6;margin-bottom:20px}
.ModuleCard .TopicsList{list-style:none;padding:0;margin:0}
.ModuleCard .TopicsList li{font-size:15px;color:#555;padding:8px 0;padding-left:28px;position:relative}
.ModuleCard .TopicsList li::before{content:'';position:absolute;left:0;top:14px;width:16px;height:16px;background:linear-gradient(135deg,#99D8CF,#7bc4ba);border-radius:50%}
.LearningOutcomesSection{background:linear-gradient(155deg,#1e2d550a 0%,#99d8cf0f 100%);padding:90px 0;margin-top:100px}
.LearningOutcomesSection .ContentWrapper{max-width:1140px;margin:0 auto;padding:0 20px;display:flex;gap:70px;align-items:center}
.LearningOutcomesSection .TextColumn{flex:1}
.LearningOutcomesSection .TextColumn h2{font-size:36px;color:#1E2D55;margin-bottom:20px;font-weight:700}
.LearningOutcomesSection .TextColumn .IntroText{font-size:17px;color:#555;line-height:1.7;margin-bottom:32px}
.OutcomeList{list-style:none;padding:0;margin:0}
.OutcomeList li{font-size:16px;color:#444;padding:16px 0;padding-left:50px;position:relative;line-height:1.6;border-bottom:1px solid #99d8cf40}
.OutcomeList li:last-child{border-bottom:none}
.OutcomeList li::before{content:'';position:absolute;left:0;top:16px;width:32px;height:32px;background:linear-gradient(135deg,#EB2A63,#d41e54);border-radius:8px;display:flex;align-items:center;justify-content:center}
.OutcomeList li::after{content:'✓';position:absolute;left:9px;top:21px;color:#fff;font-size:16px;font-weight:700}
.LearningOutcomesSection .ImageColumn{flex:0 0 420px}
.LearningOutcomesSection .ImageColumn img{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 14px 36px #1e2d5533}
.InstructorShowcase{max-width:1140px;margin:100px auto;padding:0 20px}
.InstructorShowcase .SectionHeading{text-align:center;margin-bottom:70px}
.InstructorShowcase .SectionHeading h2{font-size:38px;color:#1E2D55;margin-bottom:16px;font-weight:700;position:relative;display:inline-block}
.InstructorShowcase .SectionHeading h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#EB2A63,#99D8CF);border-radius:2px}
.InstructorShowcase .SectionHeading p{font-size:17px;color:#555;line-height:1.6;margin-top:24px}
.InstructorLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.InstructorProfile{display:flex;gap:28px;background:#fff;padding:36px;border-radius:16px;box-shadow:0 8px 24px #1e2d551a;transition:all .3s ease-in-out}
.InstructorProfile:hover{transform:translateY(-4px);box-shadow:0 14px 36px #1e2d5526}
.InstructorProfile .ProfileImage{flex:0 0 140px}
.InstructorProfile .ProfileImage img{width:140px;height:140px;object-fit:cover;border-radius:12px;border:3px solid #99D8CF}
.InstructorProfile .ProfileInfo{flex:1}
.InstructorProfile .ProfileInfo h3{font-size:24px;color:#1E2D55;margin-bottom:8px;font-weight:700}
.InstructorProfile .ProfileInfo .RoleTitle{font-size:15px;color:#EB2A63;font-weight:600;margin-bottom:16px;display:block}
.InstructorProfile .ProfileInfo .BioPara{font-size:15px;color:#555;line-height:1.7;margin-bottom:18px}
.InstructorProfile .ProfileInfo .ExpertiseLabel{font-size:14px;color:#1E2D55;font-weight:600;margin-bottom:10px;display:block}
.SkillBadges{display:flex;flex-wrap:wrap;gap:8px}
.SkillBadges .Badge{font-size:13px;color:#1E2D55;background:#99d8cf33;padding:6px 14px;border-radius:20px;font-weight:500}
@media (max-width: 1024px) {
.LeadingVisual{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.LeadingVisual .TextPortion{order:2}
.LeadingVisual .ImagePortion{order:1}
.LeadingVisual .MainTitle{font-size:38px}
.ModuleGrid{grid-template-columns:repeat(2,1fr);gap:28px}
.LearningOutcomesSection .ContentWrapper{flex-direction:column;gap:50px}
.LearningOutcomesSection .ImageColumn{flex:1;width:100%}
.InstructorLayout{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.LeadingVisual .MainTitle{font-size:32px}
.LeadingVisual .DescriptionPara{font-size:16px}
.LeadingVisual .ImageHolder img{height:380px}
.ProgramStructureArea .SectionLabel h2,.InstructorShowcase .SectionHeading h2{font-size:30px}
.ModuleGrid{grid-template-columns:1fr;gap:24px}
.LearningOutcomesSection .TextColumn h2{font-size:30px}
.LearningOutcomesSection .ImageColumn img{height:360px}
.InstructorProfile{flex-direction:column;gap:20px}
.InstructorProfile .ProfileImage{flex:1;text-align:center}
.InstructorProfile .ProfileImage img{width:120px;height:120px}
}
.TitleBlockLayout{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden}
.TitleBlockLayout .ImageBackdrop{position:absolute;top:0;right:0;width:48%;height:100%;background-image:url(./illustrations/CONTENT-IMAGE-7.jpg);background-size:cover;background-position:center;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}
.TitleBlockLayout .ImageBackdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#1e2d55b3 0%,#eb2a634d 100%)}
.TitleBlockLayout .ContentWrap{position:relative;z-index:2;max-width:1140px;margin:0 auto;padding:80px 24px;width:100%}
.TitleBlockLayout .HeadingArea{max-width:580px}
.TitleBlockLayout .MainHeading{font-size:52px;font-weight:700;color:#1E2D55;line-height:1.15;margin:0 0 24px;position:relative}
.TitleBlockLayout .MainHeading::before{content:'';position:absolute;left:-8px;top:-12px;width:72px;height:6px;background:linear-gradient(90deg,#EB2A63 0%,#99D8CF 100%);border-radius:3px}
.TitleBlockLayout .DescriptionText{font-size:18px;line-height:1.7;color:#444;margin:0 0 32px}
.TitleBlockLayout .DecorativeLine{width:120px;height:3px;background:linear-gradient(90deg,#99D8CF 0%,transparent 100%);margin:32px 0 0}
.ShowcaseHolder{max-width:1140px;margin:0 auto;padding:96px 24px}
.ShowcaseHolder .SectionLabel{font-size:14px;font-weight:600;color:#EB2A63;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 16px;display:inline-block;position:relative;padding-left:24px}
.ShowcaseHolder .SectionLabel::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:2px;background:#EB2A63}
.ShowcaseHolder .SectionHeading{font-size:42px;font-weight:700;color:#1E2D55;line-height:1.2;margin:0 0 48px;max-width:680px}
.ProjectGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ProjectCard{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #1e2d5514;transition:all .35s ease-in-out;position:relative}
.ProjectCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #1e2d5529}
.ProjectCard .ImageFrame{position:relative;width:100%;height:240px;overflow:hidden}
.ProjectCard .ImageFrame img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-in-out}
.ProjectCard:hover .ImageFrame img{transform:scale(1.08)}
.ProjectCard .BadgeTag{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#EB2A63 0%,#99D8CF 100%);color:#fff;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;letter-spacing:.5px;z-index:2}
.ProjectCard .DetailHolder{padding:28px 24px}
.ProjectCard .ProjectTitle{font-size:22px;font-weight:700;color:#1E2D55;line-height:1.3;margin:0 0 12px}
.ProjectCard .AuthorLine{font-size:14px;color:#666;margin:0 0 16px;display:flex;align-items:center;gap:8px}
.ProjectCard .AuthorLine::before{content:'';width:6px;height:6px;background:#99D8CF;border-radius:50%}
.ProjectCard .DescriptionSnippet{font-size:15px;line-height:1.6;color:#555;margin:0 0 20px}
.ProjectCard .SkillTagRow{display:flex;flex-wrap:wrap;gap:8px}
.ProjectCard .SkillTag{font-size:12px;color:#1E2D55;background:#99d8cf33;padding:5px 12px;border-radius:6px;font-weight:500}
.ComparisonSection{background:linear-gradient(165deg,#1E2D55 0%,#2a3f6f 100%);padding:96px 24px;position:relative;overflow:hidden}
.ComparisonSection::before{content:'';position:absolute;top:-120px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,#99d8cf26 0%,transparent 70%);border-radius:50%}
.ComparisonSection::after{content:'';position:absolute;bottom:-100px;left:-60px;width:320px;height:320px;background:radial-gradient(circle,#eb2a631f 0%,transparent 70%);border-radius:50%}
.ComparisonSection .ContentWrapper{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.ComparisonSection .IntroHeading{font-size:38px;font-weight:700;color:#fff;line-height:1.25;margin:0 0 20px;text-align:center}
.ComparisonSection .IntroDescription{font-size:17px;line-height:1.65;color:#ffffffd9;margin:0 auto 64px;text-align:center;max-width:720px}
.ComparisonGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.ComparisonCard{background:#ffffff0d;border:2px solid #99d8cf33;border-radius:12px;padding:36px 32px;transition:all .35s ease-in-out;position:relative}
.ComparisonCard:hover{background:#ffffff14;border-color:#99d8cf66;transform:translateY(-4px)}
.ComparisonCard .CardIcon{width:56px;height:56px;background:linear-gradient(135deg,#EB2A63 0%,#99D8CF 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.ComparisonCard .CardIcon svg{width:28px;height:28px;fill:#fff}
.ComparisonCard .CardTitle{font-size:24px;font-weight:700;color:#fff;line-height:1.3;margin:0 0 16px}
.ComparisonCard .CardText{font-size:15px;line-height:1.7;color:#fffc;margin:0 0 24px}
.ComparisonCard .FeatureList{list-style:none;padding:0;margin:0}
.ComparisonCard .FeatureList li{font-size:14px;color:#ffffffbf;line-height:1.6;margin:0 0 12px;padding-left:28px;position:relative}
.ComparisonCard .FeatureList li::before{content:'';position:absolute;left:0;top:6px;width:16px;height:16px;background:#99D8CF;border-radius:3px;clip-path:polygon(20% 50%,40% 70%,80% 20%,75% 15%,40% 60%,25% 45%)}
.TestimonialWrap{max-width:1140px;margin:0 auto;padding:96px 24px}
.TestimonialWrap .TopLabel{font-size:14px;font-weight:600;color:#99D8CF;letter-spacing:1.6px;text-transform:uppercase;margin:0 0 12px;text-align:center}
.TestimonialWrap .MainTitle{font-size:40px;font-weight:700;color:#1E2D55;line-height:1.25;margin:0 auto 56px;text-align:center;max-width:640px}
.TestimonialLayout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.TestimonialBox{background:#fff;border:2px solid #f0f0f0;border-radius:16px;padding:40px;position:relative;transition:all .3s ease-in-out}
.TestimonialBox:hover{border-color:#99D8CF;box-shadow:0 8px 24px #1e2d551a}
.TestimonialBox .QuoteMark{position:absolute;top:32px;right:32px;width:48px;height:48px;opacity:.15}
.TestimonialBox .QuoteMark svg{width:100%;height:100%;fill:#EB2A63}
.TestimonialBox .TestimonialContent{font-size:16px;line-height:1.75;color:#444;margin:0 0 28px;position:relative;z-index:1}
.TestimonialBox .AuthorInfo{display:flex;align-items:center;gap:16px}
.TestimonialBox .AuthorPhoto{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #99D8CF}
.TestimonialBox .AuthorDetails{flex:1}
.TestimonialBox .AuthorName{font-size:18px;font-weight:700;color:#1E2D55;line-height:1.3;margin:0 0 4px}
.TestimonialBox .AuthorRole{font-size:14px;color:#666;line-height:1.4;margin:0}
.TestimonialBox .ProjectLink{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:#EB2A63;text-decoration:none;transition:color .25s ease-in-out}
.TestimonialBox .ProjectLink:hover{color:#99D8CF}
@media (max-width: 1024px) {
.TitleBlockLayout .ImageBackdrop{width:45%}
.TitleBlockLayout .MainHeading{font-size:44px}
.ProjectGrid{grid-template-columns:repeat(2,1fr);gap:28px}
.ComparisonGrid{gap:24px}
.TestimonialLayout{gap:36px}
}
@media (max-width: 768px) {
.TitleBlockLayout{min-height:360px}
.TitleBlockLayout .ImageBackdrop{width:100%;height:50%;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}
.TitleBlockLayout .ContentWrap{padding:60px 20px}
.TitleBlockLayout .MainHeading{font-size:36px}
.TitleBlockLayout .DescriptionText{font-size:16px}
.ShowcaseHolder{padding:72px 20px}
.ShowcaseHolder .SectionHeading{font-size:32px}
.ProjectGrid{grid-template-columns:1fr;gap:24px}
.ComparisonSection{padding:72px 20px}
.ComparisonSection .IntroHeading{font-size:30px}
.ComparisonGrid{grid-template-columns:1fr}
.TestimonialWrap{padding:72px 20px}
.TestimonialWrap .MainTitle{font-size:32px}
.TestimonialLayout{grid-template-columns:1fr;gap:28px}
.TestimonialBox{padding:32px 24px}
}
@media (max-width: 480px) {
.TitleBlockLayout .MainHeading{font-size:28px}
.ShowcaseHolder .SectionHeading{font-size:26px}
.ProjectCard .ImageFrame{height:200px}
.ProjectCard .DetailHolder{padding:24px 20px}
.ComparisonSection .IntroHeading{font-size:26px}
.ComparisonCard{padding:28px 24px}
.TestimonialWrap .MainTitle{font-size:26px}
}
.heroHolder{position:relative;max-width:1140px;margin:0 auto 80px;padding:60px 20px;overflow:hidden}
.heroGeometricBackground{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(127deg,#99D8CF 0%,#1E2D55 100%);animation:gradientShiftHero 12s ease-in-out infinite}
@keyframes gradientShiftHero {
0%,100%{background:linear-gradient(127deg,#99D8CF 0%,#1E2D55 100%)}
50%{background:linear-gradient(127deg,#1E2D55 0%,#EB2A63 100%)}
}
.heroGeometricBackground::before{content:'';position:absolute;top:-20%;right:-10%;width:60%;height:140%;background:linear-gradient(217deg,#eb2a634d 0%,transparent 70%);transform:rotate(-15deg)}
.heroGeometricBackground::after{content:'';position:absolute;bottom:-30%;left:-15%;width:70%;height:150%;background:linear-gradient(45deg,#99d8cf40 0%,transparent 60%);transform:rotate(25deg)}
.heroContentWrapper{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;gap:60px}
.heroTextSection{flex:1;max-width:560px}
.heroMainHeading{font-size:52px;font-weight:700;color:#fff;line-height:1.2;margin:0 0 32px;text-shadow:0 2px 8px #00000026}
.heroDescription{font-size:19px;line-height:1.7;color:#fff;margin:0;text-shadow:0 1px 4px #0000001a}
.heroImageSection{flex:1;position:relative;display:flex;justify-content:center;align-items:center}
.heroImageCutout{width:100%;max-width:480px;height:auto;border-radius:16px;box-shadow:0 12px 32px #00000040 0 4px 12px #00000026;transition:transform .4s ease-in-out,box-shadow .4s ease-in-out}
.heroImageCutout:hover{transform:translateY(-8px);box-shadow:0 20px 48px #0000004d 0 8px 16px #0003}
.directionsWrapper{max-width:1140px;margin:0 auto 100px;padding:0 20px}
.directionsTitle{font-size:42px;font-weight:700;color:#1E2D55;margin:0 0 48px;text-align:center;position:relative}
.directionsTitle::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#EB2A63 0%,#99D8CF 100%);border-radius:2px}
.directionsGridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.directionCardUnit{background:#fff;border-radius:12px;padding:36px 28px;box-shadow:0 4px 16px #00000014;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;position:relative;overflow:hidden}
.directionCardUnit::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#EB2A63 0%,#99D8CF 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease-in-out}
.directionCardUnit:hover::before{transform:scaleX(1)}
.directionCardUnit:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0000001f}
.directionIconHolder{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#99D8CF 0%,#EB2A63 100%);display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.directionIconHolder i{font-size:32px;color:#fff}
.directionCardHeading{font-size:24px;font-weight:600;color:#1E2D55;margin:0 0 14px}
.directionCardText{font-size:16px;line-height:1.6;color:#4a5568;margin:0}
.interactionSection{background:linear-gradient(165deg,#1E2D55 0%,#99D8CF 100%);padding:80px 20px;margin:0 0 100px;position:relative;overflow:hidden}
.interactionSection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#eb2a6333 0%,transparent 70%);border-radius:50%}
.interactionContentHolder{max-width:1140px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:60px;position:relative;z-index:2}
.interactionImageZone{flex:1;display:flex;justify-content:center}
.interactionVisual{width:100%;max-width:480px;height:auto;border-radius:16px;box-shadow:0 16px 40px #0000004d}
.interactionTextZone{flex:1}
.interactionHeading{font-size:38px;font-weight:700;color:#fff;margin:0 0 24px}
.interactionDescription{font-size:18px;line-height:1.7;color:#fff;margin:0 0 36px}
.interactionFeaturesList{display:flex;flex-direction:column;gap:18px;list-style:none;padding:0;margin:0}
.interactionFeatureItem{display:flex;align-items:flex-start;gap:14px}
.interactionFeatureItem::before{content:'✓';flex-shrink:0;width:28px;height:28px;background:#EB2A63;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}
.interactionFeatureText{font-size:17px;line-height:1.6;color:#fff;margin:4px 0 0}
.certificationArea{max-width:1140px;margin:0 auto 100px;padding:0 20px}
.certificationSplitLayout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.certificationImageContainer{position:relative}
.certificationPhoto{width:100%;height:auto;border-radius:16px;box-shadow:0 8px 24px #0000001f}
.certificationTextContainer{display:flex;flex-direction:column}
.certificationLabel{font-size:14px;font-weight:600;color:#EB2A63;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 12px}
.certificationMainTitle{font-size:40px;font-weight:700;color:#1E2D55;margin:0 0 24px;line-height:1.3}
.certificationParagraph{font-size:17px;line-height:1.8;color:#4a5568;margin:0 0 20px}
.certificationHighlightBox{background:linear-gradient(135deg,#99d8cf26 0%,#eb2a6326 100%);border-left:4px solid #EB2A63;padding:24px;border-radius:8px;margin:28px 0 0}
.certificationHighlightText{font-size:18px;font-weight:600;color:#1E2D55;margin:0 0 10px}
.certificationHighlightDetail{font-size:16px;line-height:1.6;color:#4a5568;margin:0}
.testimonialZone{background:#f7fafc;padding:80px 20px;margin:0}
.testimonialInnerHolder{max-width:1140px;margin:0 auto}
.testimonialTopTitle{font-size:38px;font-weight:700;color:#1E2D55;text-align:center;margin:0 0 56px}
.testimonialFlexContainer{display:flex;flex-direction:row;gap:44px;align-items:center}
.testimonialPersonImageHolder{flex-shrink:0}
.testimonialPersonPhoto{width:180px;height:180px;border-radius:50%;object-fit:cover;box-shadow:0 8px 24px #0000001f;border:6px solid #fff}
.testimonialContentBox{flex:1;background:#fff;padding:36px;border-radius:16px;box-shadow:0 4px 16px #00000014;position:relative}
.testimonialContentBox::before{content:'"';position:absolute;top:-20px;left:32px;font-size:120px;font-weight:700;color:#eb2a6326;line-height:1}
.testimonialQuoteText{font-size:18px;line-height:1.7;color:#2d3748;margin:0 0 24px;position:relative;z-index:2}
.testimonialAuthorName{font-size:20px;font-weight:600;color:#1E2D55;margin:0 0 6px}
.testimonialAuthorRole{font-size:16px;color:#718096;margin:0}
@media (max-width: 1024px) {
.heroContentWrapper{flex-direction:column;gap:40px}
.heroMainHeading{font-size:42px}
.directionsGridLayout{grid-template-columns:repeat(2,1fr);gap:28px}
.interactionContentHolder{flex-direction:column;gap:40px}
.certificationSplitLayout{grid-template-columns:1fr;gap:40px}
.testimonialFlexContainer{flex-direction:column;gap:32px}
}
@media (max-width: 768px) {
.heroHolder{margin:0 auto 60px;padding:40px 20px}
.heroMainHeading{font-size:34px;margin:0 0 24px}
.heroDescription{font-size:17px}
.directionsWrapper{margin:0 auto 80px}
.directionsTitle{font-size:32px;margin:0 0 36px}
.directionsGridLayout{grid-template-columns:1fr;gap:24px}
.interactionSection{padding:60px 20px;margin:0 0 80px}
.interactionHeading{font-size:30px}
.certificationMainTitle{font-size:32px}
.testimonialZone{padding:60px 20px}
.testimonialTopTitle{font-size:30px;margin:0 0 40px}
.testimonialPersonPhoto{width:140px;height:140px}
}
.ContactPage{max-width:1140px;margin:0 auto;padding:0 20px}
.IntroBlock{background:linear-gradient(128deg,#1E2D55 0%,#EB2A63 55%,#99D8CF 100%);border-radius:12px;padding:80px 60px;margin:60px 0;position:relative;overflow:hidden}
.IntroBlock::before{content:'';position:absolute;width:300px;height:300px;background:#ffffff14;border-radius:50%;top:-100px;right:-80px}
.IntroBlock::after{content:'';position:absolute;width:200px;height:200px;background:#ffffff0d;border-radius:50%;bottom:-50px;left:-60px}
.IntroBlock .ContentWrapper{position:relative;z-index:2;color:#fff}
.IntroBlock .MainHeading{font-size:2.8rem;font-weight:700;margin:0 0 30px;line-height:1.2}
.IntroBlock .ThesisList{list-style:none;padding:0;margin:0}
.IntroBlock .ThesisList li{font-size:1.15rem;line-height:1.7;margin-bottom:18px;padding-left:35px;position:relative}
.IntroBlock .ThesisList li::before{content:'';position:absolute;left:0;top:10px;width:20px;height:2px;background:#99D8CF}
.ContactMethodsSection{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:70px 0}
.MethodCard{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:2px solid #99D8CF;border-radius:14px;padding:40px 30px;text-align:center;transition:all .35s ease-in-out;position:relative}
.MethodCard:hover{transform:translateY(-8px);box-shadow:0 12px 28px #1e2d5526;border-color:#EB2A63}
.MethodCard .IconHolder{width:70px;height:70px;margin:0 auto 25px;background:linear-gradient(135deg,#EB2A63,#99D8CF);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}
.MethodCard .MethodTitle{font-size:1.4rem;font-weight:600;color:#1E2D55;margin:0 0 15px}
.MethodCard .MethodDetail{font-size:1.05rem;color:#555;line-height:1.6;margin:0}
.MethodCard .ActionLink{display:inline-block;margin-top:20px;padding:12px 28px;background:#EB2A63;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease-in-out}
.MethodCard .ActionLink:hover{background:#1E2D55;transform:scale(1.05)}
.FormAreaSection{background:#fff;border-radius:14px;padding:60px 50px;margin:70px 0;box-shadow:0 8px 24px #1e2d551f}
.FormAreaSection .SectionHeading{font-size:2.2rem;font-weight:700;color:#1E2D55;margin:0 0 15px;text-align:center}
.FormAreaSection .SectionSubtext{font-size:1.1rem;color:#666;text-align:center;margin:0 0 45px;line-height:1.6}
.ContactFormElement{max-width:700px;margin:0 auto}
.FormFieldGroup{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px}
.InputWrapper{display:flex;flex-direction:column}
.InputWrapper label{font-size:.95rem;font-weight:600;color:#1E2D55;margin-bottom:8px}
.InputWrapper input,.InputWrapper select,.InputWrapper textarea{padding:14px 18px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease-in-out;background:#f9f9f9}
.InputWrapper input:focus,.InputWrapper select:focus,.InputWrapper textarea:focus{outline:none;border-color:#EB2A63;background:#fff;box-shadow:0 4px 12px #eb2a6326}
.FullWidthInput{grid-column:1 / -1}
.InputWrapper textarea{resize:vertical;min-height:140px;font-family:inherit}
.PreferenceGroup{margin:30px 0;padding:25px;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:10px;border-left:4px solid #99D8CF}
.PreferenceGroup .GroupLabel{font-size:1.05rem;font-weight:600;color:#1E2D55;margin:0 0 18px}
.TimeSlotOptions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.TimeSlotOptions label{display:flex;align-items:center;cursor:pointer;padding:10px 15px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease-in-out}
.TimeSlotOptions input[type="radio"]{margin-right:10px;width:18px;height:18px;cursor:pointer}
.TimeSlotOptions label:hover{border-color:#EB2A63;background:#fff5f8}
.TimeSlotOptions input[type="radio"]:checked + span{color:#EB2A63;font-weight:600}
.PrivacyAgreement{margin:30px 0;display:flex;align-items:flex-start;gap:12px}
.PrivacyAgreement input[type="checkbox"]{width:20px;height:20px;cursor:pointer;flex-shrink:0;margin-top:2px}
.PrivacyAgreement label{font-size:.95rem;color:#555;line-height:1.6;cursor:pointer}
.PrivacyAgreement a{color:#EB2A63;text-decoration:none;font-weight:600;transition:color .3s ease-in-out}
.PrivacyAgreement a:hover{color:#1E2D55;text-decoration:underline}
.SubmitButtonHolder{text-align:center;margin-top:35px}
.SubmitButtonHolder button{padding:16px 50px;background:linear-gradient(135deg,#EB2A63 0%,#1E2D55 100%);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .35s ease-in-out;box-shadow:0 6px 18px #eb2a634d}
.SubmitButtonHolder button:hover{transform:translateY(-3px);box-shadow:0 10px 28px #eb2a6366}
.LocationDetailsSection{background:linear-gradient(115deg,#1E2D55 0%,#99D8CF 100%);border-radius:14px;padding:60px 50px;margin:70px 0;color:#fff;position:relative;overflow:hidden}
.LocationDetailsSection::before{content:'';position:absolute;width:250px;height:250px;background:#ffffff0f;border-radius:50%;top:-80px;left:-70px}
.LocationDetailsSection .DetailGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;position:relative;z-index:2}
.LocationDetailsSection .DetailItem{display:flex;flex-direction:column;gap:12px}
.LocationDetailsSection .DetailLabel{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;opacity:.85;font-weight:500}
.LocationDetailsSection .DetailValue{font-size:1.25rem;font-weight:600;line-height:1.5}
.WorkingHoursBlock{background:#f8f9fa;border-radius:12px;padding:50px 40px;margin:70px 0 50px;text-align:center}
.WorkingHoursBlock .BlockTitle{font-size:1.9rem;font-weight:700;color:#1E2D55;margin:0 0 30px}
.WorkingHoursBlock .HoursInfo{font-size:1.15rem;color:#555;line-height:1.8;margin:0}
@media (max-width: 768px) {
.IntroBlock{padding:50px 30px}
.IntroBlock .MainHeading{font-size:2rem}
.IntroBlock .ThesisList li{font-size:1rem}
.FormFieldGroup{grid-template-columns:1fr}
.FormAreaSection{padding:40px 25px}
.TimeSlotOptions{grid-template-columns:1fr}
.LocationDetailsSection{padding:40px 25px}
.LocationDetailsSection .DetailGrid{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 480px) {
.IntroBlock .MainHeading{font-size:1.6rem}
.FormAreaSection .SectionHeading{font-size:1.7rem}
.MethodCard{padding:30px 20px}
.SubmitButtonHolder button{width:100%;padding:14px 30px}
}
.IntroductionWrap{background:linear-gradient(142deg,#f8f9fa 0%,#e8eef3 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.IntroductionWrap::before{content:'';position:absolute;top:-50px;right:-80px;width:300px;height:300px;background:linear-gradient(220deg,#eb2a631f,#99d8cf26);border-radius:50%;z-index:1}
.IntroductionWrap::after{content:'';position:absolute;bottom:-100px;left:-60px;width:400px;height:400px;background:linear-gradient(45deg,#1e2d5514,#99d8cf1a);border-radius:50%;z-index:1}
.IntroHolder{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.IntroVisualGrid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.IntroImageSection{position:relative}
.IntroImageSection img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #1e2d5526;position:relative}
.IntroImageSection::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,#1e2d554d 100%);border-radius:12px;pointer-events:none;z-index:1}
.IntroTextContent h1{font-size:2.8rem;line-height:1.2;margin:0 0 28px;color:#1E2D55}
.IntroTextContent h1 .AccentedPhrase{display:inline-block;position:relative;color:#EB2A63}
.IntroTextContent h1 .AccentedPhrase::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,#EB2A63,#99D8CF);border-radius:2px}
.IntroTextContent p{font-size:1.1rem;line-height:1.75;color:#4a5568;margin:0 0 18px}
.GeometricAccent{position:absolute;width:80px;height:80px;border:3px solid #99d8cf66;border-radius:50%;top:15%;left:-40px;z-index:0}
.GeometricAccentTwo{position:absolute;width:60px;height:60px;background:linear-gradient(135deg,#eb2a6326,transparent);transform:rotate(45deg);bottom:20%;right:-20px;z-index:0}
.HistorySection{padding:90px 20px;background:linear-gradient(180deg,#fff 0%,#f4f7fa 100%)}
.HistoryContained{max-width:1140px;margin:0 auto}
.HistoryLayout{display:flex;gap:80px;align-items:flex-start}
.HistoryVisualColumn{flex:0 0 420px;position:relative}
.HistoryVisualColumn img{width:100%;height:480px;object-fit:cover;border-radius:10px;box-shadow:0 12px 32px #1e2d551f}
.HistoryVisualColumn::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;border:2px solid #eb2a6333;border-radius:10px;z-index:-1}
.HistoryContentColumn{flex:1}
.HistoryContentColumn h2{font-size:2.4rem;color:#1E2D55;margin:0 0 32px;position:relative;padding-left:20px}
.HistoryContentColumn h2::before{content:'';position:absolute;left:0;top:8px;width:5px;height:60%;background:linear-gradient(180deg,#EB2A63,#99D8CF);border-radius:3px}
.HistoryContentColumn p{font-size:1.05rem;line-height:1.8;color:#4a5568;margin:0 0 22px}
.HistoryContentColumn p:last-of-type{margin-bottom:0}
.TeamShowcase{padding:85px 20px;background:#fff}
.TeamContained{max-width:1140px;margin:0 auto}
.TeamShowcase h2{font-size:2.5rem;color:#1E2D55;text-align:center;margin:0 0 60px;position:relative}
.TeamShowcase h2::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#EB2A63,#99D8CF);border-radius:2px}
.TeamMemberGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.PersonCard{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:12px;padding:40px;box-shadow:0 6px 20px #1e2d5514;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;position:relative}
.PersonCard:hover{transform:translateY(-6px);box-shadow:0 12px 36px #1e2d5524}
.PersonCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#EB2A63,#99D8CF);border-radius:12px 12px 0 0}
.PersonImageArea{margin-bottom:28px}
.PersonImageArea img{width:100%;height:280px;object-fit:cover;border-radius:8px}
.PersonTextArea h3{font-size:1.6rem;color:#1E2D55;margin:0 0 8px}
.PersonTextArea h4{font-size:1rem;color:#EB2A63;margin:0 0 18px;font-weight:600}
.PersonTextArea p{font-size:1rem;line-height:1.7;color:#4a5568;margin:0}
.ValueProposition{padding:95px 20px;background:linear-gradient(225deg,#1E2D55 0%,#2a3f6e 100%);position:relative;overflow:hidden}
.ValueProposition::before{content:'';position:absolute;top:-100px;right:-100px;width:350px;height:350px;background:radial-gradient(circle,#99d8cf26,transparent);border-radius:50%}
.ValueProposition::after{content:'';position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,#eb2a631f,transparent);border-radius:50%}
.ValueHolder{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.ValueHolder h2{font-size:2.6rem;color:#fff;text-align:center;margin:0 0 50px}
.PrincipleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.PrincipleBlock{background:#ffffff0f;border:1px solid #99d8cf33;border-radius:10px;padding:35px 30px;transition:background .3s ease-in-out,border-color .3s ease-in-out}
.PrincipleBlock:hover{background:#ffffff1a;border-color:#99d8cf66}
.PrincipleIconHolder{width:60px;height:60px;background:linear-gradient(135deg,#EB2A63,#99D8CF);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.PrincipleIconHolder i{font-size:1.6rem;color:#fff}
.PrincipleBlock h3{font-size:1.4rem;color:#fff;margin:0 0 14px}
.PrincipleBlock p{font-size:1rem;line-height:1.7;color:#ffffffd9;margin:0}
.ApproachSection{padding:90px 20px;background:#f8f9fa}
.ApproachContained{max-width:1140px;margin:0 auto}
.ApproachHeader{text-align:center;margin-bottom:70px}
.ApproachHeader h2{font-size:2.5rem;color:#1E2D55;margin:0 0 20px}
.ApproachHeader p{font-size:1.15rem;color:#4a5568;max-width:700px;margin:0 auto;line-height:1.7}
.ProcessTimeline{display:flex;flex-direction:column;gap:50px}
.TimelinePhase{display:grid;grid-template-columns:380px 1fr;gap:50px;align-items:center}
.TimelinePhase:nth-child(even){grid-template-columns:1fr 380px}
.TimelinePhase:nth-child(even) .PhaseVisual{order:2}
.TimelinePhase:nth-child(even) .PhaseContent{order:1}
.PhaseVisual{position:relative}
.PhaseVisual img{width:100%;height:320px;object-fit:cover;border-radius:10px;box-shadow:0 8px 24px #1e2d551f}
.PhaseNumber{position:absolute;top:-15px;left:-15px;width:50px;height:50px;background:linear-gradient(135deg,#EB2A63,#99D8CF);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #eb2a6366}
.PhaseContent h3{font-size:1.8rem;color:#1E2D55;margin:0 0 18px}
.PhaseContent p{font-size:1.05rem;line-height:1.8;color:#4a5568;margin:0 0 16px}
.PhaseHighlight{background:linear-gradient(135deg,#99d8cf26,#eb2a6314);border-left:4px solid #99D8CF;padding:18px 24px;border-radius:6px;margin-top:20px}
.PhaseHighlight p{font-size:.95rem;line-height:1.7;color:#1E2D55;margin:0;font-weight:500}
@media (max-width: 1024px) {
.IntroVisualGrid{grid-template-columns:1fr;gap:40px}
.HistoryLayout{flex-direction:column;gap:50px}
.HistoryVisualColumn{flex:0 0 auto;width:100%}
.TeamMemberGrid{grid-template-columns:1fr;gap:40px}
.PrincipleGrid{grid-template-columns:1fr;gap:30px}
.TimelinePhase{grid-template-columns:1fr;gap:30px}
.TimelinePhase:nth-child(even){grid-template-columns:1fr}
.TimelinePhase:nth-child(even) .PhaseVisual,.TimelinePhase:nth-child(even) .PhaseContent{order:0}
}
@media (max-width: 768px) {
.IntroductionWrap{padding:80px 20px 60px}
.IntroTextContent h1{font-size:2rem}
.IntroImageSection img{height:320px}
.HistorySection{padding:60px 20px}
.HistoryContentColumn h2{font-size:1.9rem}
.HistoryVisualColumn img{height:360px}
.TeamShowcase{padding:60px 20px}
.TeamShowcase h2{font-size:2rem}
.PersonCard{padding:30px}
.ValueProposition{padding:70px 20px}
.ValueHolder h2{font-size:2rem}
.ApproachSection{padding:60px 20px}
.ApproachHeader h2{font-size:2rem}
.PhaseVisual img{height:260px}
}
.MainSuccessHolder{width:100%;background:linear-gradient(147deg,#99D8CF 0%,#fff 45%,#EB2A63 100%);padding:0;margin:0}
.TopSuccessBlock{max-width:1140px;margin:0 auto;padding:90px 20px 70px;position:relative;overflow:hidden}
.SuccessLayerOne{position:relative;background:#ffffffeb;border-radius:16px;padding:60px 50px;box-shadow:0 8px 24px #1e2d551f;z-index:2}
.SuccessLayerTwo{position:absolute;top:15px;left:15px;right:-15px;bottom:-15px;background:linear-gradient(212deg,#eb2a6314 0%,#99d8cf14 100%);border-radius:16px;z-index:1}
.SuccessLayerThree{position:absolute;top:30px;left:30px;right:-30px;bottom:-30px;background:linear-gradient(147deg,#99d8cf0d 0%,#eb2a630d 100%);border-radius:16px;z-index:0}
.IconCheckmark{width:92px;height:92px;margin:0 auto 35px;display:block;position:relative}
.IconCheckmark svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #eb2a6340)}
.TitleSuccess{font-size:42px;font-weight:700;color:#1E2D55;text-align:center;margin:0 0 20px;line-height:1.2;position:relative}
.TitleSuccess::before{content:'';position:absolute;width:80px;height:4px;background:linear-gradient(90deg,#EB2A63 0%,#99D8CF 100%);bottom:-12px;left:50%;transform:translateX(-50%);border-radius:8px}
.MessageSuccess{font-size:19px;line-height:1.7;color:#2d3748;text-align:center;margin:35px 0 0;max-width:680px;margin-left:auto;margin-right:auto}
.BottomInfoSection{max-width:1140px;margin:0 auto;padding:0 20px 90px}
.InfoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}
.InfoCard{background:#fff;border-radius:12px;padding:40px 30px;box-shadow:0 4px 16px #1e2d5514;transition:all .3s ease-in-out;position:relative;overflow:hidden}
.InfoCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#EB2A63 0%,#99D8CF 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}
.InfoCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #1e2d5526}
.InfoCard:hover::before{transform:scaleX(1)}
.CardIconHolder{width:56px;height:56px;background:linear-gradient(135deg,#eb2a631a 0%,#99d8cf1a 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .3s ease-in-out}
.InfoCard:hover .CardIconHolder{background:linear-gradient(135deg,#eb2a632e 0%,#99d8cf2e 100%);transform:rotate(5deg)}
.CardIconHolder svg{width:28px;height:28px}
.InfoCardTitle{font-size:22px;font-weight:700;color:#1E2D55;margin:0 0 14px;line-height:1.3}
.InfoCardText{font-size:16px;line-height:1.65;color:#4a5568;margin:0}
.ButtonContainer{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:45px;flex-wrap:wrap}
.ButtonPrimary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#EB2A63 0%,#d41f54 100%);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:10px;transition:all .3s ease-in-out;box-shadow:0 4px 14px #eb2a634d;position:relative;z-index:10}
.ButtonPrimary:hover{background:linear-gradient(135deg,#d41f54 0%,#bf1b4a 100%);box-shadow:0 6px 20px #eb2a6366;transform:translateY(-2px)}
.ButtonSecondary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#fff;color:#1E2D55;font-size:17px;font-weight:600;text-decoration:none;border-radius:10px;border:2px solid #1E2D55;transition:all .3s ease-in-out;position:relative;z-index:10}
.ButtonSecondary:hover{background:#1E2D55;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #1e2d5540}
.ContactInfoBlock{background:linear-gradient(135deg,#1e2d5508 0%,#99d8cf08 100%);border-radius:12px;padding:35px 30px;margin-top:50px;text-align:center}
.ContactTitle{font-size:24px;font-weight:700;color:#1E2D55;margin:0 0 18px}
.ContactDetails{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:20px}
.ContactItem{display:flex;align-items:center;gap:10px;font-size:16px;color:#2d3748;text-decoration:none;transition:color .3s ease-in-out}
.ContactItem:hover{color:#EB2A63}
.ContactItem svg{width:20px;height:20px;flex-shrink:0}
@media (max-width: 968px) {
.InfoGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.TitleSuccess{font-size:36px}
.SuccessLayerOne{padding:50px 35px}
}
@media (max-width: 640px) {
.InfoGrid{grid-template-columns:1fr;gap:20px}
.TitleSuccess{font-size:30px}
.MessageSuccess{font-size:17px}
.SuccessLayerOne{padding:40px 25px}
.TopSuccessBlock{padding:60px 20px 50px}
.BottomInfoSection{padding:0 20px 60px}
.ButtonContainer{flex-direction:column;gap:14px}
.ButtonPrimary,.ButtonSecondary{width:100%;justify-content:center}
.ContactDetails{flex-direction:column;gap:16px}
.IconCheckmark{width:76px;height:76px}
}