*{margin:0;padding:0;box-sizing:border-box}
html{height:100%;font-size:16px}
body{font-family:'Lato',sans-serif;min-height:100%;display:flex;flex-direction:column;background:#F8F8F8;color:#2a2a2a;line-height:1.6}
main{flex:1}
.ContainerWrap7{max-width:1600px;margin:0 auto;padding:0 20px;width:100%}
.SiteHdr{background:linear-gradient(135deg,#04AF74 0%,#02956a 100%);box-shadow:0 4px 16px #00000014;position:relative}
.hdr-row-1{padding:18px 0;border-bottom:1px solid #ffffff26}
.LogoNavContainer{display:flex;justify-content:space-between;align-items:center;gap:30px}
.LogoZone{flex-shrink:0}
.logo-link-wrapper{display:inline-block;background:#fffffff2;padding:8px;border-radius:8px;box-shadow:0 2px 8px #0000001f;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.logo-link-wrapper:hover{background:#ffff;box-shadow:0 4px 12px #0000002e}
.SiteLogo23{height:90px;width:90px;display:block}
.TopNav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.TopNav .nav-item4{color:#fff;text-decoration:none;padding:10px 18px;font-size:15px;font-weight:400;transition:background .25s ease,color .25s ease;border-radius:6px}
.TopNav .nav-item4:hover{background:#ffffff26;color:#fff}
.hdr-row-2{padding:24px 0}
.CompanyNameBlock{text-align:center}
.BrandTitle{font-size:38px;font-weight:700;color:#fff;letter-spacing:.5px;text-shadow:0 2px 8px #00000026}
.SiteFooter89{background:linear-gradient(180deg,#2a2a2a 0%,#1a1a1a 100%);color:#e0e0e0;padding:60px 0 0;margin-top:80px}
.FooterContainerWrap{max-width:1600px;margin:0 auto;padding:0 20px}
.footer-grid-layout{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding-bottom:50px}
.footer-column-brand .footer-logo-section{background:#ffffff0d;padding:24px;border-radius:8px;box-shadow:inset 0 2px 6px #0003}
.FooterLogo12{height:70px;width:70px;margin-bottom:16px;background:#fff;padding:6px;border-radius:6px}
.brand-tagline23{color:#b0b0b0;font-size:14px;line-height:1.5}
.footer-heading-style{color:#FC6547;font-size:18px;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:.8px}
.FooterNav--legal{display:flex;flex-direction:column;gap:12px}
.FooterNav--legal .ftr-link9{color:silver;text-decoration:none;font-size:14px;transition:color .25s ease}
.FooterNav--legal .ftr-link9:hover{color:#04AF74}
.ContactDetails56{display:flex;flex-direction:column;gap:14px}
.contact-item-wrapper{display:flex;align-items:flex-start;gap:10px;color:silver;font-size:14px}
.contact-item-wrapper i{color:#FC6547;font-size:18px;margin-top:2px}
.footer-bottom-bar{border-top:1px solid #ffffff1a;padding:28px 0;text-align:center}
.CopyrightText45{color:#909090;font-size:13px}
.CookiePopup--vertical{position:fixed;top:20px;right:20px;background:linear-gradient(145deg,#fff 0%,#f5f5f5 100%);border-radius:0;box-shadow:0 8px 32px #0003;padding:28px 24px;max-width:320px;z-index:9999;opacity:0;transition:opacity .3s cubic-bezier(0.4,0,0.2,1);border:2px solid #04AF74}
.popup-content-block{display:flex;flex-direction:column;gap:16px}
.popup-title78{font-size:19px;font-weight:700;color:#2a2a2a;margin-bottom:6px}
.popup-description12{font-size:14px;color:#4a4a4a;line-height:1.5}
.ButtonGroup--equal{display:flex;gap:10px;margin-top:8px}
.CookieBtn--accept,.CookieBtn--decline{flex:1;padding:12px 16px;border:none;border-radius:0;font-size:14px;font-weight:700;cursor:pointer;transition:all .25s ease;font-family:'Lato',sans-serif}
.CookieBtn--accept{background:#04AF74;color:#fff}
.CookieBtn--accept:hover{background:#039960}
.CookieBtn--decline{background:#FC6547;color:#fff}
.CookieBtn--decline:hover{background:#e55438}
@media (max-width: 1366px) {
.footer-grid-layout{grid-template-columns:1fr 1fr;gap:40px}
.footer-column-brand{grid-column:1 / -1}
}
@media (max-width: 768px) {
.LogoNavContainer{flex-direction:column;align-items:flex-start;gap:20px}
.TopNav{width:100%;flex-direction:column;align-items:stretch}
.TopNav .nav-item4{text-align:center;padding:12px}
.BrandTitle{font-size:28px}
.footer-grid-layout{grid-template-columns:1fr;gap:35px}
.CookiePopup--vertical{right:10px;left:10px;max-width:none;top:10px}
.ButtonGroup--equal{flex-direction:column}
}
@media (max-width: 375px) {
.SiteLogo23{height:70px;width:70px}
.BrandTitle{font-size:24px}
.ContainerWrap7{padding:0 15px}
}
.doc-box{max-width:1600px;margin:0 auto;padding:80px 20px;background:#fff}
.doc-box h1{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 48px;line-height:1.2;letter-spacing:-.5px}
.doc-box h2{font-size:36px;font-weight:700;color:#2a2a2a;margin:64px 0 32px;line-height:1.3;letter-spacing:-.3px;padding-top:24px;border-top:2px solid #F8F8F8}
.doc-box h3{font-size:28px;font-weight:600;color:#3a3a3a;margin:48px 0 24px;line-height:1.4}
.doc-box h4{font-size:22px;font-weight:600;color:#04AF74;margin:40px 0 20px;line-height:1.4}
.doc-box h5{font-size:18px;font-weight:600;color:#4a4a4a;margin:32px 0 16px;line-height:1.5}
.doc-box h6{font-size:16px;font-weight:600;color:#5a5a5a;margin:28px 0 14px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.doc-box p{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 24px;max-width:900px}
.doc-box ul{margin:0 0 32px;padding:0 0 0 28px;max-width:900px}
.doc-box ol{margin:0 0 32px;padding:0 0 0 28px;max-width:900px}
.doc-box ul li{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 16px;padding-left:8px}
.doc-box ol li{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 16px;padding-left:8px}
.doc-box ul li::marker{color:#04AF74}
.doc-box ol li::marker{color:#04AF74;font-weight:600}
.doc-box em{font-style:italic;color:#3a3a3a}
.doc-box i{font-style:italic;color:#3a3a3a}
.doc-box a{color:#04AF74;text-decoration:none;border-bottom:1px solid #04af744d;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.doc-box a:hover{color:#038a5d;border-bottom-color:#038a5d}
.doc-box a:active{color:#FC6547;border-bottom-color:#FC6547}
.doc-box table{width:100%;max-width:1200px;margin:40px 0;border-collapse:collapse;background:#fff;box-shadow:0 4px 16px #0000000f;border-radius:8px;overflow:hidden}
.doc-box thead{background:linear-gradient(135deg,#04AF74,#038a5d)}
.doc-box thead tr{border:none}
.doc-box thead th{padding:20px 24px;text-align:left;font-size:15px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;border:none}
.doc-box tbody{background:#fff}
.doc-box tbody tr{border-bottom:1px solid #F8F8F8;transition:background .2s cubic-bezier(0.4,0,0.2,1)}
.doc-box tbody tr:hover{background:#fafafa}
.doc-box tbody tr:last-child{border-bottom:none}
.doc-box tbody td{padding:18px 24px;font-size:16px;line-height:1.6;color:#4a4a4a;border:none}
.doc-box th{font-weight:600}
.doc-box td{font-weight:400}
.doc-box hr{border:none;height:2px;background:linear-gradient(90deg,#04AF74,#FC6547,#04AF74);margin:64px 0;max-width:900px;border-radius:2px}
@media (max-width: 1366px) {
.doc-box{padding:60px 32px}
.doc-box h1{font-size:42px;margin-bottom:40px}
.doc-box h2{font-size:32px;margin-top:56px}
}
@media (max-width: 768px) {
.doc-box{padding:40px 24px}
.doc-box h1{font-size:36px;margin-bottom:32px}
.doc-box h2{font-size:28px;margin-top:48px;margin-bottom:24px}
.doc-box h3{font-size:24px;margin-top:40px}
.doc-box h4{font-size:20px}
.doc-box p{font-size:16px;margin-bottom:20px}
.doc-box ul{padding-left:20px;margin-bottom:24px}
.doc-box ol{padding-left:20px;margin-bottom:24px}
.doc-box ul li{font-size:16px;margin-bottom:12px}
.doc-box ol li{font-size:16px;margin-bottom:12px}
.doc-box table{font-size:14px;margin:32px 0}
.doc-box thead th{padding:16px;font-size:13px}
.doc-box tbody td{padding:14px 16px;font-size:14px}
.doc-box hr{margin:48px 0}
}
@media (max-width: 375px) {
.doc-box{padding:32px 16px}
.doc-box h1{font-size:30px;margin-bottom:24px}
.doc-box h2{font-size:24px;margin-top:40px;margin-bottom:20px}
.doc-box h3{font-size:20px;margin-top:32px}
.doc-box p{font-size:15px}
.doc-box thead th{padding:12px;font-size:12px}
.doc-box tbody td{padding:12px;font-size:13px}
}
.PageHero{background:linear-gradient(135deg,#04AF74 0%,#FC6547 100%);padding:72px 24px;position:relative;overflow:hidden}
.PageHero::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:80px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0,40 Q300,10 600,40 T1200,40 L1200,60 L0,60 Z' fill='%23F8F8F8'/%3E%3C/svg%3E") no-repeat;background-size:cover}
.HeroWrap{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:48px;position:relative;z-index:2}
.HeroText{flex:1 1 60%}
.HeroText h1{font-size:52px;line-height:1.2;color:#fff;margin:0 0 24px;font-weight:700}
.HeroText h1 .AccentWord{color:#F8F8F8;text-shadow:0 0 20px #fc654799;position:relative;display:inline-block}
.HeroText h1 .AccentWord::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#FC6547;box-shadow:0 2px 8px #fc654766}
.HeroText p{font-size:18px;line-height:1.7;color:#fffffff2;margin:0}
.HeroImgCard{flex:1 1 40%;position:relative}
.HeroImgCard img{width:100%;height:380px;object-fit:cover;border-radius:8px;box-shadow:0 16px 48px #00000040;position:relative}
.HeroImgCard::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#04af7426 0%,#fc654726 100%);border-radius:8px;pointer-events:none;z-index:1}
.SolutionsSector{background:#F8F8F8;padding:96px 24px}
.SectWrap1{max-width:1600px;margin:0 auto}
.SectWrap1 h2{font-size:42px;line-height:1.3;color:#1a1a1a;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.SectWrap1 h2::before{content:'';position:absolute;left:-32px;top:50%;transform:translateY(-50%);width:6px;height:48px;background:linear-gradient(180deg,#04AF74,#FC6547);border-radius:3px}
.SectWrap1 .IntroTxt{font-size:17px;line-height:1.7;color:#333;margin:0 0 48px;max-width:920px}
.GridSol{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.SolCard{background:#fff;border:2px solid transparent;border-radius:8px;padding:32px;transition:all .35s cubic-bezier(0.4,0,0.2,1);position:relative}
.SolCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#04AF74,#FC6547);border-radius:8px 8px 0 0;opacity:0;transition:opacity .35s cubic-bezier(0.4,0,0.2,1)}
.SolCard:hover{border-color:#04AF74;box-shadow:0 12px 32px #04af7426;transform:translateY(-4px)}
.SolCard:hover::before{opacity:1}
.SolCard i{font-size:48px;color:#04AF74;display:block;margin-bottom:20px}
.SolCard h3{font-size:22px;line-height:1.3;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.SolCard p{font-size:16px;line-height:1.6;color:#555;margin:0}
.StandardsZone{background:#fff;padding:96px 24px;position:relative}
.StandardsZone::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,#04af740d,transparent 50%),radial-gradient(circle at 20% 80%,#fc65470d,transparent 50%);pointer-events:none}
.StdContent{max-width:1600px;margin:0 auto;display:flex;gap:56px;align-items:center;position:relative;z-index:1}
.StdImg{flex:1 1 45%}
.StdImg img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 20px 48px #0000001f}
.StdTxt{flex:1 1 55%}
.StdTxt h2{font-size:40px;line-height:1.3;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.StdTxt h2 span{color:#04AF74;position:relative}
.StdTxt h2 span::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#04AF74,#FC6547)}
.StdTxt p{font-size:17px;line-height:1.7;color:#333;margin:0 0 20px}
.StdList{list-style:none;padding:0;margin:32px 0 0}
.StdList li{font-size:16px;line-height:1.6;color:#555;padding:12px 0 12px 36px;position:relative}
.StdList li::before{content:'\F012C';font-family:'Material Design Icons';position:absolute;left:0;top:12px;font-size:22px;color:#FC6547}
.AccessArea{background:linear-gradient(135deg,#04AF74 0%,#FC6547 100%);padding:96px 24px;position:relative;overflow:hidden}
.AccessArea svg{position:absolute;bottom:0;left:0;width:100%;height:60px;opacity:.2}
.AccWrap{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.AccWrap h2{font-size:40px;line-height:1.3;color:#fff;margin:0 0 20px;text-align:center;font-weight:700}
.AccWrap .SubHead{font-size:18px;line-height:1.6;color:#fffffff2;margin:0 0 56px;text-align:center;max-width:860px;margin-left:auto;margin-right:auto}
.AccFeatures{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.AccCard{background:#ffffff1f;backdrop-filter:blur(8px);border:1px solid #fff3;border-radius:8px;padding:36px;transition:all .35s cubic-bezier(0.4,0,0.2,1)}
.AccCard:hover{background:#ffffff2e;box-shadow:0 16px 40px #0003;transform:translateY(-6px)}
.AccCard i{font-size:52px;color:#F8F8F8;display:block;margin-bottom:20px}
.AccCard h3{font-size:24px;line-height:1.3;color:#fff;margin:0 0 14px;font-weight:600}
.AccCard p{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0}
.DevPath{background:#F8F8F8;padding:96px 24px}
.DevWrap2{max-width:1600px;margin:0 auto}
.DevWrap2 h2{font-size:42px;line-height:1.3;color:#1a1a1a;margin:0 0 48px;text-align:center;font-weight:700}
.PathGrid{display:grid;grid-template-columns:1fr 80px 1fr;gap:0;align-items:center;margin-bottom:64px}
.PathBox{background:#fff;border:2px solid #04AF74;border-radius:8px;padding:32px;position:relative}
.PathBox h3{font-size:26px;line-height:1.3;color:#04AF74;margin:0 0 16px;font-weight:600;display:flex;align-items:center;gap:12px}
.PathBox h3 i{font-size:32px}
.PathBox p{font-size:16px;line-height:1.7;color:#555;margin:0 0 20px}
.PathBox ul{list-style:none;padding:0;margin:0}
.PathBox ul li{font-size:15px;line-height:1.5;color:#333;padding:8px 0 8px 28px;position:relative}
.PathBox ul li::before{content:'\F0142';font-family:'Material Design Icons';position:absolute;left:0;top:8px;font-size:18px;color:#04AF74}
.PathArrow{display:flex;align-items:center;justify-content:center}
.PathArrow i{font-size:48px;color:#FC6547}
.DevImgRow{display:flex;gap:24px;margin-top:48px}
.DevImgRow img{flex:1;height:280px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #0000001a}
.LearningTypes{background:#fff;padding:96px 24px}
.TypesWrap{max-width:1600px;margin:0 auto}
.TypesWrap h2{font-size:40px;line-height:1.3;color:#1a1a1a;margin:0 0 56px;text-align:center;font-weight:700;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.TypesWrap h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#04AF74,#FC6547);border-radius:2px}
.TypesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.TypeCard{background:linear-gradient(135deg,#04af740d,#fc65470d);border-left:4px solid #04AF74;border-radius:0 8px 8px 0;padding:32px;transition:all .35s cubic-bezier(0.4,0,0.2,1);position:relative}
.TypeCard:nth-child(2){border-left-color:#FC6547}
.TypeCard:nth-child(3){border-left-color:#04AF74}
.TypeCard:nth-child(4){border-left-color:#FC6547}
.TypeCard:nth-child(5){border-left-color:#04AF74}
.TypeCard:nth-child(6){border-left-color:#FC6547}
.TypeCard:hover{box-shadow:0 16px 40px #04af741f;transform:translateX(8px)}
.TypeCard i{font-size:44px;color:#FC6547;display:block;margin-bottom:20px}
.TypeCard h3{font-size:22px;line-height:1.3;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.TypeCard p{font-size:16px;line-height:1.6;color:#555;margin:0}
@media (max-width: 1366px) {
.HeroWrap{gap:32px}
.HeroText h1{font-size:44px}
.GridSol{grid-template-columns:repeat(2,1fr)}
.TypesGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.PageHero{padding:48px 20px}
.HeroWrap{flex-direction:column;gap:32px}
.HeroText h1{font-size:36px}
.HeroImgCard img{height:280px}
.SolutionsSector,.StandardsZone,.AccessArea,.DevPath,.LearningTypes{padding:64px 20px}
.SectWrap1 h2,.StdTxt h2,.AccWrap h2,.DevWrap2 h2,.TypesWrap h2{font-size:32px}
.GridSol{grid-template-columns:1fr;gap:24px}
.StdContent{flex-direction:column;gap:32px}
.StdImg img{height:320px}
.AccFeatures{grid-template-columns:1fr;gap:24px}
.PathGrid{grid-template-columns:1fr;gap:24px}
.PathArrow{transform:rotate(90deg)}
.DevImgRow{flex-direction:column}
.DevImgRow img{height:240px}
.TypesGrid{grid-template-columns:1fr}
}
@media (max-width: 375px) {
.HeroText h1{font-size:28px}
.PageHero{padding:32px 16px}
.SolutionsSector,.StandardsZone,.AccessArea,.DevPath,.LearningTypes{padding:48px 16px}
}
.ContactPage{background:linear-gradient(135deg,#F8F8F8 0%,#e8f5f0 100%)}
.ContactPage .HeroWrap{max-width:1600px;margin:0 auto;padding:80px 24px;display:flex;align-items:center;gap:60px}
.ContactPage .HeroContent{flex:1;min-width:0}
.ContactPage .HeroContent h1{font-size:3.2rem;line-height:1.15;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.ContactPage .HeroContent h1 span{color:#04AF74;position:relative}
.ContactPage .HeroContent h1 span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#04AF74,#FC6547);border-radius:2px}
.ContactPage .HeroContent .LeadText{font-size:1.15rem;line-height:1.7;color:#4a4a4a;margin:0;max-width:580px}
.ContactPage .ImagePanel{flex:0 0 440px;position:relative;margin-right:-120px}
.ContactPage .ImageFrame{width:100%;height:380px;background:linear-gradient(125deg,#04AF74 0%,#FC6547 100%);border-radius:12px 0 0 12px;position:relative;overflow:hidden}
.ContactPage .ImageFrame::before{content:'';position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:2px solid #ffffff4d;border-radius:8px 0 0 8px}
.ContactPage .ImageFrame::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:#ffffff26;border-radius:50%;backdrop-filter:blur(8px)}
.ContactPage .FormSection{background:#fff;padding:100px 24px}
.ContactPage .FormContainer{max-width:900px;margin:0 auto}
.ContactPage .FormHeader{text-align:center;margin-bottom:60px}
.ContactPage .FormHeader h2{font-size:2.4rem;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.ContactPage .FormHeader h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#04AF74,#FC6547);margin:0 auto 24px;border-radius:2px}
.ContactPage .FormHeader .SubHeader{font-size:1.1rem;color:#666;margin:0;line-height:1.6}
.ContactPage .ContactForm{background:#F8F8F8;padding:50px;border-radius:10px;box-shadow:0 8px 24px #04af7414}
.ContactPage .FormGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px}
.ContactPage .FormField{display:flex;flex-direction:column}
.ContactPage .FormField label{font-size:.95rem;font-weight:600;color:#2a2a2a;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.ContactPage .FormField label .Required{color:#FC6547;font-size:1.1rem}
.ContactPage .FormField input[type="text"],.ContactPage .FormField input[type="email"]{padding:14px 18px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .25s cubic-bezier(0.4,0,0.2,1);background:#fff;color:#2a2a2a}
.ContactPage .FormField input[type="text"]:focus,.ContactPage .FormField input[type="email"]:focus{outline:none;border-color:#04AF74;box-shadow:0 0 0 3px #04af741f}
.ContactPage .FormField--full{grid-column:1 / -1}
.ContactPage .SelectWrapper{position:relative}
.ContactPage .SelectWrapper::after{content:'\F0140';font-family:'Material Design Icons';position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none;font-size:1.3rem}
.ContactPage .FormField select{padding:14px 18px;padding-right:48px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .25s cubic-bezier(0.4,0,0.2,1);background:#fff;color:#2a2a2a;width:100%;appearance:none;cursor:pointer}
.ContactPage .FormField select:focus{outline:none;border-color:#04AF74;box-shadow:0 0 0 3px #04af741f}
.ContactPage .PrivacyCheck{margin:32px 0;display:flex;align-items:flex-start;gap:12px}
.ContactPage .PrivacyCheck input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#04AF74;flex-shrink:0}
.ContactPage .PrivacyCheck label{font-size:.95rem;color:#4a4a4a;line-height:1.6;cursor:pointer}
.ContactPage .PrivacyCheck label a{color:#04AF74;text-decoration:none;font-weight:600;transition:color .2s ease}
.ContactPage .PrivacyCheck label a:hover{color:#FC6547;text-decoration:underline}
.ContactPage .SubmitWrapper{text-align:center;margin-top:40px}
.ContactPage .SubmitBtn{padding:16px 60px;background:linear-gradient(135deg,#04AF74 0%,#038f5f 100%);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 6px 18px #04af7440;position:relative;z-index:10}
.ContactPage .SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #04af7459;background:linear-gradient(135deg,#05c685 0%,#04AF74 100%)}
.ContactPage .SubmitBtn:active{transform:translateY(0)}
.ContactPage .InfoCards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1600px;margin:80px auto 0;padding:0 24px}
.ContactPage .InfoCard{background:#fff;padding:36px 28px;border-radius:8px;text-align:center;box-shadow:0 4px 16px #0000000f;transition:transform .3s ease,box-shadow .3s ease}
.ContactPage .InfoCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #04af7426}
.ContactPage .InfoCard .IconCircle{width:70px;height:70px;background:linear-gradient(135deg,#04AF74,#FC6547);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.ContactPage .InfoCard .IconCircle i{font-size:2rem;color:#fff}
.ContactPage .InfoCard h3{font-size:1.3rem;color:#1a1a1a;margin:0 0 12px;font-weight:700}
.ContactPage .InfoCard .DetailText{font-size:1rem;color:#666;margin:0;line-height:1.6;word-break:break-word}
.ContactPage .InfoCard .DetailText a{color:#04AF74;text-decoration:none;transition:color .2s ease}
.ContactPage .InfoCard .DetailText a:hover{color:#FC6547;text-decoration:underline}
@media (max-width: 1366px) {
.ContactPage .HeroWrap{padding:60px 24px;gap:40px}
.ContactPage .ImagePanel{flex:0 0 380px;margin-right:-80px}
.ContactPage .ImageFrame{height:340px}
.ContactPage .HeroContent h1{font-size:2.8rem}
}
@media (max-width: 768px) {
.ContactPage .HeroWrap{flex-direction:column;padding:50px 20px;gap:32px}
.ContactPage .ImagePanel{flex:none;width:100%;margin-right:0}
.ContactPage .ImageFrame{height:280px;border-radius:12px}
.ContactPage .ImageFrame::before{border-radius:8px}
.ContactPage .HeroContent h1{font-size:2.2rem}
.ContactPage .HeroContent .LeadText{font-size:1.05rem}
.ContactPage .FormSection{padding:60px 20px}
.ContactPage .FormHeader h2{font-size:2rem}
.ContactPage .ContactForm{padding:32px 24px}
.ContactPage .FormGrid{grid-template-columns:1fr;gap:24px}
.ContactPage .InfoCards{grid-template-columns:1fr;gap:24px;margin-top:60px;padding:0 20px}
}
@media (max-width: 375px) {
.ContactPage .HeroContent h1{font-size:1.9rem}
.ContactPage .FormHeader h2{font-size:1.75rem}
.ContactPage .ContactForm{padding:24px 20px}
.ContactPage .SubmitBtn{padding:14px 40px;font-size:1rem}
}
.PageHeader{position:relative;overflow:hidden;background:linear-gradient(135deg,#04AF74 0%,#FC6547 100%);padding:120px 20px 80px}
.HeaderWrap{max-width:1600px;margin:0 auto;position:relative;z-index:3}
.PageHeader .TitleText{font-size:56px;line-height:1.15;color:#fff;font-weight:700;margin:0 0 32px;max-width:820px}
.PageHeader .TitleText .AccentWord{position:relative;display:inline-block}
.PageHeader .TitleText .AccentWord::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:5px;background:#F8F8F8;border-radius:3px}
.PageHeader .IntroDescription{font-size:20px;line-height:1.6;color:#F8F8F8;max-width:640px;margin:0}
.ShapeDecor1{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#f8f8f826 0%,#f8f8f800 70%);top:-80px;right:10%;animation:FloatShape1 8s ease-in-out infinite}
.ShapeDecor2{position:absolute;width:220px;height:220px;background:#fc654733;bottom:-60px;left:8%;transform:rotate(45deg);animation:FloatShape2 10s ease-in-out infinite}
.HeroImageWrapper{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:420px;height:420px;z-index:2}
.HeroImageWrapper img{width:100%;height:100%;object-fit:cover;border-radius:12px;filter:contrast(1.1) brightness(0.95);position:relative}
.HeroImageWrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,#00000008 0px,#00000008 2px,transparent 2px,transparent 4px);pointer-events:none;z-index:1;border-radius:12px}
@keyframes FloatShape1 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-20px,30px) scale(1.08)}
}
@keyframes FloatShape2 {
0%,100%{transform:rotate(45deg) translate(0,0)}
50%{transform:rotate(45deg) translate(15px,-25px)}
}
.StorySection{padding:100px 20px;background:#F8F8F8}
.StoryGrid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}
.StoryContent h2{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 28px;font-weight:700}
.StoryContent h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#04AF74,#FC6547);margin-bottom:24px;border-radius:2px}
.StoryContent p{font-size:18px;line-height:1.7;color:#333;margin:0 0 24px}
.StoryContent p:last-child{margin-bottom:0}
.StoryImageBox{position:relative}
.StoryImageBox img{width:100%;height:480px;object-fit:cover;border-radius:8px;box-shadow:0 16px 48px #0000001f}
.ValuesBlock{padding:90px 20px;background:#fff}
.ValuesContainer{max-width:1600px;margin:0 auto}
.ValuesContainer h3{font-size:38px;line-height:1.25;color:#1a1a1a;margin:0 0 60px;text-align:center;font-weight:700}
.ValuesList{display:flex;gap:40px;flex-wrap:wrap;justify-content:center}
.ValueCard{flex:1 1 calc(33.333% - 40px);min-width:280px;max-width:420px;background:#F8F8F8;padding:40px 32px;border-radius:10px;position:relative;transition:all .4s cubic-bezier(0.34,1.56,0.64,1)}
.ValueCard:hover{transform:translateY(-8px);box-shadow:0 20px 40px #04af7426}
.ValueCard .IconCircle{width:64px;height:64px;background:linear-gradient(135deg,#04AF74,#FC6547);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ValueCard .IconCircle i{font-size:32px;color:#fff}
.ValueCard h4{font-size:24px;line-height:1.3;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.ValueCard p{font-size:16px;line-height:1.6;color:#555;margin:0}
.NumbersSection{padding:100px 20px;background:linear-gradient(165deg,#04AF74 0%,#FC6547 100%);position:relative;overflow:hidden}
.NumbersSection::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#ffffff14 0%,transparent 70%);top:-150px;left:-150px;border-radius:50%}
.StatsWrapper{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.StatsWrapper h3{font-size:36px;line-height:1.3;color:#fff;margin:0 0 70px;text-align:center;font-weight:700}
.StatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:50px}
.StatBox{text-align:center}
.StatBox .StatNumber{font-size:54px;line-height:1;color:#F8F8F8;font-weight:700;margin:0 0 12px;display:block}
.StatBox .StatLabel{font-size:18px;line-height:1.4;color:#F8F8F8;margin:0}
.ApproachWrap{padding:110px 20px;background:#fff}
.ApproachLayout{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.ApproachVisual{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ApproachImageItem{position:relative}
.ApproachImageItem img{width:100%;height:280px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #0000001a}
.ApproachImageItem:nth-child(1){transform:translateY(-20px)}
.ApproachImageItem:nth-child(2){transform:translateY(20px)}
.ApproachText h3{font-size:40px;line-height:1.25;color:#1a1a1a;margin:0 0 32px;font-weight:700;position:relative}
.ApproachText h3 .HighlightTerm{color:#04AF74;position:relative}
.ApproachText h3 .HighlightTerm::after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:3px;background:#FC6547;border-radius:2px}
.ApproachText p{font-size:17px;line-height:1.7;color:#333;margin:0 0 22px}
.ApproachText p:last-child{margin-bottom:0}
.CtaBlock{padding:80px 20px;background:#F8F8F8;text-align:center}
.CtaInner{max-width:1600px;margin:0 auto}
.CtaInner h3{font-size:36px;line-height:1.3;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.CtaInner p{font-size:18px;line-height:1.6;color:#555;margin:0 0 36px;max-width:680px;margin-left:auto;margin-right:auto}
.CtaButtonGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.BtnPrimary{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#04AF74,#FC6547);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 8px 24px #04af7433;position:relative;z-index:1}
.BtnPrimary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #04af744d}
.BtnSecondary{display:inline-block;padding:16px 40px;background:#fff;color:#04AF74;font-size:17px;font-weight:600;text-decoration:none;border-radius:8px;border:2px solid #04AF74;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);position:relative;z-index:1}
.BtnSecondary:hover{background:#04AF74;color:#fff;transform:translateY(-3px);box-shadow:0 12px 32px #04af7433}
@media (max-width: 1366px) {
.PageHeader .TitleText{font-size:48px}
.HeroImageWrapper{width:360px;height:360px}
.StoryGrid{gap:60px}
}
@media (max-width: 768px) {
.PageHeader{padding:80px 20px 60px}
.PageHeader .TitleText{font-size:36px;margin-bottom:24px}
.PageHeader .IntroDescription{font-size:17px}
.HeroImageWrapper{position:static;transform:none;width:100%;height:300px;margin-top:40px}
.StoryGrid{grid-template-columns:1fr;gap:40px}
.StoryContent h2{font-size:32px}
.StoryImageBox img{height:320px}
.ValuesBlock{padding:70px 20px}
.ValuesContainer h3{font-size:30px;margin-bottom:40px}
.ValuesList{gap:24px}
.ValueCard{flex:1 1 100%;padding:32px 24px}
.NumbersSection{padding:70px 20px}
.StatsWrapper h3{font-size:28px;margin-bottom:50px}
.StatsGrid{grid-template-columns:1fr;gap:40px}
.StatBox .StatNumber{font-size:42px}
.ApproachWrap{padding:80px 20px}
.ApproachLayout{grid-template-columns:1fr;gap:50px}
.ApproachVisual{gap:16px}
.ApproachImageItem img{height:220px}
.ApproachText h3{font-size:30px}
.CtaBlock{padding:60px 20px}
.CtaInner h3{font-size:28px}
.CtaButtonGroup{flex-direction:column;align-items:center}
.BtnPrimary,.BtnSecondary{width:100%;max-width:320px}
}
@media (max-width: 375px) {
.PageHeader .TitleText{font-size:30px}
.StoryContent h2{font-size:28px}
.ValuesContainer h3{font-size:26px}
.ApproachText h3{font-size:26px}
}
.HeroStage{position:relative;height:520px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.HeroStage img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.75)}
.HeroStage::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#04af7466,#fc65474d);z-index:1}
.HeroStage .GeometricShape1{position:absolute;top:12%;right:8%;width:140px;height:140px;background:#04af7433;transform:rotate(25deg);z-index:2}
.HeroStage .GeometricShape2{position:absolute;bottom:18%;left:6%;width:100px;height:100px;background:#fc654740;border-radius:50%;z-index:2}
.HeroContentLayer{position:relative;z-index:3;max-width:880px;padding:0 24px;text-align:center}
.HeroContentLayer h1{font-size:52px;font-weight:700;color:#fff;margin:0 0 22px;line-height:1.2;text-shadow:2px 4px 12px #0000004d}
.HeroContentLayer .SubheadingText{font-size:19px;color:#F8F8F8;line-height:1.6;margin:0 0 32px;text-shadow:1px 2px 8px #0006}
.HeroContentLayer .cta-wrapper{display:flex;gap:18px;justify-content:center;align-items:center}
.PrimaryCTA{padding:16px 38px;background:linear-gradient(135deg,#04AF74,#FC6547);color:#fff;font-size:17px;font-weight:600;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:all .35s cubic-bezier(0.4,0,0.2,1);box-shadow:0 6px 18px #04af744d;z-index:10}
.PrimaryCTA:hover{transform:translateY(-3px);box-shadow:0 12px 28px #04af7473}
.SecondaryCTA{padding:16px 38px;background:#f8f8f826;color:#fff;font-size:17px;font-weight:600;border:2px solid #f8f8f899;cursor:pointer;text-decoration:none;display:inline-block;transition:all .35s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);z-index:10}
.SecondaryCTA:hover{background:#f8f8f840;border-color:#fff}
.ProgramGrid{max-width:1600px;margin:0 auto;padding:92px 24px;background:#F8F8F8}
.ProgramGrid h2{font-size:42px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 16px;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.ProgramGrid h2::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#04AF74,#FC6547)}
.ProgramGrid .IntroText{font-size:18px;color:#4a4a4a;text-align:center;max-width:820px;margin:0 auto 58px;line-height:1.7}
.CourseCardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;margin-bottom:48px}
.CourseCard{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .4s cubic-bezier(0.4,0,0.2,1);position:relative}
.CourseCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #04af7433}
.CourseCard .CardHeader{padding:28px 28px 22px;background:linear-gradient(135deg,#04af7414,#fc65470f);border-bottom:3px solid #04AF74}
.CourseCard h3{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.CourseCard .LevelBadge{display:inline-block;padding:6px 14px;background:#04af7426;color:#04AF74;font-size:13px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}
.CourseCard .CardBody12{padding:28px}
.CourseCard .DescriptionText{font-size:16px;color:#4a4a4a;line-height:1.65;margin:0 0 24px}
.CourseCard .ModuleList{list-style:none;padding:0;margin:0 0 24px}
.CourseCard .ModuleList li{font-size:15px;color:#2a2a2a;padding:10px 0;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;gap:12px}
.CourseCard .ModuleList li:last-child{border-bottom:none}
.CourseCard .ModuleList li::before{content:'';width:6px;height:6px;background:#04AF74;border-radius:50%;flex-shrink:0}
.CourseCard .MetaInfo{display:flex;gap:24px;margin-bottom:24px;padding-top:18px;border-top:2px dashed #e8e8e8}
.CourseCard .MetaItem{display:flex;align-items:center;gap:8px;font-size:14px;color:#5a5a5a}
.CourseCard .MetaItem i{color:#FC6547;font-size:18px}
.CourseCard .EnrollBtn{display:block;width:100%;padding:14px;background:linear-gradient(90deg,#04AF74,#FC6547);color:#fff;font-size:16px;font-weight:600;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;z-index:10}
.CourseCard .EnrollBtn:hover{opacity:.9;box-shadow:0 6px 18px #04af7459}
.LearningPath{max-width:1600px;margin:0 auto;padding:86px 24px;background:#fff}
.LearningPath h2{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 18px}
.LearningPath .PathIntro{font-size:17px;color:#4a4a4a;line-height:1.7;margin:0 0 52px;max-width:780px}
.PathTimeline{position:relative;padding-left:48px}
.PathTimeline::before{content:'';position:absolute;left:18px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#04AF74,#FC6547)}
.TimelineStage{position:relative;margin-bottom:48px;padding-left:32px}
.TimelineStage::before{content:'';position:absolute;left:-36px;top:8px;width:16px;height:16px;background:#04AF74;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 3px #04AF74;z-index:2}
.TimelineStage:nth-child(even)::before{background:#FC6547;box-shadow:0 0 0 3px #FC6547}
.TimelineStage h3{font-size:26px;font-weight:700;color:#1a1a1a;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.TimelineStage .StageNumber{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:linear-gradient(135deg,#04AF74,#FC6547);color:#fff;font-size:16px;font-weight:700;border-radius:6px}
.TimelineStage .StageContent{background:#F8F8F8;padding:24px;border-radius:6px;border-left:4px solid #04AF74}
.TimelineStage:nth-child(even) .StageContent{border-left-color:#FC6547}
.TimelineStage .StageDescription{font-size:16px;color:#4a4a4a;line-height:1.65;margin:0 0 18px}
.TimelineStage .SkillTags{display:flex;flex-wrap:wrap;gap:10px}
.TimelineStage .SkillTag{padding:7px 14px;background:#fff;color:#04AF74;font-size:13px;font-weight:600;border-radius:4px;border:1px solid #04AF74}
.TimelineStage:nth-child(even) .SkillTag{color:#FC6547;border-color:#FC6547}
.DividerWave{width:100%;height:60px;background:linear-gradient(90deg,#04af741a,#fc65471a);position:relative;overflow:hidden}
.DividerWave svg{position:absolute;bottom:0;left:0;width:100%;height:100%}
@media (max-width: 768px) {
.HeroStage{height:420px}
.HeroContentLayer h1{font-size:36px}
.HeroContentLayer .SubheadingText{font-size:17px}
.HeroContentLayer .cta-wrapper{flex-direction:column}
.ProgramGrid{padding:64px 18px}
.ProgramGrid h2{font-size:32px}
.CourseCardGrid{grid-template-columns:1fr;gap:24px}
.LearningPath{padding:64px 18px}
.LearningPath h2{font-size:30px}
.PathTimeline{padding-left:32px}
.TimelineStage{padding-left:24px}
.TimelineStage h3{font-size:22px;flex-direction:column;align-items:flex-start;gap:8px}
}
@media (min-width: 769px) and (max-width: 1366px) {
.HeroStage{height:480px}
.HeroContentLayer h1{font-size:46px}
.CourseCardGrid{grid-template-columns:repeat(2,1fr)}
}
.TitleGrid{display:grid;grid-template-columns:1fr;min-height:420px;position:relative;margin-bottom:90px;overflow:hidden}
.TitleGrid .bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#04af74eb,#fc6547e0);z-index:1}
.TitleGrid .img-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.TitleGrid .img-layer img{width:100%;height:100%;object-fit:cover}
.TitleGrid .content-wrapper{position:relative;z-index:2;max-width:1600px;margin:0 auto;padding:80px 24px;display:flex;flex-direction:column;justify-content:center}
.TitleGrid .heading-text{font-size:56px;font-weight:700;color:#fff;line-height:1.15;margin-bottom:18px;letter-spacing:-.5px}
.TitleGrid .desc-text{font-size:20px;color:#F8F8F8;line-height:1.6;max-width:680px}
.TitleGrid::before{content:'';position:absolute;top:12px;left:12px;width:48px;height:48px;border-top:3px dotted #f8f8f8b3;border-left:3px dotted #f8f8f8b3;z-index:3}
.TitleGrid::after{content:'';position:absolute;bottom:12px;right:12px;width:48px;height:48px;border-bottom:3px dotted #f8f8f8b3;border-right:3px dotted #f8f8f8b3;z-index:3}
.UpdatesCanvas{max-width:1600px;margin:0 auto 110px;padding:0 24px}
.UpdatesCanvas .grid-arrangement{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}
.UpdatesCanvas .news-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .35s cubic-bezier(0.4,0,0.2,1);border:1px solid #04af741f}
.UpdatesCanvas .news-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #04af742e}
.UpdatesCanvas .img-container{width:100%;height:240px;overflow:hidden;position:relative}
.UpdatesCanvas .img-container img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(0.4,0,0.2,1)}
.UpdatesCanvas .news-card:hover .img-container img{transform:scale(1.08)}
.UpdatesCanvas .card-content{padding:28px}
.UpdatesCanvas .date-badge{display:inline-block;background:linear-gradient(120deg,#04AF74,#FC6547);color:#fff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:6px;margin-bottom:16px;letter-spacing:.3px}
.UpdatesCanvas .title-block{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.4;margin-bottom:14px}
.UpdatesCanvas .excerpt-text{font-size:16px;color:#555;line-height:1.7;margin-bottom:22px}
.UpdatesCanvas .read-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#04AF74;text-decoration:none;transition:gap .3s cubic-bezier(0.4,0,0.2,1)}
.UpdatesCanvas .read-link:hover{gap:12px}
.UpdatesCanvas .read-link i{font-size:18px}
.ResourceStage{background:linear-gradient(180deg,#F8F8F8 0%,#04af740f 100%);padding:80px 24px;margin-bottom:0}
.ResourceStage .inner-container{max-width:1600px;margin:0 auto}
.ResourceStage .section-header{text-align:center;margin-bottom:64px}
.ResourceStage .header-title{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:16px;position:relative;display:inline-block}
.ResourceStage .header-title::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#04AF74,#FC6547);border-radius:2px}
.ResourceStage .header-subtitle{font-size:18px;color:#666;line-height:1.6;margin-top:24px}
.ResourceStage .topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}
.ResourceStage .topic-item{background:#fff;padding:32px 28px;border-radius:10px;border-left:5px solid #04AF74;box-shadow:0 3px 12px #00000012;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);position:relative}
.ResourceStage .topic-item:nth-child(2n){border-left-color:#FC6547}
.ResourceStage .topic-item:hover{transform:scale(1.04);box-shadow:0 8px 24px #04af7426}
.ResourceStage .icon-box{width:56px;height:56px;background:linear-gradient(135deg,#04af741f,#fc65471f);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ResourceStage .icon-box i{font-size:28px;color:#04AF74}
.ResourceStage .topic-item:nth-child(2n) .icon-box i{color:#FC6547}
.ResourceStage .topic-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.ResourceStage .topic-desc{font-size:15px;color:#666;line-height:1.7}
@media (max-width: 768px) {
.TitleGrid{min-height:340px;margin-bottom:60px}
.TitleGrid .content-wrapper{padding:60px 20px}
.TitleGrid .heading-text{font-size:38px}
.TitleGrid .desc-text{font-size:17px}
.UpdatesCanvas{margin-bottom:70px}
.UpdatesCanvas .grid-arrangement{grid-template-columns:1fr;gap:24px}
.ResourceStage{padding:60px 20px}
.ResourceStage .section-header{margin-bottom:48px}
.ResourceStage .header-title{font-size:32px}
.ResourceStage .header-subtitle{font-size:16px}
.ResourceStage .topics-grid{grid-template-columns:1fr;gap:20px}
}
@media (min-width: 769px) and (max-width: 1366px) {
.TitleGrid .heading-text{font-size:48px}
.UpdatesCanvas .grid-arrangement{grid-template-columns:repeat(2,1fr)}
.ResourceStage .topics-grid{grid-template-columns:repeat(3,1fr)}
}
.SuccessWrapperMain{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#04AF74 0%,#FC6547 100%);position:relative;overflow:hidden;padding:60px 20px}
.SuccessWrapperMain::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#f8f8f81a 1px,transparent 1px);background-size:40px 40px;animation:GridDrift3 25s linear infinite}
@keyframes GridDrift3 {
0%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(40px,40px) rotate(360deg)}
}
.SuccessWrapperMain::after{content:'';position:absolute;bottom:-120px;right:-120px;width:480px;height:480px;background:radial-gradient(circle,#f8f8f826,transparent 70%);border-radius:50%;animation:FloatCircle7 18s ease-in-out infinite}
@keyframes FloatCircle7 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-60px,-60px) scale(1.15)}
}
.ContentCenterBox{background:#F8F8F8;max-width:680px;width:100%;padding:70px 50px;border-radius:0;box-shadow:0 24px 64px #0000002e;position:relative;z-index:2;text-align:center}
.IconSuccessWrap{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#04AF74,#FC6547);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:PulseGrow2 2s ease-in-out infinite}
@keyframes PulseGrow2 {
0%,100%{transform:scale(1);box-shadow:0 0 0 0 #04af7466}
50%{transform:scale(1.08);box-shadow:0 0 0 20px #04af7400}
}
.IconSuccessWrap i{font-size:52px;color:#F8F8F8}
.ContentCenterBox h1{font-size:42px;line-height:1.2;margin:0 0 20px;color:#1a1a1a;font-weight:700}
.MessageParagraph{font-size:18px;line-height:1.65;color:#444;margin:0 0 36px}
.ConfirmDetails{background:#04af7414;padding:24px 28px;border-left:4px solid #04AF74;margin:0 0 40px;text-align:left}
.ConfirmDetails p{font-size:15px;line-height:1.7;color:#333;margin:0 0 12px}
.ConfirmDetails p:last-child{margin:0}
.ConfirmDetails strong{color:#04AF74;font-weight:600}
.BtnGroupSucc{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.BtnPrimSucc{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#04AF74,#02956a);color:#F8F8F8;text-decoration:none;font-size:16px;font-weight:600;border-radius:6px;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 6px 18px #04af7440;position:relative;z-index:5}
.BtnPrimSucc:hover{transform:translateY(-3px);box-shadow:0 12px 28px #04af7459;background:linear-gradient(135deg,#02956a,#04AF74)}
.BtnSecSucc{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:transparent;color:#04AF74;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #04AF74;border-radius:6px;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);position:relative;z-index:5}
.BtnSecSucc:hover{background:#04AF74;color:#F8F8F8;transform:translateY(-3px);box-shadow:0 8px 22px #04af7438}
.ExtraNoteBox{margin-top:40px;padding-top:32px;border-top:1px solid #00000014}
.ExtraNoteBox p{font-size:14px;line-height:1.7;color:#666;margin:0 0 14px}
.ExtraNoteBox p:last-child{margin:0}
.ExtraNoteBox a{color:#FC6547;text-decoration:none;font-weight:600;transition:color .25s ease}
.ExtraNoteBox a:hover{color:#e04f35;text-decoration:underline}
@media (max-width: 768px) {
.SuccessWrapperMain{padding:40px 16px;min-height:70vh}
.ContentCenterBox{padding:50px 30px}
.ContentCenterBox h1{font-size:32px}
.MessageParagraph{font-size:16px}
.BtnGroupSucc{flex-direction:column}
.BtnPrimSucc,.BtnSecSucc{width:100%;justify-content:center}
.IconSuccessWrap{width:80px;height:80px}
.IconSuccessWrap i{font-size:44px}
}
@media (max-width: 375px) {
.ContentCenterBox{padding:40px 24px}
.ContentCenterBox h1{font-size:28px}
.ConfirmDetails{padding:20px}
}