*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'PT Serif',serif;line-height:1.6;color:#1a1a1a;background:#FFF8EA}
.HeaderOuter{background:linear-gradient(151deg,#5E83C3 0%,#227021 50%,#FFF8EA 100%);border-bottom:3px solid #227021;box-shadow:0 4px 12px #5e83c326}
.HeaderWrapper{max-width:1320px;margin:0 auto;padding:0 20px}
.CompanyNameRow{padding:24px 0 12px;text-align:center;border-bottom:2px solid #fff8ea4d}
.CompanyTitle{font-size:32px;font-weight:700;color:#FFF8EA;text-shadow:2px 2px 4px #0003;letter-spacing:1px}
.MainHeaderRow{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:40px}
.LogoContainer{flex-shrink:0}
.LogoLink{display:block;width:110px;height:110px}
.SiteLogo{width:100%;height:100%;object-fit:contain;background:#fff8eae6;border-radius:12px;padding:8px;box-shadow:0 4px 8px #00000026}
.PrimaryNav{flex:1;display:flex;justify-content:flex-end}
.NavList{display:flex;list-style:none;gap:8px;flex-wrap:wrap;align-items:center}
.NavItem{position:relative}
.NavItemWithSub:hover .SubNavList{display:block}
.NavLink{display:block;padding:12px 20px;color:#FFF8EA;text-decoration:none;font-weight:400;font-size:16px;background:#22702180;border-radius:8px;transition:background 200ms,color 200ms;border:1px solid transparent}
.NavLink:hover{background:#fff8eaf2;color:#227021;border-color:#227021}
.SubNavList{display:none;position:absolute;top:100%;left:0;background:#FFF8EA;list-style:none;min-width:200px;border-radius:8px;box-shadow:0 6px 16px #0003;padding:8px 0;margin-top:4px;z-index:1000;border:2px solid #5E83C3}
.SubNavItem{padding:0}
.SubNavLink{display:block;padding:12px 20px;color:#227021;text-decoration:none;font-size:15px;transition:background 150ms}
.SubNavLink:hover{background:#5e83c31a}
.FooterOuter{background:linear-gradient(151deg,#227021 0%,#5E83C3 50%,#FFF8EA 100%);border-top:3px solid #5E83C3;margin-top:60px}
.FooterWrapper{max-width:1320px;margin:0 auto;padding:48px 20px 24px}
.FooterColumns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:32px;padding-bottom:32px;border-bottom:2px solid #fff8ea4d}
.FooterColumn1,.FooterColumn2,.FooterColumn3{border:2px solid #fff8ea66;padding:24px;border-radius:12px;background:#fff8ea0d}
.FooterHeading{font-size:20px;font-weight:700;color:#FFF8EA;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #fff8ea4d}
.FooterContactInfo p{color:#FFF8EA;margin-bottom:10px;line-height:1.7}
.FooterContactInfo a{color:#FFF8EA;text-decoration:none;transition:color 150ms}
.FooterContactInfo a:hover{color:#5E83C3}
.FooterNavList{list-style:none}
.FooterNavItem{margin-bottom:12px}
.FooterNavLink{color:#FFF8EA;text-decoration:none;padding:4px 8px;display:inline-block;border:1px solid transparent;border-radius:6px;transition:border-color 150ms,background 150ms}
.FooterNavLink:hover{border-color:#FFF8EA;background:#fff8ea1a}
.FooterDescription{color:#FFF8EA;line-height:1.7}
.FooterBottom{text-align:center;padding-top:20px}
.CopyrightText{color:#FFF8EA;font-size:14px}
.CookiePopup{position:fixed;bottom:20px;right:20px;width:360px;background:#FFF8EA;border:3px solid #5E83C3;padding:24px;z-index:10000;box-shadow:0 8px 24px #00000040}
.CookieContent{display:block}
.CookieHeading{font-size:20px;font-weight:700;color:#227021;margin-bottom:12px}
.CookieText{font-size:14px;color:#1a1a1a;margin-bottom:20px;line-height:1.5}
.CookieActions{display:flex;flex-direction:column;gap:10px}
.CookieButton{padding:12px 16px;border:2px solid #5E83C3;background:#FFF8EA;color:#227021;font-family:'PT Serif',serif;font-size:14px;font-weight:700;cursor:pointer;transition:background 200ms,color 200ms}
.CookieButton:hover{background:#5E83C3;color:#FFF8EA}
.CookieAccept{background:#227021;color:#FFF8EA;border-color:#227021}
.CookieAccept:hover{background:#1a5a19}
.CookieReject{background:#FFF8EA;border-color:#227021}
.CookieSettings{margin-top:20px}
.CookieSubHeading{font-size:18px;font-weight:700;color:#227021;margin-bottom:16px}
.CookieCategory{margin-bottom:12px;padding:10px;border:1px solid #5E83C3;border-radius:6px}
.CookieLabel{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#1a1a1a}
.CookieCheckbox{width:18px;height:18px;cursor:pointer}
.CookieSave{background:#227021;color:#FFF8EA;border-color:#227021}
.CookieSave:hover{background:#1a5a19}
@media (max-width: 1024px) {
.MainHeaderRow{flex-direction:column;gap:20px}
.PrimaryNav{width:100%;justify-content:center}
.NavList{justify-content:center}
}
@media (max-width: 640px) {
.CompanyTitle{font-size:24px}
.LogoLink{width:90px;height:90px}
.NavList{flex-direction:column;width:100%}
.NavItem{width:100%}
.NavLink{text-align:center}
.SubNavList{position:static;box-shadow:none;border:none;margin-top:8px}
.FooterColumns{grid-template-columns:1fr}
.CookiePopup{width:calc(100% - 40px);right:20px;left:20px}
}
.EventsHeroOuter{background:linear-gradient(151deg,#5E83C3 0%,#227021 50%,#FFF8EA 100%);padding:76px 24px 68px;position:relative;overflow:hidden}
.EventsHeroOuter::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#fff8ea1f;border-radius:50%;z-index:1}
.HeroContentBlock{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.HeroContentBlock .MainTitleText{font-size:52px;font-weight:800;color:#FFF8EA;margin:0 0 28px;line-height:1.15;text-shadow:0 4px 12px #00000026}
.HeroContentBlock .SubheadingDescription{font-size:21px;color:#FFF8EA;line-height:1.6;max-width:720px;margin:0 0 34px;opacity:.96}
.HeroContentBlock .ActionButton{display:inline-block;padding:16px 38px;background:#FFF8EA;color:#227021;font-size:18px;font-weight:700;border-radius:10px;text-decoration:none;transition:200ms;box-shadow:0 6px 16px #0000002e}
.HeroContentBlock .ActionButton:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000040;background:#fff}
.CurrentProgramsSection{padding:84px 24px;background:#FFF8EA}
.ProgramsMainContainer{max-width:1320px;margin:0 auto}
.ProgramsMainContainer .SectionHeadingText{font-size:42px;font-weight:700;color:#227021;margin:0 0 18px;position:relative;display:inline-block}
.ProgramsMainContainer .SectionHeadingText::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#5E83C3 0%,#227021 100%);border-radius:12px}
.ProgramsMainContainer .IntroDescription{font-size:18px;color:#3a3a3a;line-height:1.7;margin:0 0 52px;max-width:840px}
.EventCardsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.EventCard{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #5e83c31f;transition:300ms;display:flex;flex-direction:column}
.EventCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #5e83c338}
.EventCard .CardImageWrap{width:100%;height:240px;overflow:hidden;position:relative}
.EventCard .CardImageWrap img{width:100%;height:100%;object-fit:cover;transition:400ms}
.EventCard:hover .CardImageWrap img{transform:scale(1.08)}
.EventCard .StatusBadge{position:absolute;top:16px;right:16px;padding:8px 18px;background:#227021;color:#FFF8EA;font-size:13px;font-weight:700;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}
.EventCard .CardBodyContent{padding:28px;flex-grow:1;display:flex;flex-direction:column}
.EventCard .EventTitle{font-size:24px;font-weight:700;color:#227021;margin:0 0 14px;line-height:1.3}
.EventCard .EventDetails{font-size:15px;color:#5a5a5a;line-height:1.65;margin:0 0 22px;flex-grow:1}
.EventCard .MetaInfo{display:flex;gap:18px;flex-wrap:wrap;padding-top:18px;border-top:2px solid #f0f0f0}
.EventCard .MetaItem{display:flex;align-items:center;gap:8px;font-size:14px;color:#5E83C3;font-weight:600}
.EventCard .MetaItem::before{content:'';display:inline-block;width:6px;height:6px;background:#5E83C3;border-radius:50%}
.InteractiveTimeline{padding:92px 24px;background:linear-gradient(180deg,#fff 0%,#FFF8EA 100%)}
.TimelineContainer{max-width:1320px;margin:0 auto}
.TimelineContainer .TimelineHeading{font-size:38px;font-weight:700;color:#227021;margin:0 0 58px;text-align:center}
.TimelineFlow{display:flex;flex-direction:column;gap:48px;position:relative;padding-left:42px}
.TimelineFlow::before{content:'';position:absolute;left:18px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#5E83C3 0%,#227021 100%);border-radius:8px}
.TimelinePhase{position:relative;padding-left:38px}
.TimelinePhase::before{content:'';position:absolute;left:-28px;top:4px;width:16px;height:16px;background:#227021;border:4px solid #FFF8EA;border-radius:50%;box-shadow:0 0 0 4px #5e83c333}
.TimelinePhase .PhaseTitle{font-size:26px;font-weight:700;color:#5E83C3;margin:0 0 12px}
.TimelinePhase .PhaseContent{font-size:16px;color:#4a4a4a;line-height:1.7;margin:0}
.RegistrationProcess{padding:88px 24px;background:#5E83C3;position:relative;overflow:hidden}
.RegistrationProcess::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:#fff8ea14;border-radius:50%}
.ProcessWrapper{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.ProcessWrapper .ProcessHeading{font-size:40px;font-weight:700;color:#FFF8EA;margin:0 0 48px;text-align:center}
.StepGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:36px}
.StepCard{background:#fff8ea24;backdrop-filter:blur(10px);border:2px solid #fff8ea38;border-radius:12px;padding:32px;transition:300ms}
.StepCard:hover{background:#fff8ea33;border-color:#fff8ea66;transform:translateY(-4px)}
.StepCard .StepNumber{font-size:48px;font-weight:800;color:#FFF8EA;margin:0 0 16px;opacity:.4;line-height:1}
.StepCard .StepTitle{font-size:22px;font-weight:700;color:#FFF8EA;margin:0 0 12px}
.StepCard .StepDescription{font-size:15px;color:#FFF8EA;line-height:1.65;margin:0;opacity:.9}
.BenefitsShowcase{padding:86px 24px;background:#FFF8EA}
.BenefitsHolder{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.BenefitsText .BenefitsHeading{font-size:36px;font-weight:700;color:#227021;margin:0 0 26px;line-height:1.3}
.BenefitsText .BenefitsList{list-style:none;padding:0;margin:0}
.BenefitsText .BenefitsList li{font-size:17px;color:#3a3a3a;line-height:1.7;margin:0 0 18px;padding-left:32px;position:relative}
.BenefitsText .BenefitsList li::before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;background:#227021;border-radius:4px;transform:rotate(45deg)}
.BenefitsText .BenefitsList li::after{content:'';position:absolute;left:6px;top:10px;width:6px;height:10px;border:solid #FFF8EA;border-width:0 3px 3px 0;transform:rotate(45deg);z-index:1}
.BenefitsVisual{position:relative}
.BenefitsVisual img{width:100%;height:auto;border-radius:16px;box-shadow:0 14px 38px #5e83c340}
.BenefitsVisual::before{content:'';position:absolute;top:-24px;right:-24px;width:200px;height:200px;background:linear-gradient(135deg,#5E83C3 0%,#227021 100%);opacity:.15;border-radius:50%;z-index:-1}
@media (max-width: 1024px) {
.EventsHeroOuter{padding:64px 20px 56px}
.HeroContentBlock .MainTitleText{font-size:40px}
.HeroContentBlock .SubheadingDescription{font-size:18px}
.BenefitsHolder{grid-template-columns:1fr;gap:42px}
.BenefitsVisual{order:-1}
}
@media (max-width: 640px) {
.EventsHeroOuter{padding:48px 16px 44px}
.HeroContentBlock .MainTitleText{font-size:32px;margin-bottom:20px}
.HeroContentBlock .SubheadingDescription{font-size:16px;margin-bottom:26px}
.HeroContentBlock .ActionButton{font-size:16px;padding:14px 30px}
.CurrentProgramsSection{padding:56px 16px}
.ProgramsMainContainer .SectionHeadingText{font-size:30px}
.ProgramsMainContainer .IntroDescription{font-size:16px;margin-bottom:36px}
.EventCardsGrid{grid-template-columns:1fr;gap:24px}
.InteractiveTimeline{padding:64px 16px}
.TimelineContainer .TimelineHeading{font-size:28px;margin-bottom:42px}
.TimelineFlow{padding-left:32px}
.TimelinePhase .PhaseTitle{font-size:22px}
.RegistrationProcess{padding:64px 16px}
.ProcessWrapper .ProcessHeading{font-size:30px;margin-bottom:36px}
.StepGrid{grid-template-columns:1fr;gap:24px}
.BenefitsShowcase{padding:64px 16px}
.BenefitsText .BenefitsHeading{font-size:28px}
.BenefitsText .BenefitsList li{font-size:16px}
}
.TitleWrap89{background:linear-gradient(151deg,#5E83C3 0%,#227021 50%,#FFF8EA 100%);padding:72px 24px;position:relative;overflow:hidden}
.TitleWrap89::before{content:'';position:absolute;top:-120px;right:-80px;width:340px;height:340px;border:2px solid #fff8ea26;border-radius:50%;pointer-events:none}
.TitleWrap89::after{content:'';position:absolute;bottom:-160px;left:-100px;width:420px;height:420px;border:2px solid #fff8ea1f;border-radius:50%;pointer-events:none}
.TitleContentBox{max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:48px;align-items:center;position:relative;z-index:2}
.TitleImageArea{width:100%;max-width:540px;position:relative}
.TitleImageArea img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 16px 48px #00000038;filter:blur(0.3px)}
.TitleTextSide{text-align:center;max-width:680px}
.TitleTextSide h1{font-size:2.8rem;line-height:1.2;color:#FFF8EA;margin:0 0 32px;font-weight:700}
.TitleCta47{display:inline-block;background:#227021;color:#FFF8EA;padding:16px 42px;border-radius:10px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 280ms ease;box-shadow:0 6px 18px #22702159;position:relative;z-index:10}
.TitleCta47:hover{background:#1a5819;transform:translateY(-2px);box-shadow:0 10px 28px #22702173}
.SupportSection92{padding:88px 24px;background:#FFF8EA}
.SupportInner{max-width:1320px;margin:0 auto}
.SupportHeader{text-align:center;margin-bottom:64px}
.SupportHeader h2{font-size:2.4rem;color:#227021;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.SupportHeader h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#5E83C3,#227021);border-radius:2px}
.SupportGrid{display:grid;grid-template-columns:1fr;gap:32px}
.SupportCard18{background:#fff;padding:36px;border-radius:14px;box-shadow:0 4px 16px #5e83c31f;transition:all 320ms ease;border-left:4px solid #5E83C3}
.SupportCard18:hover{transform:translateX(6px);box-shadow:0 8px 24px #5e83c333}
.SupportCard18 h3{font-size:1.5rem;color:#227021;margin:0 0 14px;font-weight:600}
.SupportCard18 p{color:#444;line-height:1.7;margin:0 0 12px;font-size:1.05rem}
.SupportImageWrap{margin-top:48px;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #00000024}
.SupportImageWrap img{width:100%;height:auto;display:block}
.AboutSection71{padding:96px 24px;background:linear-gradient(135deg,#5E83C3 0%,#227021 100%);position:relative}
.AboutInner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:56px;align-items:center}
.AboutText{color:#FFF8EA}
.AboutText h2{font-size:2.2rem;margin:0 0 24px;font-weight:700;position:relative;padding-left:24px}
.AboutText h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:#FFF8EA;border-radius:3px}
.AboutText p{font-size:1.1rem;line-height:1.8;margin:0 0 18px;opacity:.95}
.AboutVisual{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.AboutImageBox{border-radius:10px;overflow:hidden;box-shadow:0 8px 20px #00000040}
.AboutImageBox img{width:100%;height:100%;object-fit:cover;display:block}
.AboutImageBox:first-child{grid-column:span 2}
.MethodBox43{background:#fff8ea26;padding:28px;border-radius:12px;margin-top:32px;border:1px solid #fff8ea40}
.MethodBox43 h4{font-size:1.3rem;margin:0 0 12px;color:#FFF8EA;font-weight:600}
.MethodBox43 p{margin:0;font-size:1.05rem;line-height:1.7}
@media (min-width: 640px) {
.SupportGrid{grid-template-columns:1fr 1fr}
}
@media (min-width: 1024px) {
.TitleContentBox{flex-direction:row;justify-content:space-between;gap:64px}
.TitleImageArea{max-width:480px}
.TitleTextSide{text-align:left;max-width:600px}
.TitleTextSide h1{font-size:3.2rem}
.SupportGrid{grid-template-columns:repeat(3,1fr)}
.AboutInner{grid-template-columns:1fr 1fr;gap:72px}
.AboutText h2{font-size:2.6rem}
.AboutVisual{grid-template-columns:1fr 1fr}
}
.ContactFrame{max-width:1320px;margin:0 auto;padding:0 20px}
.UpperSection{background:linear-gradient(151deg,#5E83C3 0%,#227021 50%,#FFF8EA 100%);padding:80px 20px 90px;position:relative}
.UpperSection::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#227021}
.UpperSection .ContactFrame{display:flex;flex-direction:column;gap:48px}
.IntroText{max-width:720px}
.IntroText h1{color:#FFF8EA;font-size:42px;font-weight:700;margin:0 0 20px;line-height:1.2}
.IntroText p{color:#FFF8EA;font-size:18px;line-height:1.6;margin:0 0 14px}
.IntroText p:last-child{margin-bottom:0}
.CompanyDetails{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.DetailCard{background:#fff8ea26;padding:28px;border-radius:12px;border:1px solid #fff8ea4d;backdrop-filter:blur(8px)}
.DetailCard h3{color:#FFF8EA;font-size:16px;font-weight:600;margin:0 0 14px;text-transform:uppercase;letter-spacing:.5px}
.DetailCard p{color:#FFF8EA;font-size:17px;line-height:1.5;margin:0 0 10px}
.DetailCard p:last-child{margin-bottom:0}
.DetailCard a{color:#FFF8EA;text-decoration:underline;transition:opacity 200ms}
.DetailCard a:hover{opacity:.8}
.FormRegion{padding:90px 20px;background:#FFF8EA}
.FormRegion .ContactFrame{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.SideContent{position:relative}
.SideContent h2{color:#227021;font-size:36px;font-weight:700;margin:0 0 24px;line-height:1.3}
.SideContent h2::before{content:'';position:absolute;left:-14px;top:8px;width:4px;height:42px;background:#5E83C3;border-radius:2px}
.SideContent p{color:#2c2c2c;font-size:17px;line-height:1.7;margin:0 0 18px}
.HelpNote{background:#5e83c314;padding:24px;border-radius:10px;border-left:4px solid #5E83C3;margin-top:32px}
.HelpNote p{color:#2c2c2c;font-size:15px;line-height:1.6;margin:0}
.ImageDisplay{margin-top:36px;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px #2270211f}
.ImageDisplay img{width:100%;height:auto;display:block;object-fit:cover}
.FormContainer{background:#fff;padding:44px;border-radius:14px;box-shadow:0 4px 20px #00000014;border:1px solid #5e83c333}
.FormContainer h3{color:#227021;font-size:24px;font-weight:700;margin:0 0 28px}
.ContactForm{display:flex;flex-direction:column;gap:24px}
.FieldRow{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.InputGroup{display:flex;flex-direction:column;gap:8px}
.InputGroup label{color:#2c2c2c;font-size:15px;font-weight:600}
.InputGroup input,.InputGroup select{padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;color:#2c2c2c;transition:border-color 200ms,box-shadow 200ms;background:#fff}
.InputGroup input:focus,.InputGroup select:focus{outline:none;border-color:#5E83C3;box-shadow:0 0 0 3px #5e83c31a}
.InputGroup select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%232c2c2c' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;padding-right:40px}
.PrivacyConsent{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.PrivacyConsent input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.PrivacyConsent label{color:#4a4a4a;font-size:14px;line-height:1.6;cursor:pointer}
.PrivacyConsent label a{color:#5E83C3;text-decoration:underline;transition:color 150ms}
.PrivacyConsent label a:hover{color:#227021}
.SubmitButton{background:linear-gradient(135deg,#5E83C3 0%,#227021 100%);color:#FFF8EA;padding:16px 36px;border:none;border-radius:10px;font-size:17px;font-weight:700;cursor:pointer;transition:transform 200ms,box-shadow 300ms;box-shadow:0 4px 12px #22702140;margin-top:12px}
.SubmitButton:hover{transform:translateY(-2px);box-shadow:0 6px 18px #22702159}
.SubmitButton:active{transform:translateY(0)}
@media (max-width: 1024px) {
.FormRegion .ContactFrame{grid-template-columns:1fr;gap:50px}
.UpperSection{padding:60px 20px 70px}
.IntroText h1{font-size:36px}
.FormRegion{padding:70px 20px}
}
@media (max-width: 640px) {
.UpperSection{padding:50px 20px 60px}
.IntroText h1{font-size:30px}
.IntroText p{font-size:16px}
.CompanyDetails{grid-template-columns:1fr;gap:24px}
.DetailCard{padding:22px}
.SideContent h2{font-size:28px}
.FormContainer{padding:32px 24px}
.FieldRow{grid-template-columns:1fr;gap:24px}
.FormRegion{padding:60px 20px}
}
.ProgramPageOuter{max-width:1320px;margin:0 auto;padding:0 20px}
.HeroSectionWrap{background:linear-gradient(151deg,#5E83C3 0%,#227021 50%,#FFF8EA 100%);padding:80px 0;margin-bottom:60px;position:relative;overflow:hidden}
.HeroSectionWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#fff8ea1a;border-radius:50%;z-index:1}
.HeroInner12{max-width:1320px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.HeroContentBlock{max-width:720px}
.HeroContentBlock h1{font-size:48px;color:#FFF8EA;margin-bottom:24px;line-height:1.2;font-weight:700}
.HeroContentBlock .IntroText92{font-size:20px;color:#FFF8EA;line-height:1.6;margin-bottom:32px;opacity:.95}
.HeroButtons{display:flex;gap:16px;flex-wrap:wrap}
.BtnPrimary88{background:#227021;color:#FFF8EA;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;transition:all 200ms ease;display:inline-block;border:2px solid transparent}
.BtnPrimary88:hover{background:#1a5a19;transform:translateY(-2px);box-shadow:0 4px 12px #2270214d}
.BtnSecondary44{background:transparent;color:#FFF8EA;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;transition:all 200ms ease;display:inline-block;border:2px solid #FFF8EA}
.BtnSecondary44:hover{background:#fff8ea1a;transform:translateY(-2px)}
.ProgramStructureArea{margin-bottom:80px}
.SectionHeading77{text-align:center;margin-bottom:60px}
.SectionHeading77 h2{font-size:38px;color:#227021;margin-bottom:16px;font-weight:700;position:relative;display:inline-block}
.SectionHeading77 h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#5E83C3,#227021);border-radius:2px}
.SectionHeading77 p{font-size:18px;color:#333;line-height:1.6;max-width:680px;margin:24px auto 0}
.ModuleGridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px}
.ModuleCard23{background:#FFF8EA;padding:32px;border-radius:12px;border:2px solid #5E83C3;transition:all 300ms ease;position:relative}
.ModuleCard23:hover{transform:translateY(-4px);box-shadow:0 8px 24px #5e83c333;border-color:#227021}
.ModuleNumber56{position:absolute;top:-16px;left:24px;background:linear-gradient(135deg,#5E83C3,#227021);color:#FFF8EA;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;box-shadow:0 4px 12px #5e83c34d}
.ModuleCard23 h3{font-size:24px;color:#227021;margin-bottom:16px;margin-top:8px;font-weight:700}
.ModuleCard23 .DurationInfo33{font-size:14px;color:#5E83C3;margin-bottom:12px;font-weight:600}
.ModuleCard23 p{font-size:16px;color:#333;line-height:1.6;margin-bottom:16px}
.TopicList91{list-style:none;padding:0;margin:0}
.TopicList91 li{font-size:15px;color:#333;padding:8px 0 8px 28px;position:relative;line-height:1.5}
.TopicList91 li::before{content:'';position:absolute;left:0;top:14px;width:16px;height:16px;background:#227021;border-radius:3px;transform:rotate(45deg)}
.TopicList91 li::after{content:'';position:absolute;left:4px;top:10px;color:#FFF8EA;font-size:12px;font-weight:700;z-index:1}
.LearningFormatSection{background:#f8f9fa;padding:80px 0;margin-bottom:60px;position:relative}
.LearningFormatSection::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#5E83C3 0%,#227021 50%,#5E83C3 100%)}
.FormatInnerWrap{max-width:1320px;margin:0 auto;padding:0 20px}
.SplitLayoutArea{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ImageBlockWrapper{position:relative}
.ImageBlockWrapper::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;background:linear-gradient(135deg,#5E83C3,#227021);border-radius:12px;z-index:1}
.ImageBlockWrapper img{position:relative;z-index:2;width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 8px 32px #00000026}
.ContentAreaRight h2{font-size:36px;color:#227021;margin-bottom:24px;font-weight:700}
.ContentAreaRight p{font-size:17px;color:#333;line-height:1.7;margin-bottom:20px}
.FeatureGridSmall{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.FeatureItem67{background:#fff;padding:24px;border-radius:10px;border-left:4px solid #5E83C3;transition:all 250ms ease}
.FeatureItem67:hover{border-left-color:#227021;box-shadow:0 4px 16px #5e83c326}
.FeatureItem67 h4{font-size:18px;color:#227021;margin-bottom:8px;font-weight:700}
.FeatureItem67 p{font-size:15px;color:#555;line-height:1.5;margin-bottom:0}
.CertificationDivider{margin:60px 0;height:2px;background:linear-gradient(90deg,transparent,#5E83C3,#227021,#5E83C3,transparent)}
.CertificationInfoBox{background:linear-gradient(135deg,#FFF8EA,#f5f0e1);padding:48px;border-radius:12px;border:2px solid #5E83C3;text-align:center;max-width:900px;margin:0 auto}
.CertificationInfoBox h3{font-size:28px;color:#227021;margin-bottom:20px;font-weight:700}
.CertificationInfoBox p{font-size:17px;color:#333;line-height:1.7;margin-bottom:16px}
.CertBadgeRow{display:flex;justify-content:center;gap:40px;margin-top:32px;flex-wrap:wrap}
.CertBadge88{text-align:center}
.CertBadge88 .IconCircle{width:80px;height:80px;background:linear-gradient(135deg,#5E83C3,#227021);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 6px 20px #5e83c340}
.CertBadge88 .IconCircle::before{content:'';font-size:36px;color:#FFF8EA}
.CertBadge88 span{display:block;font-size:15px;color:#227021;font-weight:600}
@media (max-width: 1024px) {
.ModuleGridLayout{grid-template-columns:repeat(2,1fr);gap:24px}
.SplitLayoutArea{grid-template-columns:1fr;gap:40px}
.FeatureGridSmall{grid-template-columns:1fr}
.HeroContentBlock h1{font-size:38px}
}
@media (max-width: 640px) {
.HeroSectionWrap{padding:60px 0}
.HeroContentBlock h1{font-size:32px}
.HeroContentBlock .IntroText92{font-size:18px}
.HeroButtons{flex-direction:column}
.BtnPrimary88,.BtnSecondary44{text-align:center}
.ModuleGridLayout{grid-template-columns:1fr}
.SectionHeading77 h2{font-size:30px}
.ImageBlockWrapper img{height:320px}
.ContentAreaRight h2{font-size:28px}
.CertBadgeRow{gap:24px}
.CertificationInfoBox{padding:32px 24px}
}
.TechReqs_MainWrap{max-width:1320px;margin:0 auto;padding:0 20px}
.TechIntro_Section{padding:80px 0 60px;background:linear-gradient(151deg,#5E83C3 0%,#227021 50%,#FFF8EA 100%);position:relative;overflow:hidden}
.TechIntro_Section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#fff8ea14;border-radius:50%;z-index:1}
.TechIntro_Content{max-width:920px;margin:0 auto;position:relative;z-index:2;text-align:center}
.TechIntro_Header{font-size:48px;font-weight:700;color:#FFF8EA;margin-bottom:24px;line-height:1.2}
.TechIntro_Description{font-size:19px;color:#FFF8EA;line-height:1.6;margin-bottom:16px}
.SystemDetails_Outer{padding:90px 0;background:#FFF8EA}
.SystemDetails_Grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px 36px;max-width:1140px;margin:0 auto}
.SystemCard_Box{background:#fff;padding:32px 28px;border-radius:12px;box-shadow:0 4px 12px #5e83c314;border-left:4px solid #5E83C3;transition:transform 200ms,box-shadow 300ms}
.SystemCard_Box:hover{transform:translateY(-4px);box-shadow:0 8px 24px #5e83c326}
.SystemCard_Icon{width:56px;height:56px;background:linear-gradient(135deg,#5E83C3 0%,#227021 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.SystemCard_Icon svg{width:28px;height:28px;fill:#FFF8EA}
.SystemCard_Title{font-size:22px;font-weight:600;color:#227021;margin-bottom:14px;line-height:1.3}
.SystemCard_Text{font-size:16px;color:#444;line-height:1.65;margin-bottom:12px}
.SystemCard_Specs{font-size:15px;color:#5E83C3;font-weight:500;margin-top:16px}
.BrowserConnection_Area{padding:85px 0;background:#fff;position:relative}
.BrowserConnection_Layout{display:flex;gap:64px;align-items:center;max-width:1180px;margin:0 auto}
.BrowserConnection_ImageBlock{flex:0 0 480px}
.BrowserConnection_ImageBlock img{width:100%;height:auto;border-radius:14px;box-shadow:0 6px 20px #2270211f;object-fit:cover}
.BrowserConnection_TextBlock{flex:1}
.BrowserConnection_Heading{font-size:38px;font-weight:700;color:#227021;margin-bottom:28px;line-height:1.25;position:relative;padding-left:18px}
.BrowserConnection_Heading::before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,#5E83C3 0%,#227021 100%);border-radius:3px}
.BrowserConnection_Paragraph{font-size:17px;color:#3a3a3a;line-height:1.7;margin-bottom:18px}
.BrowserList_Container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}
.BrowserItem_Entry{background:#FFF8EA;padding:18px 22px;border-radius:10px;display:flex;align-items:center;gap:14px;transition:background 250ms}
.BrowserItem_Entry:hover{background:#f5efd7}
.BrowserItem_Check{width:24px;height:24px;background:#227021;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.BrowserItem_Check svg{width:14px;height:14px;fill:#FFF8EA}
.BrowserItem_Name{font-size:16px;font-weight:500;color:#227021}
.AccessibilityTools_Zone{padding:80px 0 90px;background:linear-gradient(135deg,#FFF8EA 0%,#fff 100%)}
.AccessibilityTools_Header{text-align:center;margin-bottom:56px}
.AccessibilityTools_MainTitle{font-size:42px;font-weight:700;color:#227021;margin-bottom:20px;line-height:1.2}
.AccessibilityTools_Subtext{font-size:18px;color:#555;line-height:1.6;max-width:780px;margin:0 auto}
.ToolTabs_Wrapper{max-width:1100px;margin:0 auto}
.ToolTabs_Navigation{display:flex;gap:12px;margin-bottom:42px;flex-wrap:wrap;justify-content:center}
.ToolTab_Input{display:none}
.ToolTab_Label{padding:14px 28px;background:#fff;border:2px solid #5E83C3;border-radius:8px;color:#5E83C3;font-size:16px;font-weight:600;cursor:pointer;transition:all 250ms}
.ToolTab_Label:hover{background:#5E83C3;color:#FFF8EA}
.ToolTab_Input:checked + .ToolTab_Label{background:#227021;border-color:#227021;color:#FFF8EA}
.ToolContent_Panel{display:none;background:#fff;padding:42px 38px;border-radius:14px;box-shadow:0 5px 18px #5e83c31a}
#tool1:checked ~ .ToolContent_Container .ToolContent_Panel:nth-child(1),#tool2:checked ~ .ToolContent_Container .ToolContent_Panel:nth-child(2),#tool3:checked ~ .ToolContent_Container .ToolContent_Panel:nth-child(3),#tool4:checked ~ .ToolContent_Container .ToolContent_Panel:nth-child(4){display:block}
.ToolPanel_Title{font-size:28px;font-weight:700;color:#227021;margin-bottom:22px;line-height:1.3}
.ToolPanel_Description{font-size:17px;color:#444;line-height:1.7;margin-bottom:16px}
.ToolRequirement_List{margin-top:28px;display:grid;gap:14px}
.ToolRequirement_Item{display:flex;gap:14px;padding:16px;background:#FFF8EA;border-radius:8px}
.ToolRequirement_Bullet{width:8px;height:8px;background:#5E83C3;border-radius:50%;margin-top:6px;flex-shrink:0}
.ToolRequirement_Text{font-size:16px;color:#3a3a3a;line-height:1.6}
@media (max-width: 1024px) {
.TechIntro_Header{font-size:38px}
.BrowserConnection_Layout{flex-direction:column;gap:44px}
.BrowserConnection_ImageBlock{flex:0 0 auto;max-width:100%}
.BrowserConnection_Heading{font-size:32px}
.SystemDetails_Grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:36px 28px}
}
@media (max-width: 640px) {
.TechIntro_Section{padding:60px 0 50px}
.TechIntro_Header{font-size:32px;margin-bottom:20px}
.TechIntro_Description{font-size:17px}
.SystemDetails_Outer{padding:60px 0}
.SystemDetails_Grid{grid-template-columns:1fr;gap:28px}
.BrowserConnection_Area{padding:60px 0}
.BrowserConnection_Heading{font-size:28px;padding-left:14px}
.BrowserList_Container{grid-template-columns:1fr}
.AccessibilityTools_Zone{padding:60px 0 70px}
.AccessibilityTools_MainTitle{font-size:34px}
.ToolTabs_Navigation{flex-direction:column}
.ToolTab_Label{text-align:center}
.ToolContent_Panel{padding:32px 24px}
.ToolPanel_Title{font-size:24px}
}
.PolicyHero{background:linear-gradient(151deg,#5E83C3 0%,#227021 50%,#FFF8EA 100%);padding:72px 24px;position:relative;overflow:hidden}
.PolicyHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#fff8ea26;border-radius:50%}
.PolicyHero-inner{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.PolicyHero .PageTitle{font-size:2.8rem;color:#FFF8EA;margin:0 0 16px;font-weight:700}
.PolicyHero .UpdatedDate{font-size:1rem;color:#FFF8EA;opacity:.9}
.ContentWrapper{max-width:1320px;margin:0 auto;padding:64px 24px}
.PolicySection{margin-bottom:56px}
.PolicySection:last-child{margin-bottom:0}
.SectionHeader{font-size:1.8rem;color:#227021;margin:0 0 24px;font-weight:600;position:relative;padding-left:20px}
.SectionHeader::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:32px;background:linear-gradient(180deg,#5E83C3,#227021);border-radius:3px}
.PolicySection .TextBlock{font-size:1rem;line-height:1.7;color:#2d2d2d;margin-bottom:20px}
.PolicySection .TextBlock:last-child{margin-bottom:0}
.InfoBox{background:#FFF8EA;border-left:4px solid #5E83C3;padding:24px;margin:32px 0;border-radius:8px}
.InfoBox .BoxTitle{font-size:1.2rem;color:#227021;margin:0 0 12px;font-weight:600}
.InfoBox .BoxText{font-size:.95rem;line-height:1.6;color:#3d3d3d;margin:0}
.CookieTypeList{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:32px 0}
.CookieCard{background:#f8f9fa;border-radius:12px;padding:28px;border:2px solid transparent;transition:all 300ms ease}
.CookieCard:hover{border-color:#5E83C3;box-shadow:0 6px 16px #5e83c326;transform:translateY(-2px)}
.CookieCard .CardLabel{font-size:1.3rem;color:#227021;margin:0 0 12px;font-weight:600}
.CookieCard .CardDesc{font-size:.93rem;line-height:1.6;color:#4a4a4a;margin:0}
.DataTable{width:100%;border-collapse:collapse;margin:32px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000f}
.DataTable thead{background:linear-gradient(135deg,#5E83C3,#227021)}
.DataTable th{padding:16px;text-align:left;font-size:.95rem;font-weight:600;color:#FFF8EA}
.DataTable td{padding:16px;font-size:.93rem;color:#3d3d3d;border-bottom:1px solid #e8e8e8}
.DataTable tr:last-child td{border-bottom:none}
.DataTable tbody tr{transition:background 200ms ease}
.DataTable tbody tr:hover{background:#f5f9fc}
.BulletList{list-style:none;padding:0;margin:24px 0}
.BulletList li{padding-left:32px;margin-bottom:14px;position:relative;font-size:.95rem;line-height:1.6;color:#3d3d3d}
.BulletList li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#5E83C3;border-radius:50%}
.ContactBlock{background:linear-gradient(135deg,#5E83C3 0%,#227021 100%);border-radius:12px;padding:36px;margin:48px 0 0;color:#FFF8EA}
.ContactBlock .ContactTitle{font-size:1.5rem;margin:0 0 20px;font-weight:600}
.ContactBlock .ContactInfo{font-size:.98rem;line-height:1.8;margin:0}
.ContactBlock .ContactInfo strong{font-weight:600;display:inline-block;min-width:80px}
.DividerWave{width:100%;height:60px;margin:64px 0;position:relative}
.DividerWave svg{width:100%;height:100%}
@media (max-width: 1024px) {
.PolicyHero{padding:56px 20px}
.PolicyHero .PageTitle{font-size:2.2rem}
.ContentWrapper{padding:48px 20px}
.SectionHeader{font-size:1.5rem}
.CookieTypeList{grid-template-columns:1fr}
.DataTable{font-size:.85rem}
.DataTable th,.DataTable td{padding:12px}
}
@media (max-width: 640px) {
.PolicyHero{padding:40px 16px}
.PolicyHero .PageTitle{font-size:1.8rem}
.ContentWrapper{padding:36px 16px}
.SectionHeader{font-size:1.3rem;padding-left:16px}
.SectionHeader::before{width:4px;height:24px}
.InfoBox{padding:20px}
.CookieCard{padding:20px}
.ContactBlock{padding:28px 20px}
.DataTable{display:block;overflow-x:auto}
}
.PrivacyWrap{max-width:1320px;margin:0 auto;padding:0 20px}
.PolicyHeader73{background:linear-gradient(151deg,#5E83C3 0%,#227021 50%,#FFF8EA 100%);padding:80px 20px 60px;text-align:center;border-radius:12px;margin:40px 0}
.PolicyHeader73 h1{font-size:2.8rem;color:#FFF8EA;margin:0 0 16px;font-weight:700;text-shadow:0 2px 8px #00000026}
.PolicyHeader73 .UpdateDate42{font-size:1rem;color:#FFF8EA;opacity:.9}
.ContentGrid88{display:grid;grid-template-columns:280px 1fr;gap:48px;margin:60px 0;align-items:start}
.SideNav19{position:sticky;top:20px;background:#FFF8EA;padding:28px;border-radius:10px;box-shadow:0 4px 12px #5e83c31a}
.SideNav19 h2{font-size:1.1rem;color:#227021;margin:0 0 20px;font-weight:600}
.NavLinks67{list-style:none;padding:0;margin:0}
.NavLinks67 li{margin:0 0 12px}
.NavLinks67 a{display:block;color:#5E83C3;text-decoration:none;padding:8px 12px;border-radius:6px;font-size:.95rem;transition:all 200ms ease;border-left:3px solid transparent}
.NavLinks67 a:hover{background:#5e83c314;border-left-color:#5E83C3;transform:translateX(4px)}
.MainContent54{background:#fff;padding:48px;border-radius:12px;box-shadow:0 2px 16px #0000000f}
.PolicySection31{margin:0 0 52px;padding:0 0 52px;border-bottom:1px solid #5e83c326}
.PolicySection31:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.PolicySection31 h2{font-size:1.9rem;color:#227021;margin:0 0 24px;font-weight:600;position:relative;padding-left:20px}
.PolicySection31 h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:32px;background:linear-gradient(180deg,#5E83C3 0%,#227021 100%);border-radius:3px}
.PolicySection31 h3{font-size:1.4rem;color:#5E83C3;margin:32px 0 16px;font-weight:600}
.PolicySection31 p{font-size:1.05rem;line-height:1.7;color:#2a2a2a;margin:0 0 18px}
.PolicySection31 ul{list-style:none;padding:0;margin:20px 0}
.PolicySection31 ul li{padding:12px 0 12px 32px;position:relative;font-size:1.05rem;line-height:1.6;color:#2a2a2a}
.PolicySection31 ul li::before{content:'';position:absolute;left:0;top:20px;width:12px;height:12px;background:#5E83C3;border-radius:50%;box-shadow:0 0 0 3px #5e83c333}
.HighlightBox78{background:linear-gradient(135deg,#5e83c30f 0%,#fff8ea66 100%);padding:24px 28px;border-radius:10px;border-left:4px solid #5E83C3;margin:24px 0}
.HighlightBox78 p{margin:0;color:#2a2a2a;font-size:1.05rem}
.ContactBlock46{background:#227021;color:#FFF8EA;padding:32px;border-radius:12px;margin:40px 0 0}
.ContactBlock46 h3{font-size:1.5rem;margin:0 0 16px;color:#FFF8EA}
.ContactBlock46 p{margin:0 0 12px;font-size:1.05rem;line-height:1.6;color:#FFF8EA}
.ContactBlock46 a{color:#FFF8EA;text-decoration:underline;transition:opacity 150ms ease}
.ContactBlock46 a:hover{opacity:.8}
.TableWrap92{overflow-x:auto;margin:24px 0;border-radius:8px;box-shadow:0 2px 8px #0000000d}
.DataTable15{width:100%;border-collapse:collapse;background:#fff}
.DataTable15 thead{background:linear-gradient(135deg,#5E83C3 0%,#227021 100%)}
.DataTable15 thead th{padding:16px;text-align:left;font-weight:600;color:#FFF8EA;font-size:1rem}
.DataTable15 tbody td{padding:14px 16px;border-bottom:1px solid #5e83c31a;color:#2a2a2a;font-size:1rem}
.DataTable15 tbody tr:hover{background:#5e83c308}
@media (max-width: 1024px) {
.ContentGrid88{grid-template-columns:1fr;gap:32px}
.SideNav19{position:relative;top:0}
.MainContent54{padding:32px 24px}
.PolicyHeader73 h1{font-size:2.2rem}
}
@media (max-width: 640px) {
.PolicyHeader73{padding:60px 20px 40px;margin:20px 0}
.PolicyHeader73 h1{font-size:1.8rem}
.MainContent54{padding:24px 16px}
.PolicySection31 h2{font-size:1.5rem}
.PolicySection31 h3{font-size:1.2rem}
.PolicySection31 p,.PolicySection31 ul li{font-size:1rem}
.SideNav19{padding:20px}
.ContactBlock46{padding:24px 20px}
.TableWrap92{margin:20px -16px;border-radius:0}
}
.SuccessPageOuter{background:linear-gradient(151deg,#5E83C3 0%,#227021 50%,#FFF8EA 100%);padding:80px 20px;min-height:85vh;display:flex;align-items:center;justify-content:center}
.SuccessInnerWrap{max-width:680px;margin:0 auto;background:#FFF8EA;border-radius:16px;padding:60px 45px;box-shadow:0 8px 24px #5e83c333;text-align:center}
.SuccessIconContainer{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#227021 0%,#5E83C3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}
.SuccessIconContainer::before{content:'';position:absolute;width:112px;height:112px;border:3px solid #5e83c34d;border-radius:50%;animation:PulseRing23 2s infinite ease-out}
@keyframes PulseRing23 {
0%{transform:scale(0.9);opacity:1}
100%{transform:scale(1.2);opacity:0}
}
.SuccessIconContainer svg{width:48px;height:48px;fill:#FFF8EA}
.SuccessHeadline{font-size:38px;font-weight:700;color:#227021;margin:0 0 16px;line-height:1.2}
.SuccessSubtext{font-size:18px;color:#5E83C3;line-height:1.6;margin:0 0 28px}
.SuccessDetails{background:#5e83c314;border-radius:12px;padding:28px 32px;margin:32px 0;border-left:4px solid #5E83C3}
.SuccessDetails p{font-size:16px;line-height:1.7;color:#333;margin:0 0 12px}
.SuccessDetails p:last-child{margin-bottom:0}
.SuccessDetails strong{color:#227021;font-weight:600}
.SuccessActionArea{display:flex;flex-direction:column;gap:16px;margin-top:36px}
.SuccessButton1{display:inline-block;background:#227021;color:#FFF8EA;padding:16px 36px;border-radius:10px;text-decoration:none;font-size:17px;font-weight:600;transition:all 200ms ease;box-shadow:0 4px 12px #22702140}
.SuccessButton1:hover{background:#1a5a1a;transform:translateY(-2px);box-shadow:0 6px 16px #22702159}
.SuccessButton2{display:inline-block;background:transparent;color:#5E83C3;padding:14px 32px;border-radius:10px;text-decoration:none;font-size:16px;font-weight:500;border:2px solid #5E83C3;transition:all 200ms ease}
.SuccessButton2:hover{background:#5E83C3;color:#FFF8EA;border-color:#5E83C3}
.SuccessNote{font-size:14px;color:#666;margin-top:28px;line-height:1.6}
@media (max-width: 640px) {
.SuccessPageOuter{padding:48px 16px}
.SuccessInnerWrap{padding:40px 28px}
.SuccessHeadline{font-size:28px}
.SuccessSubtext{font-size:16px}
.SuccessDetails{padding:20px 24px}
.SuccessDetails p{font-size:15px}
.SuccessButton1{padding:14px 28px;font-size:16px}
.SuccessButton2{padding:12px 24px;font-size:15px}
}