*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'Red Hat Display',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:#2c3e50;background:linear-gradient(127deg,#fff 0%,#f8f9fa 100%);min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.TopUtilityBar{background:linear-gradient(143deg,#19A3F1 0%,#722BDA 100%);padding:8px 0;box-shadow:0 2px 4px #00000014}
.UtilWrap{max-width:1140px;margin:0 auto;padding:0 20px}
.ContactStrip3{display:flex;justify-content:flex-end;gap:32px;flex-wrap:wrap}
.PhoneBlock2,.EmailBlock2{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-family:'IBM Plex Mono',monospace}
.PhoneBlock2 i,.EmailBlock2 i{font-size:16px}
.HeaderFoundation{background:#fff;box-shadow:0 4px 12px #0000000f;padding:24px 0}
.HeaderWrap{max-width:1140px;margin:0 auto;padding:0 20px}
.BrandIdentity4{text-align:center;margin-bottom:24px}
.CompanyTitle2{font-size:32px;font-weight:700;background:linear-gradient(135deg,#19A3F1 0%,#722BDA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}
.NavigationFoundation{display:flex;align-items:center;justify-content:space-between;gap:40px}
.LogoContainer5{flex-shrink:0}
.LogoContainer5 a{display:block;line-height:0}
.SiteLogo3{height:85px;width:85px;object-fit:contain;background:#E6FBF1;padding:12px;border-radius:28px;box-shadow:0 3px 8px #722bda26;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.SiteLogo3:hover{box-shadow:0 5px 15px #722bda40}
.MainNav7{flex:1}
.NavList4{list-style:none;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.NavList4 li a.NavLink2{display:block;padding:12px 24px;text-decoration:none;color:#2c3e50;font-weight:500;font-size:16px;border-radius:24px;transition:all .25s cubic-bezier(0.34,1.56,0.64,1);position:relative}
.NavList4 li a.NavLink2:hover{background:linear-gradient(128deg,#19a3f11a 0%,#722bda1a 100%);color:#722BDA}
.FooterStage{background:linear-gradient(156deg,#2c3e50 0%,#1a252f 100%);padding:60px 0 24px;margin-top:80px;position:relative}
.FooterStage::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#19A3F1 0%,#722BDA 100%)}
.FooterInner3{max-width:1140px;margin:0 auto;padding:0 20px}
.FooterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;margin-bottom:48px}
.FooterCol7 h4.FooterHeading2{color:#19A3F1;font-size:18px;font-weight:700;margin-bottom:16px;letter-spacing:.5px}
.FooterCol7 p.FooterText3{color:#fffc;font-size:14px;line-height:1.7}
.FooterLinks5{list-style:none}
.FooterLinks5 li{margin-bottom:10px}
.FooterLinks5 li a{color:#ffffffbf;text-decoration:none;font-size:14px;transition:color .2s ease}
.FooterLinks5 li a:hover{color:#19A3F1}
.FooterBottom3{padding-top:32px;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.AddressBlock7{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:13px}
.AddressBlock7 i{color:#19A3F1;font-size:16px}
.CopyrightText5{color:#fff9;font-size:13px}
.CookieCard8{position:fixed;left:24px;top:50%;transform:translateY(-50%) scale(0.8);background:#fff;border-radius:32px;box-shadow:0 8px 32px #0000002e;padding:32px;max-width:420px;width:calc(100% - 48px);z-index:10000;opacity:0;pointer-events:none;transition:all .6s cubic-bezier(0.68,-0.55,0.265,1.55)}
.CookieCard8.show{opacity:1;transform:translateY(-50%) scale(1);pointer-events:all}
.CookieInner{display:flex;flex-direction:column;gap:20px}
.CookieTitle4{font-size:22px;font-weight:700;color:#2c3e50;margin-bottom:4px}
.CookieDesc2{font-size:14px;color:#5a6c7d;line-height:1.6}
.CookieToggles{display:flex;flex-direction:column;gap:12px;padding:16px 0}
.ToggleRow2{display:flex;align-items:center}
.ToggleLabel3{display:flex;align-items:center;gap:12px;font-size:14px;color:#2c3e50;cursor:pointer;user-select:none}
.ToggleLabel3 input[type="checkbox"]{width:20px;height:20px;cursor:pointer;accent-color:#722BDA}
.ToggleLabel3 input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.6}
.CookieBtns{display:flex;gap:12px;margin-top:8px}
.BtnReject4,.BtnAccept4{flex:1;padding:14px 24px;border:none;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(0.4,0,0.2,1);font-family:'Red Hat Display',sans-serif}
.BtnReject4{background:#e9ecef;color:#495057}
.BtnReject4:hover{background:#dee2e6;box-shadow:0 2px 8px #0000001a}
.BtnAccept4{background:linear-gradient(135deg,#19A3F1 0%,#722BDA 100%);color:#fff}
.BtnAccept4:hover{box-shadow:0 4px 16px #722bda4d;transform:translateY(-1px)}
@media (max-width: 768px) {
.ContactStrip3{justify-content:center;gap:20px}
.CompanyTitle2{font-size:26px}
.NavigationFoundation{flex-direction:column;gap:24px}
.NavList4{justify-content:center;gap:6px}
.NavList4 li a.NavLink2{padding:10px 18px;font-size:15px}
.FooterGrid{grid-template-columns:1fr;gap:32px}
.FooterBottom3{flex-direction:column;text-align:center}
.CookieCard8{left:12px;right:12px;width:auto;max-width:none;padding:24px}
.CookieBtns{flex-direction:column}
}
@media (max-width: 480px) {
.SiteLogo3{height:70px;width:70px}
.NavList4{flex-direction:column;width:100%}
.NavList4 li{width:100%}
.NavList4 li a.NavLink2{text-align:center}
}
.content-legal{max-width:1140px;margin:0 auto;padding:80px 20px;background:#fff}
.content-legal h1{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2;letter-spacing:-.5px}
.content-legal h2{font-size:32px;font-weight:700;color:#2a2a2a;margin:56px 0 20px;line-height:1.3;letter-spacing:-.3px}
.content-legal h3{font-size:24px;font-weight:600;color:#333;margin:40px 0 16px;line-height:1.4}
.content-legal h4{font-size:20px;font-weight:600;color:#444;margin:32px 0 12px;line-height:1.4}
.content-legal h5{font-size:18px;font-weight:600;color:#555;margin:24px 0 12px;line-height:1.5}
.content-legal h6{font-size:16px;font-weight:600;color:#666;margin:20px 0 10px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.content-legal p{font-size:17px;line-height:1.8;color:#444;margin:0 0 24px}
.content-legal ul{margin:0 0 28px;padding:0 0 0 28px;list-style-type:disc}
.content-legal ol{margin:0 0 28px;padding:0 0 0 28px;list-style-type:decimal}
.content-legal ul ul{margin:12px 0;list-style-type:circle}
.content-legal ol ol{margin:12px 0;list-style-type:lower-alpha}
.content-legal li{font-size:17px;line-height:1.7;color:#444;margin:0 0 12px;padding-left:8px}
.content-legal li:last-child{margin-bottom:0}
.content-legal em{font-style:italic;color:#333}
.content-legal i{font-style:italic;color:#333}
.content-legal a{color:#19A3F1;text-decoration:underline;transition:all .25s cubic-bezier(0.4,0,0.2,1)}
.content-legal a:hover{color:#722BDA;text-decoration:none}
.content-legal a:focus{outline:2px solid #19A3F1;outline-offset:2px}
.content-legal table{width:100%;border-collapse:collapse;margin:0 0 32px;background:#fff;box-shadow:0 2px 4px #00000014}
.content-legal thead{background:linear-gradient(135deg,#19A3F1 0%,#722BDA 100%)}
.content-legal thead tr{border:none}
.content-legal thead th{font-size:16px;font-weight:600;color:#fff;text-align:left;padding:18px 20px;border:none}
.content-legal tbody{background:#fff}
.content-legal tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s cubic-bezier(0.4,0,0.2,1)}
.content-legal tbody tr:last-child{border-bottom:none}
.content-legal tbody tr:hover{background:#f9f9f9}
.content-legal tbody td{font-size:16px;line-height:1.6;color:#444;padding:16px 20px;border:none}
.content-legal th{font-weight:600}
.content-legal td{font-weight:400}
.content-legal hr{border:none;height:2px;background:linear-gradient(90deg,#19A3F1 0%,#722BDA 50%,#E6FBF1 100%);margin:48px 0;opacity:.3}
@media (max-width: 959px) {
.content-legal{padding:60px 20px}
.content-legal h1{font-size:36px;margin-bottom:14px}
.content-legal h2{font-size:28px;margin-top:44px}
.content-legal h3{font-size:22px;margin-top:32px}
.content-legal h4{font-size:19px}
.content-legal table{font-size:15px}
.content-legal thead th{padding:14px 16px;font-size:15px}
.content-legal tbody td{padding:12px 16px;font-size:15px}
}
@media (max-width: 639px) {
.content-legal{padding:40px 16px}
.content-legal h1{font-size:30px;margin-bottom:12px}
.content-legal h2{font-size:24px;margin-top:36px;margin-bottom:16px}
.content-legal h3{font-size:20px;margin-top:28px}
.content-legal h4{font-size:18px}
.content-legal h5{font-size:17px}
.content-legal p{font-size:16px;line-height:1.7;margin-bottom:20px}
.content-legal ul{padding-left:22px;margin-bottom:24px}
.content-legal ol{padding-left:22px;margin-bottom:24px}
.content-legal li{font-size:16px;margin-bottom:10px}
.content-legal table{display:block;overflow-x:auto;box-shadow:0 2px 3px #0000000f}
.content-legal thead th{padding:12px 14px;font-size:14px;white-space:nowrap}
.content-legal tbody td{padding:10px 14px;font-size:14px}
.content-legal hr{margin:36px 0}
}
.topZone{background:linear-gradient(158deg,#19A3F1 0%,#722BDA 100%);padding:85px 20px 95px;position:relative;overflow:hidden}
.topZone::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff14;pointer-events:none}
.topZone::after{content:'';position:absolute;width:420px;height:420px;background:radial-gradient(circle,#e6fbf126 0%,transparent 70%);top:-120px;right:-80px;border-radius:50%}
.titleWrapper89{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.titleContent43{display:flex;align-items:center;gap:65px}
.titleText71{flex:1}
.titleText71 h1{font-size:52px;line-height:1.2;color:#fff;margin:0 0 28px;font-weight:700}
.titleText71 h1 .highlight3{color:#E6FBF1;position:relative}
.titleText71 h1 .highlight3::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#e6fbf199}
.titleText71 p{font-size:19px;line-height:1.7;color:#ffffffeb;margin:0}
.imageContainer17{width:380px;flex-shrink:0;position:relative}
.imageContainer17::before{content:'';position:absolute;inset:-12px;background:linear-gradient(135deg,#e6fbf140 0%,#722bda33 100%);border-radius:32px;z-index:-1}
.imageContainer17 img{width:100%;height:320px;object-fit:cover;border-radius:28px;display:block;box-shadow:0 6px 35px #00000026}
.contentSection92{padding:95px 20px;background:#fff}
.sectionWrapper31{max-width:1140px;margin:0 auto}
.gridLayout47{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.cardItem28{background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%);padding:42px 36px;border-radius:26px;box-shadow:0 3px 18px #0000000f;position:relative;transition:all .35s cubic-bezier(0.34,1.56,0.64,1)}
.cardItem28:hover{transform:translateY(-8px);box-shadow:0 8px 32px #19a3f12e}
.cardItem28::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#19A3F1 0%,#722BDA 100%);border-radius:26px 26px 0 0;opacity:0;transition:opacity .35s ease}
.cardItem28:hover::before{opacity:1}
.iconHolder92{width:68px;height:68px;background:linear-gradient(135deg,#19A3F1 0%,#722BDA 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:26px}
.iconHolder92 i{font-size:32px;color:#fff}
.cardItem28 h3{font-size:24px;color:#1a1a1a;margin:0 0 18px;font-weight:600}
.cardItem28 p{font-size:16px;line-height:1.65;color:#4a4a4a;margin:0}
.stepsArea61{padding:90px 20px;background:linear-gradient(165deg,#E6FBF1 0%,#fff 100%);position:relative}
.stepsArea61::before{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(circle,#722bda14 0%,transparent 70%);bottom:-80px;left:-60px;border-radius:50%}
.stepsContainer54{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.sectionHead22{text-align:center;margin-bottom:68px}
.sectionHead22 h2{font-size:44px;color:#1a1a1a;margin:0 0 22px;font-weight:700;position:relative;display:inline-block}
.sectionHead22 h2::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:85px;height:4px;background:linear-gradient(90deg,#19A3F1 0%,#722BDA 100%);border-radius:4px}
.sectionHead22 p{font-size:18px;color:#5a5a5a;margin:0;max-width:680px;margin-left:auto;margin-right:auto;line-height:1.6}
.stepsList83{display:flex;flex-direction:column;gap:38px}
.stepRow77{display:flex;align-items:flex-start;gap:42px;background:#fff;padding:38px 42px;border-radius:30px;box-shadow:0 4px 22px #00000012;transition:all .4s cubic-bezier(0.25,0.46,0.45,0.94)}
.stepRow77:hover{box-shadow:0 8px 38px #19a3f124;transform:translateX(12px)}
.numberCircle41{width:72px;height:72px;background:linear-gradient(135deg,#19A3F1 0%,#722BDA 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:28px;font-weight:700;color:#fff;box-shadow:0 4px 18px #19a3f14d}
.stepDetails98{flex:1}
.stepDetails98 h4{font-size:26px;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.stepDetails98 p{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0}
.testimonialsZone14{padding:95px 20px;background:#fff}
.testimonialsWrap72{max-width:1140px;margin:0 auto}
.testimonialsGrid19{display:grid;grid-template-columns:repeat(2,1fr);gap:52px;margin-top:58px}
.testimonialCard66{background:linear-gradient(145deg,#f9fafb 0%,#fff 100%);padding:48px 42px;border-radius:32px;box-shadow:0 5px 24px #00000014;position:relative;border-left:5px solid transparent;transition:all .4s cubic-bezier(0.34,1.56,0.64,1)}
.testimonialCard66:hover{border-left-color:#19A3F1;transform:scale(1.02);box-shadow:0 12px 42px #19a3f129}
.quoteIcon87{position:absolute;top:32px;right:38px;font-size:56px;color:#19a3f11f}
.testimonialCard66 p{font-size:17px;line-height:1.75;color:#3a3a3a;margin:0 0 32px;font-style:italic;position:relative;z-index:2}
.authorInfo53{display:flex;align-items:center;gap:22px}
.authorPhoto91{width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid #19A3F1;flex-shrink:0}
.authorPhoto91 img{width:100%;height:100%;object-fit:cover;display:block}
.authorDetails34{flex:1}
.authorDetails34 h5{font-size:20px;color:#1a1a1a;margin:0 0 6px;font-weight:600}
.authorDetails34 span{font-size:15px;color:#6a6a6a;display:block}
@media (max-width: 960px) {
.titleContent43{flex-direction:column;gap:45px}
.imageContainer17{width:100%;max-width:480px}
.gridLayout47{grid-template-columns:repeat(2,1fr);gap:35px}
.titleText71 h1{font-size:42px}
.sectionHead22 h2{font-size:38px}
.testimonialsGrid19{gap:38px}
}
@media (max-width: 768px) {
.topZone{padding:65px 20px 75px}
.titleText71 h1{font-size:36px}
.gridLayout47{grid-template-columns:1fr;gap:28px}
.cardItem28{padding:36px 28px}
.stepRow77{flex-direction:column;gap:24px}
.sectionHead22 h2{font-size:32px}
.testimonialsGrid19{grid-template-columns:1fr;gap:32px}
.testimonialCard66{padding:38px 32px}
.stepRow77:hover{transform:translateX(0);transform:translateY(-6px)}
}
@media (max-width: 480px) {
.titleText71 h1{font-size:30px}
.imageContainer17 img{height:260px}
.cardItem28 h3{font-size:21px}
.stepDetails98 h4{font-size:22px}
.contentSection92,.stepsArea61,.testimonialsZone14{padding:65px 20px}
}
.TitleZone{max-width:1140px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;gap:60px}
.titleText47{flex:1}
.titleText47 h1{font-size:48px;line-height:1.2;margin-bottom:24px;color:#1a1a1a;font-weight:700}
.titleText47 .descArea{font-size:18px;line-height:1.7;color:#4a4a4a;margin-bottom:32px}
.titleText47 .ctaBtn92{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#19A3F1 0%,#722BDA 100%);color:#fff;text-decoration:none;border-radius:28px;font-size:17px;font-weight:600;transition:all .35s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px #19a3f14d;position:relative;z-index:5}
.titleText47 .ctaBtn92:hover{transform:translateY(-3px);box-shadow:0 8px 24px #722bda66}
.imageArea83{flex:1;position:relative}
.imageArea83 img{width:100%;height:auto;border-radius:32px;box-shadow:0 6px 20px #0000001f;display:block}
.imageArea83::before{content:'';position:absolute;top:-20px;right:-20px;width:180px;height:180px;background:linear-gradient(225deg,#722bda26 0%,#19a3f11a 100%);border-radius:50%;z-index:-1}
.platformExplain{background:linear-gradient(160deg,#f8f9fa 0%,#E6FBF1 100%);padding:100px 20px;position:relative;overflow:hidden}
.platformExplain::after{content:'';position:absolute;bottom:-50px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#19a3f114 0%,transparent 70%);border-radius:50%}
.platformContent12{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.platformContent12 h2{font-size:42px;margin-bottom:28px;color:#1a1a1a;font-weight:700;text-align:center}
.platformContent12 h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#19A3F1 0%,#722BDA 100%);margin:20px auto 0;border-radius:2px}
.twoColumnLayout{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:60px}
.featureCard21{background:#fff;padding:40px;border-radius:30px;box-shadow:0 3px 15px #00000014;transition:all .4s cubic-bezier(0.25,0.8,0.25,1);position:relative}
.featureCard21::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#19A3F1 0%,#722BDA 100%);border-radius:30px 30px 0 0;opacity:0;transition:opacity .3s ease}
.featureCard21:hover::before{opacity:1}
.featureCard21:hover{transform:translateY(-8px);box-shadow:0 12px 30px #722bda2e}
.featureCard21 h3{font-size:26px;margin-bottom:18px;color:#722BDA;font-weight:600}
.featureCard21 p{font-size:16px;line-height:1.8;color:#555}
.businessArea{max-width:1140px;margin:0 auto;padding:100px 20px}
.businessArea h2{font-size:42px;margin-bottom:24px;color:#1a1a1a;font-weight:700}
.businessArea .intro93{font-size:18px;line-height:1.7;color:#4a4a4a;margin-bottom:50px;max-width:780px}
.toolsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.toolBox{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);padding:35px 30px;border-radius:26px;border:2px solid #e8eaed;transition:all .35s ease;position:relative}
.toolBox::after{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(135deg,#19a3f11a 0%,#722bda1a 100%);border-radius:0 0 26px 26px;transition:height .35s ease}
.toolBox:hover{border-color:#19A3F1;transform:scale(1.05)}
.toolBox:hover::after{height:100%;border-radius:26px}
.toolBox .iconWrap72{width:60px;height:60px;background:linear-gradient(135deg,#19A3F1 0%,#722BDA 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;z-index:2}
.toolBox .iconWrap72 i{font-size:28px;color:#fff}
.toolBox h4{font-size:20px;margin-bottom:12px;color:#1a1a1a;font-weight:600;position:relative;z-index:2}
.toolBox p{font-size:15px;line-height:1.7;color:#555;position:relative;z-index:2}
.communitySection{background:linear-gradient(225deg,#E6FBF1 0%,#f0f4ff 100%);padding:100px 20px;position:relative}
.communitySection::before{content:'';position:absolute;top:-80px;right:-80px;width:320px;height:320px;background:radial-gradient(circle,#722bda1f 0%,transparent 70%);border-radius:50%}
.communityWrapper{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:70px;position:relative;z-index:2}
.communityImage54{flex:0 0 45%}
.communityImage54 img{width:100%;height:auto;border-radius:30px;box-shadow:0 8px 28px #00000026}
.communityText{flex:1}
.communityText h2{font-size:42px;margin-bottom:24px;color:#1a1a1a;font-weight:700}
.communityText h2 span{color:#722BDA;position:relative}
.communityText h2 span::after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:3px;background:linear-gradient(90deg,#19A3F1 0%,#722BDA 100%);border-radius:2px}
.communityText .paragraph88{font-size:17px;line-height:1.8;color:#4a4a4a;margin-bottom:18px}
.statsRow{display:flex;gap:40px;margin-top:40px}
.statItem{flex:1}
.statItem .number{font-size:36px;font-weight:700;color:#19A3F1;margin-bottom:8px;display:block}
.statItem .label{font-size:15px;color:#666;font-weight:500}
.guaranteeZone{max-width:1140px;margin:0 auto;padding:100px 20px}
.guaranteeZone h2{font-size:42px;margin-bottom:60px;color:#1a1a1a;font-weight:700;text-align:center}
.guaranteeGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.guaranteeCard{background:#fff;padding:45px 40px;border-radius:32px;box-shadow:0 4px 16px #0000001a;border-left:6px solid #19A3F1;transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden}
.guaranteeCard::before{content:'';position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle,#e6fbf180 0%,transparent 70%);border-radius:50%;transform:translate(50%,-50%)}
.guaranteeCard:hover{transform:translateX(8px);box-shadow:0 8px 32px #722bda33;border-left-color:#722BDA}
.guaranteeCard h3{font-size:24px;margin-bottom:16px;color:#1a1a1a;font-weight:600;position:relative;z-index:2}
.guaranteeCard p{font-size:16px;line-height:1.8;color:#555;position:relative;z-index:2}
.peopleSection{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:100px 20px}
.peopleContainer{max-width:1140px;margin:0 auto}
.peopleContainer h2{font-size:42px;margin-bottom:24px;color:#1a1a1a;font-weight:700;text-align:center}
.peopleContainer .subheading{font-size:18px;line-height:1.7;color:#4a4a4a;text-align:center;margin-bottom:60px;max-width:720px;margin-left:auto;margin-right:auto}
.teamLayout{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.profileCard{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:all .4s ease}
.profileCard:hover{transform:translateY(-10px);box-shadow:0 15px 40px #19a3f133}
.profileCard .imageContainer{width:100%;height:340px;overflow:hidden;position:relative}
.profileCard .imageContainer::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#0000004d,transparent)}
.profileCard .imageContainer img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.profileCard:hover .imageContainer img{transform:scale(1.08)}
.profileCard .infoBox{padding:32px}
.profileCard .infoBox h3{font-size:24px;margin-bottom:8px;color:#1a1a1a;font-weight:600}
.profileCard .infoBox .role{font-size:15px;color:#722BDA;font-weight:500;margin-bottom:16px;display:block}
.profileCard .infoBox p{font-size:15px;line-height:1.8;color:#555}
@media (max-width: 968px) {
.TitleZone{flex-direction:column;padding:60px 20px;gap:40px}
.titleText47 h1{font-size:36px}
.imageArea83::before{width:120px;height:120px}
.twoColumnLayout{grid-template-columns:1fr;gap:30px}
.toolsGrid{grid-template-columns:1fr;gap:25px}
.communityWrapper{flex-direction:column;gap:40px}
.communityImage54{flex:0 0 100%}
.statsRow{flex-direction:column;gap:25px}
.guaranteeGrid{grid-template-columns:1fr;gap:30px}
.teamLayout{grid-template-columns:1fr;gap:35px}
}
@media (max-width: 640px) {
.titleText47 h1{font-size:28px}
.titleText47 .descArea{font-size:16px}
.platformContent12 h2,.businessArea h2,.communityText h2,.guaranteeZone h2,.peopleContainer h2{font-size:32px}
.platformExplain,.businessArea,.communitySection,.guaranteeZone,.peopleSection{padding:60px 20px}
.featureCard21{padding:30px 25px}
.toolBox{padding:28px 24px}
.guaranteeCard{padding:32px 28px}
}
.IntroLayer{background:linear-gradient(148deg,#19A3F1 0%,#722BDA 100%);padding:95px 20px;position:relative;overflow:hidden}
.IntroLayer::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#e6fbf126;border-radius:35px;transform:rotate(25deg)}
.IntroWrapper3{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.IntroGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.IntroText h1{font-size:48px;color:#fff;margin:0 0 18px;line-height:1.2;font-weight:700}
.IntroText h1 span{display:block;margin-top:12px}
.IntroText p{font-size:19px;color:#ffffffeb;line-height:1.65;margin:0}
.IntroImageBox{position:relative;border-radius:28px;overflow:hidden;box-shadow:3px 3px 8px #00000040}
.IntroImageBox::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,#722bda59 100%);pointer-events:none}
.IntroImageBox img{width:100%;height:420px;object-fit:cover;display:block;filter:sepia(0.15) contrast(1.08)}
.ContactInfoZone{background:#F9FBFD;padding:85px 20px}
.ContactInfoZone .BoxHolder{max-width:1140px;margin:0 auto}
.ContactInfoZone h2{font-size:38px;color:#1a1a1a;margin:0 0 45px;text-align:center;font-weight:700}
.InfoCardRow{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.InfoCardItem{background:#fff;border-radius:24px;padding:40px 30px;box-shadow:2px 4px 6px #00000014;transition:all .3s cubic-bezier(0.25,0.8,0.25,1);text-align:center}
.InfoCardItem:hover{transform:translateY(-6px);box-shadow:4px 8px 14px #19a3f12e}
.InfoCardItem i{font-size:42px;color:#19A3F1;margin-bottom:18px;display:block}
.InfoCardItem h3{font-size:22px;color:#2a2a2a;margin:0 0 12px;font-weight:600}
.InfoCardItem p{font-size:16px;color:#4a4a4a;line-height:1.6;margin:0}
.InfoCardItem a{color:#19A3F1;text-decoration:none;transition:color .3s ease}
.InfoCardItem a:hover{color:#722BDA}
.FormSection{background:linear-gradient(215deg,#E6FBF1 0%,#fff 100%);padding:90px 20px}
.FormSection .ContentBox{max-width:780px;margin:0 auto}
.FormSection h2{font-size:36px;color:#1a1a1a;margin:0 0 15px;font-weight:700;text-align:center}
.FormSection .SubHeading{font-size:18px;color:#5a5a5a;text-align:center;margin:0 0 45px;line-height:1.5}
.ContactFormElement{background:#fff;border-radius:32px;padding:50px 45px;box-shadow:3px 5px 8px #0000001a}
.FormRow{margin-bottom:28px}
.FormRow label{display:block;font-size:16px;color:#2a2a2a;margin-bottom:10px;font-weight:600}
.FormRow input[type="text"],.FormRow input[type="email"],.FormRow input[type="tel"],.FormRow textarea{width:100%;padding:16px 20px;border:2px solid #e0e0e0;border-radius:20px;font-size:16px;color:#2a2a2a;transition:all .3s ease;background:#fafafa;box-sizing:border-box}
.FormRow input:focus,.FormRow textarea:focus{outline:none;border-color:#19A3F1;background:#fff;box-shadow:0 0 0 3px #19a3f11a}
.FormRow textarea{min-height:140px;resize:vertical}
.RatingBlock{margin-bottom:28px}
.RatingBlock label{display:block;font-size:16px;color:#2a2a2a;margin-bottom:15px;font-weight:600}
.RatingOptions{display:flex;gap:15px;flex-wrap:wrap}
.RatingOptions input[type="radio"]{display:none}
.RatingOptions label{padding:12px 24px;border:2px solid #e0e0e0;border-radius:22px;cursor:pointer;transition:all .3s ease;font-size:15px;color:#4a4a4a;font-weight:500;background:#fafafa}
.RatingOptions input[type="radio"]:checked + label{background:linear-gradient(135deg,#19A3F1,#722BDA);color:#fff;border-color:#19A3F1;box-shadow:2px 3px 6px #19a3f140}
.RatingOptions label:hover{border-color:#19A3F1;background:#fff}
.PrivacyCheckZone{margin:32px 0}
.PrivacyCheckZone input[type="checkbox"]{display:none}
.PrivacyCheckZone label{display:flex;align-items:center;cursor:pointer;font-size:15px;color:#4a4a4a;line-height:1.5}
.PrivacyCheckZone label::before{content:'';width:24px;height:24px;border:2px solid #e0e0e0;border-radius:8px;margin-right:12px;background:#fafafa;transition:all .3s ease;flex-shrink:0}
.PrivacyCheckZone input[type="checkbox"]:checked + label::before{background:linear-gradient(135deg,#19A3F1,#722BDA);border-color:#19A3F1;content:'✓';color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}
.PrivacyCheckZone a{color:#19A3F1;text-decoration:none;transition:color .3s ease}
.PrivacyCheckZone a:hover{color:#722BDA}
.SubmitButtonWrap{text-align:center;margin-top:35px}
.SubmitButtonWrap button{padding:18px 55px;background:linear-gradient(135deg,#19A3F1,#722BDA);border:none;border-radius:28px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .35s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:3px 4px 8px #722bda40;position:relative;z-index:1}
.SubmitButtonWrap button:hover{transform:scale(1.05);box-shadow:5px 7px 16px #722bda59}
.SubmitButtonWrap button:active{transform:scale(0.98)}
.MapAlternative{background:#fff;padding:80px 20px}
.MapAlternative .LayoutBox{max-width:1140px;margin:0 auto}
.MapAlternative h2{font-size:36px;color:#1a1a1a;margin:0 0 35px;font-weight:700;text-align:center}
.DirectionsGrid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}
.AddressDetail{background:linear-gradient(145deg,#F9FBFD,#E6FBF1);border-radius:28px;padding:45px 40px;box-shadow:2px 3px 6px #00000014}
.AddressDetail h3{font-size:26px;color:#2a2a2a;margin:0 0 20px;font-weight:600;position:relative;padding-bottom:15px}
.AddressDetail h3::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#19A3F1,#722BDA);border-radius:2px}
.AddressDetail p{font-size:17px;color:#4a4a4a;line-height:1.75;margin:0 0 12px}
.AddressDetail p:last-child{margin-bottom:0}
.DirectionsInfo{background:#fff;border-radius:28px;padding:45px 40px;box-shadow:2px 3px 6px #00000014}
.DirectionsInfo h3{font-size:26px;color:#2a2a2a;margin:0 0 22px;font-weight:600;position:relative;padding-bottom:15px}
.DirectionsInfo h3::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#722BDA,#19A3F1);border-radius:2px}
.DirectionsInfo ul{list-style:none;padding:0;margin:0}
.DirectionsInfo ul li{font-size:16px;color:#4a4a4a;line-height:1.7;margin-bottom:16px;padding-left:32px;position:relative}
.DirectionsInfo ul li::before{content:'→';position:absolute;left:0;color:#19A3F1;font-size:20px;font-weight:700}
.DirectionsInfo ul li:last-child{margin-bottom:0}
.HoursBlock{background:linear-gradient(128deg,#19A3F1 0%,#722BDA 100%);padding:75px 20px}
.HoursBlock .InnerContent{max-width:840px;margin:0 auto;text-align:center}
.HoursBlock h2{font-size:34px;color:#fff;margin:0 0 35px;font-weight:700}
.HoursTable{background:#fffffff2;border-radius:26px;padding:40px 35px;box-shadow:3px 5px 10px #00000026}
.HourRow{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #00000014}
.HourRow:last-child{border-bottom:none}
.HourRow .DayLabel{font-size:17px;color:#2a2a2a;font-weight:600}
.HourRow .TimeLabel{font-size:16px;color:#5a5a5a;font-weight:500}
@media (max-width: 991px) {
.IntroGrid{grid-template-columns:1fr;gap:40px}
.IntroText h1{font-size:38px}
.InfoCardRow{grid-template-columns:1fr;gap:25px}
.DirectionsGrid{grid-template-columns:1fr;gap:30px}
.ContactFormElement{padding:40px 30px}
}
@media (max-width: 767px) {
.IntroLayer{padding:70px 20px}
.IntroText h1{font-size:32px}
.IntroImageBox img{height:320px}
.FormSection h2,.MapAlternative h2,.ContactInfoZone h2{font-size:28px}
.RatingOptions{flex-direction:column}
.RatingOptions label{text-align:center}
.SubmitButtonWrap button{width:100%;padding:16px 30px}
}
.TopPageBanner{display:flex;align-items:center;max-width:1140px;margin:80px auto;gap:60px}
.TopPageBanner .TextZone{flex:1;padding-right:24px}
.TopPageBanner .headline34{font-size:48px;line-height:1.15;font-weight:700;color:#1a1a1a;margin-bottom:24px}
.TopPageBanner .description-text{font-size:18px;line-height:1.7;color:#4a4a4a;margin-bottom:32px}
.TopPageBanner .ButtonGroup7{display:flex;gap:16px;flex-wrap:wrap}
.TopPageBanner .btn-primary19{background:linear-gradient(135deg,#19A3F1 0%,#722BDA 100%);color:#fff;padding:14px 32px;border-radius:28px;text-decoration:none;font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:8px;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1),box-shadow .3s ease;box-shadow:0 4px 6px #722bda26}
.TopPageBanner .btn-primary19:hover{transform:translateY(-2px);box-shadow:0 6px 12px #722bda40}
.TopPageBanner .btn-outline22{background:transparent;color:#722BDA;padding:14px 32px;border:2px solid #722BDA;border-radius:28px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease}
.TopPageBanner .btn-outline22:hover{background:#722BDA;color:#fff}
.TopPageBanner .ImageContainer3{flex:1;position:relative}
.TopPageBanner .ImageContainer3 img{width:100%;height:auto;border-radius:32px;box-shadow:0 8px 24px #0000001f}
.TopPageBanner .deco-shape1{position:absolute;width:120px;height:120px;background:linear-gradient(225deg,#19a3f126,#722bda26);border-radius:50%;top:-30px;right:-30px;z-index:-1}
.TopPageBanner .deco-shape2{position:absolute;width:80px;height:80px;background:#e6fbf199;border-radius:30px;bottom:40px;left:-20px;transform:rotate(15deg);z-index:-1}
.StorySection{background:linear-gradient(165deg,#E6FBF1 0%,#fff 100%);padding:100px 20px;margin-bottom:80px}
.StorySection .content-wrapper{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.StorySection .story-text-area{padding-right:20px}
.StorySection .section-label11{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#19A3F1;font-weight:700;margin-bottom:16px}
.StorySection .heading-main{font-size:42px;line-height:1.2;font-weight:700;color:#1a1a1a;margin-bottom:28px}
.StorySection .story-paragraph{font-size:17px;line-height:1.8;color:#4a4a4a;margin-bottom:20px}
.StorySection .visual-column{display:flex;flex-direction:column;gap:24px}
.StorySection .img-box15{position:relative;overflow:hidden;border-radius:28px;box-shadow:0 6px 16px #0000001a}
.StorySection .img-box15 img{width:100%;height:auto;display:block}
.StorySection .img-box15::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 60%,#19a3f114 100%);pointer-events:none}
.ValuesGrid{max-width:1140px;margin:0 auto 100px;padding:0 20px}
.ValuesGrid .section-intro{text-align:center;margin-bottom:64px}
.ValuesGrid .heading2{font-size:40px;font-weight:700;color:#1a1a1a;margin-bottom:20px}
.ValuesGrid .intro-text{font-size:18px;color:#4a4a4a;line-height:1.7;max-width:720px;margin:0 auto}
.ValuesGrid .grid-container8{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ValuesGrid .value-card{background:#fff;padding:40px 32px;border-radius:24px;border:2px solid #E6FBF1;transition:all .4s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}
.ValuesGrid .value-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#19A3F1,#722BDA);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.ValuesGrid .value-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #722bda26;border-color:#19A3F1}
.ValuesGrid .value-card:hover::before{transform:scaleX(1)}
.ValuesGrid .icon-wrapper2{width:64px;height:64px;background:linear-gradient(135deg,#19a3f11a,#722bda1a);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ValuesGrid .icon-wrapper2 i{font-size:32px;background:linear-gradient(135deg,#19A3F1,#722BDA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ValuesGrid .value-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.ValuesGrid .value-description{font-size:16px;line-height:1.7;color:#4a4a4a}
.TeamProfile{background:linear-gradient(200deg,#fff 0%,#E6FBF1 100%);padding:100px 20px;margin-bottom:80px}
.TeamProfile .profile-layout{max-width:1140px;margin:0 auto;display:flex;gap:64px;align-items:center}
.TeamProfile .photo-section{flex:0 0 380px}
.TeamProfile .profile-image-wrapper{position:relative}
.TeamProfile .profile-image-wrapper img{width:100%;height:auto;border-radius:32px;box-shadow:0 8px 32px #0000001f}
.TeamProfile .profile-image-wrapper::after{content:'';position:absolute;bottom:-20px;right:-20px;width:160px;height:160px;background:linear-gradient(225deg,#722bda33,#19a3f133);border-radius:40px;z-index:-1}
.TeamProfile .info-section{flex:1}
.TeamProfile .role-label{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#722BDA;font-weight:700;margin-bottom:12px}
.TeamProfile .name-heading{font-size:38px;font-weight:700;color:#1a1a1a;margin-bottom:24px}
.TeamProfile .bio-text{font-size:17px;line-height:1.8;color:#4a4a4a;margin-bottom:18px}
.TeamProfile .expertise-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.TeamProfile .skill-badge{background:#fff;padding:10px 20px;border-radius:20px;border:2px solid #E6FBF1;font-size:14px;font-weight:600;color:#19A3F1}
.MilestoneTimeline{max-width:1140px;margin:0 auto 100px;padding:0 20px}
.MilestoneTimeline .timeline-header{text-align:center;margin-bottom:72px}
.MilestoneTimeline .timeline-title{font-size:40px;font-weight:700;color:#1a1a1a;margin-bottom:20px}
.MilestoneTimeline .timeline-subtitle{font-size:18px;color:#4a4a4a;line-height:1.7}
.MilestoneTimeline .timeline-container{position:relative}
.MilestoneTimeline .timeline-container::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#19A3F1,#722BDA);transform:translateX(-50%)}
.MilestoneTimeline .milestone-item{display:flex;margin-bottom:64px;position:relative}
.MilestoneTimeline .milestone-item:nth-child(odd){flex-direction:row}
.MilestoneTimeline .milestone-item:nth-child(even){flex-direction:row-reverse}
.MilestoneTimeline .milestone-content{flex:0 0 calc(50% - 40px);background:#fff;padding:32px;border-radius:24px;box-shadow:0 6px 20px #00000014;border:2px solid #E6FBF1;transition:all .3s ease}
.MilestoneTimeline .milestone-content:hover{box-shadow:0 12px 32px #19a3f126;border-color:#19A3F1}
.MilestoneTimeline .year-marker{font-size:28px;font-weight:700;background:linear-gradient(135deg,#19A3F1,#722BDA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}
.MilestoneTimeline .milestone-heading{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.MilestoneTimeline .milestone-description{font-size:16px;line-height:1.7;color:#4a4a4a}
.MilestoneTimeline .timeline-dot{position:absolute;left:50%;top:32px;transform:translateX(-50%);width:24px;height:24px;background:#fff;border:4px solid #722BDA;border-radius:50%;z-index:2;box-shadow:0 4px 12px #722bda4d}
.MilestoneTimeline .milestone-image-box{flex:0 0 calc(50% - 40px);border-radius:24px;overflow:hidden;box-shadow:0 6px 20px #0000001a}
.MilestoneTimeline .milestone-image-box img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width: 959px) {
.TopPageBanner{flex-direction:column;margin:60px auto;gap:40px}
.TopPageBanner .TextZone{padding-right:0}
.TopPageBanner .headline34{font-size:38px}
.StorySection .content-wrapper{grid-template-columns:1fr;gap:48px}
.StorySection .story-text-area{padding-right:0}
.ValuesGrid .grid-container8{grid-template-columns:1fr}
.TeamProfile .profile-layout{flex-direction:column;gap:40px}
.TeamProfile .photo-section{flex:0 0 auto;width:100%;max-width:400px}
.MilestoneTimeline .timeline-container::before{left:20px}
.MilestoneTimeline .milestone-item,.MilestoneTimeline .milestone-item:nth-child(even){flex-direction:row;padding-left:60px}
.MilestoneTimeline .milestone-content{flex:1}
.MilestoneTimeline .timeline-dot{left:20px}
.MilestoneTimeline .milestone-image-box{display:none}
}
@media (max-width: 639px) {
.TopPageBanner{margin:40px auto}
.TopPageBanner .headline34{font-size:32px}
.TopPageBanner .description-text{font-size:16px}
.TopPageBanner .ButtonGroup7{flex-direction:column}
.TopPageBanner .btn-primary19,.TopPageBanner .btn-outline22{width:100%;justify-content:center}
.StorySection{padding:60px 20px}
.StorySection .heading-main{font-size:32px}
.ValuesGrid{margin-bottom:60px}
.ValuesGrid .heading2{font-size:32px}
.TeamProfile{padding:60px 20px}
.TeamProfile .name-heading{font-size:30px}
.MilestoneTimeline{margin-bottom:60px}
.MilestoneTimeline .timeline-title{font-size:32px}
.MilestoneTimeline .milestone-item{margin-bottom:48px}
}
.titleHero{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:90px}
.titleHero::before{content:'';position:absolute;inset:0;background-image:url(./image_gallery/test-1_2026_02_13.jpg);background-size:cover;background-position:center;filter:blur(8px) sepia(0.3) brightness(0.7);z-index:1}
.titleHero::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,#ffffff05 39px,#ffffff05 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#ffffff05 39px,#ffffff05 40px);z-index:2}
.HeroTextWrap{position:relative;z-index:3;max-width:820px;margin:0 auto;padding:50px 35px;text-align:center;background:#ffffffeb;backdrop-filter:blur(14px);border-radius:32px}
.HeroTextWrap h1{font-size:2.8rem;font-weight:700;color:#1a1a1a;margin:0 0 22px;line-height:1.25}
.HeroTextWrap .leadParagraph{font-size:1.15rem;color:#444;line-height:1.65;margin:0}
.programLayout{max-width:1140px;margin:0 auto 110px;padding:0 20px}
.introSection43{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:95px}
.contentLeft23 img{width:100%;height:auto;border-radius:28px;box-shadow:6px 6px 0 #722bda26}
.textRight12 h2{font-size:2.2rem;font-weight:700;color:#222;margin:0 0 24px;line-height:1.3}
.textRight12 h2::before{content:'';display:inline-block;width:6px;height:32px;background:linear-gradient(135deg,#19A3F1,#722BDA);margin-right:14px;vertical-align:middle;border-radius:3px}
.textRight12 p{font-size:1.05rem;color:#555;line-height:1.75;margin:0 0 18px}
.textRight12 p:last-child{margin-bottom:0}
.courseStruct9{background:linear-gradient(158deg,#E6FBF1 0%,#fff 100%);padding:75px 60px;border-radius:36px;margin-bottom:100px}
.courseStruct9 h3{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 45px;text-align:center}
.moduleGrid7{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.moduleCard8{background:#fff;padding:35px 28px;border-radius:24px;box-shadow:2px 4px 0 #19a3f11f;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden}
.moduleCard8::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#19A3F1,#722BDA);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(0.34,1.56,0.64,1)}
.moduleCard8:hover{transform:translateY(-8px);box-shadow:4px 8px 0 #722bda33}
.moduleCard8:hover::before{transform:scaleX(1)}
.moduleNum2{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,#19A3F1,#722BDA);color:#fff;font-size:1.3rem;font-weight:700;border-radius:50%;margin-bottom:20px}
.moduleCard8 h4{font-size:1.35rem;font-weight:600;color:#222;margin:0 0 14px;line-height:1.35}
.moduleCard8 p{font-size:.98rem;color:#666;line-height:1.6;margin:0 0 18px}
.topicList5{list-style:none;padding:0;margin:0}
.topicList5 li{font-size:.92rem;color:#555;padding-left:24px;position:relative;margin-bottom:8px;line-height:1.5}
.topicList5 li::before{content:'→';position:absolute;left:0;color:#19A3F1;font-weight:700}
.testimonialWrap4{display:flex;gap:50px;align-items:flex-start;background:linear-gradient(125deg,#19a3f10d,#722bda0d);padding:65px 55px;border-radius:32px;margin-bottom:90px}
.profileArea11{flex-shrink:0;text-align:center}
.profileArea11 img{width:160px;height:160px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:3px 5px 0 #722bda26;margin-bottom:18px}
.profileArea11 .userName3{font-size:1.15rem;font-weight:600;color:#222;margin:0 0 5px}
.profileArea11 .userRole8{font-size:.92rem;color:#666;margin:0}
.quoteContent7{flex-grow:1}
.quoteContent7::before{content:'"';font-size:5rem;line-height:1;color:#19A3F1;opacity:.2;font-weight:700;display:block;margin-bottom:-20px}
.quoteContent7 p{font-size:1.08rem;color:#444;line-height:1.75;margin:0 0 20px}
.quoteContent7 p:last-of-type{margin-bottom:0}
.instructorSection6{display:grid;grid-template-columns:280px 1fr;gap:55px;align-items:start;padding:60px;background:#fff;border-radius:30px;box-shadow:2px 6px 0 #19a3f11a;margin-bottom:85px}
.instructorPhoto2 img{width:100%;height:auto;border-radius:24px;box-shadow:4px 4px 0 #722bda1f}
.instructorBio9 h3{font-size:1.95rem;font-weight:700;color:#1a1a1a;margin:0 0 10px}
.instructorBio9 .bioRole4{font-size:1.05rem;color:#722BDA;font-weight:600;margin:0 0 22px}
.instructorBio9 p{font-size:1.02rem;color:#555;line-height:1.7;margin:0 0 16px}
.instructorBio9 p:last-child{margin-bottom:0}
.enrollmentZone2{text-align:center;padding:70px 40px;background:linear-gradient(142deg,#19A3F1,#722BDA);border-radius:34px;position:relative;overflow:hidden}
.enrollmentZone2::before{content:'';position:absolute;width:420px;height:420px;background:#ffffff14;border-radius:50%;top:-180px;right:-120px}
.enrollmentZone2::after{content:'';position:absolute;width:350px;height:350px;background:#ffffff0f;border-radius:50%;bottom:-140px;left:-90px}
.enrollCopy3{position:relative;z-index:2;max-width:720px;margin:0 auto}
.enrollCopy3 h2{font-size:2.3rem;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.3}
.enrollCopy3 p{font-size:1.1rem;color:#fffffff2;line-height:1.7;margin:0 0 35px}
.ctaButtons8{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btnPrimary6{display:inline-block;padding:16px 42px;background:#fff;color:#722BDA;font-size:1.08rem;font-weight:600;text-decoration:none;border-radius:28px;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);box-shadow:3px 5px 0 #00000026;position:relative;z-index:10}
.btnPrimary6:hover{transform:translateY(-4px);box-shadow:5px 9px 0 #0003;background:#E6FBF1}
.btnSecondary7{display:inline-block;padding:16px 42px;background:transparent;color:#fff;font-size:1.08rem;font-weight:600;text-decoration:none;border:3px solid #fff;border-radius:28px;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);position:relative;z-index:10}
.btnSecondary7:hover{background:#fff;color:#19A3F1;transform:translateY(-4px)}
@media (max-width: 959px) {
.HeroTextWrap h1{font-size:2.2rem}
.introSection43{grid-template-columns:1fr;gap:45px}
.moduleGrid7{grid-template-columns:repeat(2,1fr);gap:28px}
.testimonialWrap4{flex-direction:column;gap:35px}
.instructorSection6{grid-template-columns:1fr;gap:35px}
.instructorPhoto2 img{max-width:280px;margin:0 auto;display:block}
}
@media (max-width: 639px) {
.titleHero{min-height:380px}
.HeroTextWrap{padding:35px 25px}
.HeroTextWrap h1{font-size:1.8rem}
.HeroTextWrap .leadParagraph{font-size:1rem}
.textRight12 h2{font-size:1.75rem}
.courseStruct9{padding:50px 25px}
.moduleGrid7{grid-template-columns:1fr}
.testimonialWrap4{padding:40px 25px}
.instructorSection6{padding:35px 25px}
.enrollmentZone2{padding:50px 25px}
.enrollCopy3 h2{font-size:1.85rem}
.ctaButtons8{flex-direction:column;align-items:stretch}
.btnPrimary6,.btnSecondary7{text-align:center}
}
.SuccessFrame{background:linear-gradient(125deg,#19A3F1 0%,#722BDA 100%);padding:80px 20px;position:relative;overflow:hidden}
.SuccessFrame::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#e6fbf114 1px,transparent 1px);background-size:40px 40px;animation:particleDrift 45s linear infinite;opacity:.3}
@keyframes particleDrift {
0%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(50px,50px) rotate(360deg)}
}
.success-container{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.SuccessContent{display:flex;align-items:center;gap:60px;flex-wrap:wrap}
.TextZone{flex:1;min-width:320px}
.SuccessContent .MainHeading{font-size:52px;color:#fff;margin:0 0 24px;font-weight:700;line-height:1.2;letter-spacing:-1px}
.SuccessContent .MetaphorText{font-size:19px;color:#ffffffeb;line-height:1.7;margin:0}
.ImageZone{flex:1;min-width:320px;position:relative}
.DuotoneFrame{width:100%;height:380px;background:linear-gradient(135deg,#19a3f1b3,#722bdab3),linear-gradient(45deg,#E6FBF1 0%,#19A3F1 100%);border-radius:32px;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000040}
.DuotoneFrame::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:radial-gradient(circle,#ffffff26 0%,transparent 70%);animation:pulseGlow 3s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}
50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}
}
.ConfirmationStage{padding:90px 20px;background:#fff}
.confirm-wrap{max-width:1140px;margin:0 auto}
.StatusGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:70px}
.StepCard3{background:linear-gradient(155deg,#E6FBF1 0%,#fff 100%);padding:36px 32px;border-radius:28px;position:relative;box-shadow:0 4px 2px #0000000f;transition:all .35s cubic-bezier(0.34,1.56,0.64,1)}
.StepCard3:hover{transform:translateY(-8px);box-shadow:0 12px 4px #0000001f}
.StepCard3::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#19A3F1 0%,#722BDA 100%);border-radius:28px 0 0 28px}
.StepCard3 .IconHolder{width:64px;height:64px;background:linear-gradient(135deg,#19A3F1 0%,#722BDA 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 6px 3px #722bda33}
.StepCard3 .IconHolder i{font-size:32px;color:#fff}
.StepCard3 .StepTitle2{font-size:24px;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.StepCard3 .StepDescription{font-size:16px;color:#4a4a4a;line-height:1.65;margin:0}
.NextActionPanel{background:linear-gradient(145deg,#19A3F1 0%,#722BDA 100%);padding:56px 48px;border-radius:36px;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 3px #0000001a}
.NextActionPanel::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#e6fbf126 0%,transparent 70%);border-radius:50%}
.NextActionPanel .ActionHeading{font-size:36px;color:#fff;margin:0 0 18px;font-weight:700;position:relative;z-index:2}
.NextActionPanel .ActionText{font-size:18px;color:#ffffffe6;line-height:1.7;margin:0 0 32px;max-width:720px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.PrimaryButton7{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#722BDA;padding:18px 42px;border-radius:30px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 6px 3px #00000026;position:relative;z-index:3}
.PrimaryButton7:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 5px #0003;color:#19A3F1}
.PrimaryButton7 i{font-size:22px}
@media (max-width: 768px) {
.SuccessFrame{padding:60px 20px}
.SuccessContent{gap:40px}
.SuccessContent .MainHeading{font-size:38px}
.SuccessContent .MetaphorText{font-size:17px}
.DuotoneFrame{height:280px}
.ConfirmationStage{padding:60px 20px}
.StatusGrid{gap:28px;margin-bottom:50px}
.StepCard3{padding:28px 24px}
.NextActionPanel{padding:42px 28px}
.NextActionPanel .ActionHeading{font-size:28px}
.NextActionPanel .ActionText{font-size:16px}
.PrimaryButton7{padding:16px 36px;font-size:16px}
}
@media (max-width: 480px) {
.SuccessContent .MainHeading{font-size:32px}
.StatusGrid{grid-template-columns:1fr}
.NextActionPanel .ActionHeading{font-size:24px}
}