*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Noto Sans',sans-serif;background:linear-gradient(135deg,#0a1410 0%,#163421 50%,#0f1f17 100%);color:#FFF;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.TopHeaderBar{background:linear-gradient(180deg,#1a3d28 0%,#163421 100%);padding:20px 0;border-bottom:3px solid #DEFF0D;box-shadow:0 4px 8px #0009}
.HeaderContainerBox{max-width:1140px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.LogoBrandBlock{display:flex;align-items:center;gap:16px}
.CompanyLogoImg{height:90px;width:90px;border-radius:12px;background:#deff0d1a;padding:8px;box-shadow:0 3px 6px #deff0d4d}
.BrandIdentityGroup{display:flex;flex-direction:column;gap:4px}
.CompanyNameDisplay{font-size:28px;font-weight:700;color:#DEFF0D;text-shadow:2px 2px 4px #00000080}
.TaglineSubtext{font-size:14px;color:#c4e8d4;font-weight:400}
.ContactNavBlock{display:flex;align-items:center}
.ContactInfoDisplay{display:flex;gap:24px;flex-wrap:wrap}
.PhoneContactLink,.EmailContactLink{display:flex;align-items:center;gap:8px;color:#FFF;text-decoration:none;font-size:14px;padding:10px 16px;background:#deff0d26;border-radius:10px;border:2px solid transparent;transition:all .3s ease}
.PhoneContactLink:hover,.EmailContactLink:hover{background:#deff0d40;border-color:#DEFF0D}
.PhoneContactLink i,.EmailContactLink i{font-size:18px;color:#DEFF0D}
.MainNavBar{background:#0f261a;padding:16px 0;box-shadow:0 3px 6px #0006}
.NavContainerBox{max-width:1140px;margin:0 auto;padding:0 20px}
.PrimaryNavigation{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}
.NavLinkItem{color:#FFF;text-decoration:none;font-size:16px;font-weight:700;padding:8px 16px;border-radius:8px;background:#ffffff0d;transition:all .3s ease}
.NavLinkItem:hover{background:#deff0d33;color:#DEFF0D}
main{flex:1}
.PrimaryFooterSection{background:linear-gradient(180deg,#163421 0%,#0a1410 100%);padding:50px 20px 30px;border-top:4px solid #DEFF0D;margin-top:60px}
.FooterContentWrapper{max-width:1140px;margin:0 auto}
.FooterInfoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.CompanyDetailsColumn h3.FooterHeadingText{font-size:26px;color:#DEFF0D;margin-bottom:16px;font-weight:700}
.FooterDescriptionText{font-size:14px;line-height:1.7;color:#c4e8d4;margin-bottom:20px}
.ContactDetailsList{display:flex;flex-direction:column;gap:12px}
.AddressLineText,.PhoneLineText,.EmailLineText{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#FFF}
.AddressLineText i,.PhoneLineText i,.EmailLineText i{color:#DEFF0D;font-size:18px;margin-top:2px}
.QuickLinksColumn h4.FooterSectionTitle,.NewsletterColumn h4.FooterSectionTitle{font-size:20px;color:#DEFF0D;margin-bottom:16px;font-weight:700}
.FooterNavList{display:flex;flex-direction:column;gap:10px}
.FooterNavLink{color:#c4e8d4;text-decoration:none;font-size:14px;padding:6px 0;transition:all .3s ease;display:inline-block}
.FooterNavLink:hover{color:#DEFF0D;padding-left:8px}
.NewsletterDescText{font-size:14px;color:#c4e8d4;margin-bottom:18px;line-height:1.6}
.SocialLinksGroup{display:flex;gap:14px}
.SocialIconLink{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#deff0d26;border-radius:50%;color:#DEFF0D;text-decoration:none;font-size:20px;transition:all .3s ease;border:2px solid transparent}
.SocialIconLink:hover{background:#deff0d4d;border-color:#DEFF0D;transform:translateY(-3px)}
.SecondaryFooterBar{background:#0a1410;padding:20px;border-top:2px solid #deff0d4d}
.CopyrightWrapper{max-width:1140px;margin:0 auto;text-align:center}
.CopyrightNotice{font-size:13px;color:#c4e8d4}
.CookieConsentPanel{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#163421 0%,#1a3d28 100%);border:3px solid #DEFF0D;border-radius:14px;padding:28px;max-width:420px;box-shadow:0 6px 16px #000000b3;z-index:9999}
.ConsentContentBox h3.ConsentHeadingText{font-size:22px;color:#DEFF0D;margin-bottom:14px;font-weight:700}
.ConsentDescriptionText{font-size:14px;color:#FFF;line-height:1.6;margin-bottom:20px}
.ConsentButtonGroup{display:flex;gap:12px}
.ConsentAcceptBtn,.ConsentDeclineBtn{flex:1;padding:12px 20px;font-size:15px;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s ease;font-family:'Noto Sans',sans-serif}
.ConsentAcceptBtn{background:transparent;color:#DEFF0D;border:2px solid #DEFF0D}
.ConsentAcceptBtn:hover{background:#deff0d26}
.ConsentDeclineBtn{background:transparent;color:#FFF;border:2px solid #FFF}
.ConsentDeclineBtn:hover{background:#ffffff1a}
@keyframes slideInUp {
from{transform:translateY(100px);opacity:0}
to{transform:translateY(0);opacity:1}
}
@keyframes slideOutDown {
from{transform:translateY(0);opacity:1}
to{transform:translateY(100px);opacity:0}
}
@media (max-width: 768px) {
.HeaderContainerBox{flex-direction:column;align-items:flex-start}
.ContactInfoDisplay{flex-direction:column;gap:12px;width:100%}
.PhoneContactLink,.EmailContactLink{width:100%;justify-content:center}
.PrimaryNavigation{flex-direction:column;gap:12px}
.NavLinkItem{text-align:center;width:100%}
.FooterInfoGrid{grid-template-columns:1fr;gap:30px}
.CookieConsentPanel{right:10px;left:10px;max-width:none}
.ConsentButtonGroup{flex-direction:column}
}
@media (max-width: 375px) {
.CompanyNameDisplay{font-size:22px}
.CompanyLogoImg{height:70px;width:70px}
.TopHeaderBar{padding:16px 0}
}
@media (min-width: 1366px) {
.HeaderContainerBox,.NavContainerBox,.FooterContentWrapper,.CopyrightWrapper{max-width:1140px}
.FooterInfoGrid{grid-template-columns:2fr 1fr 1fr}
}
.text-policy-x{max-width:1140px;margin:0 auto;padding:80px 20px;background:linear-gradient(180deg,#0a1f14 0%,#163421 100%)}
.text-policy-x h1{font-size:48px;line-height:1.2;color:#DEFF0D;margin:0 0 24px;font-weight:700;letter-spacing:-.5px}
.text-policy-x h2{font-size:36px;line-height:1.3;color:#DEFF0D;margin:64px 0 20px;font-weight:600;letter-spacing:-.3px}
.text-policy-x h3{font-size:28px;line-height:1.4;color:#FFF;margin:48px 0 16px;font-weight:600}
.text-policy-x h4{font-size:22px;line-height:1.5;color:#FFF;margin:40px 0 14px;font-weight:600}
.text-policy-x h5{font-size:18px;line-height:1.5;color:#FFF;margin:32px 0 12px;font-weight:600}
.text-policy-x h6{font-size:16px;line-height:1.6;color:#FFF;margin:28px 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.text-policy-x p{font-size:17px;line-height:1.8;color:#e8f5ed;margin:0 0 20px;font-weight:400}
.text-policy-x em,.text-policy-x i{font-style:italic;color:#DEFF0D}
.text-policy-x a{color:#DEFF0D;text-decoration:underline;font-weight:500;transition:all .25s ease}
.text-policy-x a:hover{color:#FFF;text-decoration:none;background:linear-gradient(90deg,#DEFF0D 0%,#7fc91f 100%);padding:2px 6px;border-radius:4px;box-shadow:0 2px 8px #deff0d4d}
.text-policy-x hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#DEFF0D 50%,transparent 100%);margin:56px 0;box-shadow:0 2px 4px #deff0d33}
.text-policy-x div{margin:24px 0}
.text-policy-x h1 + p{font-size:19px;color:#c8e8d4;margin-bottom:48px}
.text-policy-x h2 + p,.text-policy-x h3 + p{margin-top:16px}
@media (max-width: 1366px) {
.text-policy-x{padding:60px 24px}
.text-policy-x h1{font-size:42px}
.text-policy-x h2{font-size:32px;margin:56px 0 18px}
.text-policy-x h3{font-size:24px}
}
@media (max-width: 768px) {
.text-policy-x{padding:40px 16px}
.text-policy-x h1{font-size:32px;margin-bottom:20px}
.text-policy-x h2{font-size:26px;margin:48px 0 16px}
.text-policy-x h3{font-size:22px;margin:36px 0 14px}
.text-policy-x h4{font-size:20px;margin:32px 0 12px}
.text-policy-x h5{font-size:17px}
.text-policy-x h6{font-size:15px}
.text-policy-x p{font-size:16px;line-height:1.7;margin-bottom:18px}
.text-policy-x hr{margin:40px 0}
}
@media (max-width: 375px) {
.text-policy-x{padding:32px 12px}
.text-policy-x h1{font-size:28px}
.text-policy-x h2{font-size:24px}
.text-policy-x h3{font-size:20px}
.text-policy-x p{font-size:15px}
}
.TitleLanding{background:linear-gradient(135deg,#0a1f12 0%,#163421 50%,#1a2f1e 100%);padding:0;position:relative;overflow:hidden;min-height:520px}
.TitleLanding-Wrapper{max-width:1140px;margin:0 auto;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:60px 20px}
.TitleLanding-ImageZone{position:relative;height:100%;min-height:480px;margin-left:-20px}
.TitleLanding-Photo{width:100%;height:100%;object-fit:cover;display:block;border-radius:0 12px 12px 0}
.TitleLanding-ImageOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#0a1f1266 0%,#1634211a 100%);pointer-events:none}
.TitleLanding-ContentBox{position:relative;z-index:2;padding:30px 40px 30px 0}
.TitleLanding-TextContainer{max-width:540px}
.TitleLanding-MainHeading{font-size:3rem;font-weight:700;color:#DEFF0D;line-height:1.15;margin:0 0 20px;letter-spacing:-.5px}
.TitleLanding-SpacingElement{width:80px;height:3px;background:linear-gradient(90deg,#DEFF0D 0%,#deff0d4d 100%);margin:20px 0 30px}
.TitleLanding-Description{font-size:1.125rem;color:#FFF;line-height:1.7;margin:0;opacity:.95}
.TitleLanding-DecorativeFrame{position:absolute;top:40px;right:40px;width:calc(50% - 60px);height:calc(100% - 80px);border:1px solid #deff0d40;border-radius:12px;pointer-events:none;z-index:1}
.StoryGrid{background:radial-gradient(ellipse at top,#0f2419 0%,#0a1812 100%);padding:100px 0;position:relative}
.StoryGrid-Container{max-width:1140px;margin:0 auto;padding:0 20px}
.StoryGrid-LeftColumn{display:grid;grid-template-columns:1.2fr 0.8fr;gap:50px;margin-bottom:80px;align-items:start}
.StoryGrid-RightColumn{display:grid;grid-template-columns:0.8fr 1.2fr;gap:50px;margin-bottom:80px;align-items:start}
.StoryGrid-TextBlock{padding:20px 0}
.StoryGrid-Heading{font-size:2.25rem;font-weight:700;color:#DEFF0D;line-height:1.25;margin:0 0 28px;position:relative;padding-left:20px}
.StoryGrid-Heading::before{content:'';position:absolute;left:0;top:8px;width:4px;height:60%;background:linear-gradient(180deg,#DEFF0D 0%,#deff0d4d 100%);border-radius:2px}
.StoryGrid-SubHeading{font-size:1.75rem;font-weight:600;color:#FFF;line-height:1.3;margin:0 0 22px}
.StoryGrid-Paragraph{font-size:1.0625rem;color:#ffffffe6;line-height:1.75;margin:0 0 24px}
.StoryGrid-Paragraph:last-child{margin-bottom:0}
.StoryGrid-ImageBlock{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000004d}
.StoryGrid-ImageBlock--first{margin-top:40px}
.StoryGrid-ImageBlock--second{margin-bottom:40px}
.StoryGrid-Image{width:100%;height:100%;min-height:320px;object-fit:cover;display:block}
.StoryGrid-FullColumn{margin-top:40px}
.StoryGrid-ProcessContainer{background:linear-gradient(135deg,#16342166 0%,#0a1f1299 100%);border:1px solid #deff0d26;border-radius:14px;padding:60px 50px}
.StoryGrid-ProcessHeading{font-size:2rem;font-weight:700;color:#FFF;text-align:center;margin:0 0 50px}
.StoryGrid-ProcessGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 35px}
.StoryGrid-ProcessCard{background:#0a181280;border:1px solid #deff0d33;border-radius:10px;padding:35px 30px;position:relative}
.StoryGrid-ProcessNumber{position:absolute;top:-18px;left:30px;background:linear-gradient(135deg,#DEFF0D 0%,#a8c20a 100%);color:#163421;font-size:1.125rem;font-weight:800;width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #deff0d4d}
.StoryGrid-ProcessTitle{font-size:1.375rem;font-weight:600;color:#DEFF0D;margin:0 0 16px}
.StoryGrid-ProcessText{font-size:1rem;color:#ffffffd9;line-height:1.7;margin:0}
.TeamReveal{background:#0d1f15;padding:90px 0}
.TeamReveal-Container{max-width:1140px;margin:0 auto;padding:0 20px}
.TeamReveal-IntroSection{text-align:center;max-width:820px;margin:0 auto 70px}
.TeamReveal-MainTitle{font-size:2.5rem;font-weight:700;color:#DEFF0D;margin:0 0 24px;line-height:1.2}
.TeamReveal-IntroText{font-size:1.125rem;color:#ffffffe6;line-height:1.7;margin:0}
.TeamReveal-ProfileDisplay{background:linear-gradient(135deg,#1634214d 0%,#0a181280 100%);border:1px solid #deff0d33;border-radius:12px;overflow:hidden;margin-bottom:80px}
.TeamReveal-RadioInput{display:none}
.TeamReveal-TabControls{display:flex;border-bottom:2px solid #deff0d33}
.TeamReveal-TabButton{flex:1;padding:22px 30px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;text-align:center;position:relative}
.TeamReveal-TabText{font-size:1.125rem;font-weight:600;color:#fff9;transition:color .3s ease}
.TeamReveal-TabButton:hover .TeamReveal-TabText{color:#ffffffe6}
#profile-elspeth:checked ~ .TeamReveal-TabControls label[for="profile-elspeth"],#profile-info:checked ~ .TeamReveal-TabControls label[for="profile-info"]{background:#deff0d14}
#profile-elspeth:checked ~ .TeamReveal-TabControls label[for="profile-elspeth"]::after,#profile-info:checked ~ .TeamReveal-TabControls label[for="profile-info"]::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#DEFF0D 0%,#a8c20a 100%)}
#profile-elspeth:checked ~ .TeamReveal-TabControls label[for="profile-elspeth"] .TeamReveal-TabText,#profile-info:checked ~ .TeamReveal-TabControls label[for="profile-info"] .TeamReveal-TabText{color:#DEFF0D}
.TeamReveal-ContentPanels{position:relative}
.TeamReveal-Panel{display:none;padding:50px 40px}
#profile-elspeth:checked ~ .TeamReveal-ContentPanels .TeamReveal-Panel--profile,#profile-info:checked ~ .TeamReveal-ContentPanels .TeamReveal-Panel--method{display:block}
.TeamReveal-ProfileLayout{display:grid;grid-template-columns:320px 1fr;gap:50px;align-items:start}
.TeamReveal-PhotoWrapper{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px #0006}
.TeamReveal-ProfilePhoto{width:100%;height:420px;object-fit:cover;display:block}
.TeamReveal-ProfileContent{padding:10px 0}
.TeamReveal-ProfileName{font-size:2rem;font-weight:700;color:#FFF;margin:0 0 8px}
.TeamReveal-ProfileRole{font-size:1.125rem;color:#DEFF0D;font-weight:600;margin:0 0 24px}
.TeamReveal-ProfileBio{font-size:1.0625rem;color:#ffffffe0;line-height:1.7;margin:0 0 20px}
.TeamReveal-ProfileStats{display:flex;gap:35px;margin-top:35px;padding-top:30px;border-top:1px solid #deff0d33}
.TeamReveal-StatItem{text-align:center}
.TeamReveal-StatNumber{font-size:2rem;font-weight:800;color:#DEFF0D;line-height:1;margin-bottom:8px}
.TeamReveal-StatLabel{font-size:.9375rem;color:#ffffffb3;line-height:1.3}
.TeamReveal-MethodLayout{max-width:900px;margin:0 auto}
.TeamReveal-MethodTitle{font-size:1.875rem;font-weight:700;color:#FFF;margin:0 0 24px}
.TeamReveal-MethodText{font-size:1.0625rem;color:#ffffffe0;line-height:1.7;margin:0 0 24px}
.TeamReveal-MethodGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}
.TeamReveal-MethodCard{background:#0a1f1280;border:1px solid #deff0d26;border-radius:10px;padding:30px 24px;text-align:center}
.TeamReveal-MethodIcon{width:56px;height:56px;margin:0 auto 20px;background:linear-gradient(135deg,#deff0d26 0%,#a8c20a1a 100%);border-radius:10px;display:flex;align-items:center;justify-content:center}
.TeamReveal-MethodIcon i{font-size:1.75rem;color:#DEFF0D}
.TeamReveal-MethodCardTitle{font-size:1.25rem;font-weight:600;color:#FFF;margin:0 0 14px}
.TeamReveal-MethodCardText{font-size:.9375rem;color:#fffc;line-height:1.65;margin:0}
.TeamReveal-ApproachSection{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.TeamReveal-ApproachImage{width:100%;height:420px;object-fit:cover;border-radius:10px;box-shadow:0 5px 15px #0000004d}
.TeamReveal-ApproachContent{padding:20px 0}
.TeamReveal-ApproachTitle{font-size:1.875rem;font-weight:700;color:#DEFF0D;margin:0 0 24px;line-height:1.3}
.TeamReveal-ApproachText{font-size:1.0625rem;color:#ffffffe0;line-height:1.7;margin:0 0 22px}
.TeamReveal-ApproachButton{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#DEFF0D 0%,#a8c20a 100%);color:#163421;font-size:1.0625rem;font-weight:700;text-decoration:none;border-radius:8px;box-shadow:0 4px 12px #deff0d4d;transition:all .3s ease;margin-top:10px;position:relative;z-index:10}
.TeamReveal-ApproachButton:hover{transform:translateY(-2px);box-shadow:0 6px 18px #deff0d66;background:linear-gradient(135deg,#f0ff3d 0%,#b8d01a 100%)}
@media (max-width: 1366px) {
.TitleLanding-MainHeading{font-size:2.5rem}
.StoryGrid-ProcessGrid{gap:35px 30px}
}
@media (max-width: 768px) {
.TitleLanding-Wrapper{grid-template-columns:1fr;padding:40px 20px;gap:30px}
.TitleLanding-ImageZone{margin-left:-20px;margin-right:-20px;min-height:320px}
.TitleLanding-Photo{border-radius:0}
.TitleLanding-ContentBox{padding:20px 0}
.TitleLanding-MainHeading{font-size:2rem}
.TitleLanding-Description{font-size:1rem}
.TitleLanding-DecorativeFrame{display:none}
.StoryGrid{padding:60px 0}
.StoryGrid-LeftColumn,.StoryGrid-RightColumn{grid-template-columns:1fr;gap:30px;margin-bottom:50px}
.StoryGrid-ImageBlock--first,.StoryGrid-ImageBlock--second{margin:0}
.StoryGrid-Heading{font-size:1.75rem}
.StoryGrid-SubHeading{font-size:1.5rem}
.StoryGrid-ProcessContainer{padding:40px 25px}
.StoryGrid-ProcessGrid{grid-template-columns:1fr;gap:30px}
.TeamReveal{padding:60px 0}
.TeamReveal-IntroSection{margin-bottom:50px}
.TeamReveal-MainTitle{font-size:2rem}
.TeamReveal-ProfileLayout{grid-template-columns:1fr;gap:30px}
.TeamReveal-PhotoWrapper{max-width:320px;margin:0 auto}
.TeamReveal-ProfileStats{gap:25px;flex-wrap:wrap;justify-content:center}
.TeamReveal-MethodGrid{grid-template-columns:1fr;gap:24px}
.TeamReveal-ApproachSection{grid-template-columns:1fr;gap:35px}
.TeamReveal-Panel{padding:35px 25px}
}
@media (max-width: 375px) {
.TitleLanding-MainHeading{font-size:1.75rem}
.StoryGrid-Heading{font-size:1.5rem}
.StoryGrid-ProcessContainer{padding:30px 20px}
.TeamReveal-MainTitle{font-size:1.75rem}
.TeamReveal-TabButton{padding:18px 20px}
.TeamReveal-TabText{font-size:1rem}
.TeamReveal-Panel{padding:30px 20px}
}
.HeroTeaching{background:linear-gradient(135deg,#0a1a0f 0%,#163421 50%,#0d1f15 100%);padding:5rem 1.5rem 4rem;position:relative;overflow:hidden}
.HeroTeaching::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#deff0d14 0%,transparent 70%);border-radius:50%}
.HeroContainer{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.HeroTeaching .IntroGrid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.HeroTeaching .TextColumn h1{font-size:3.2rem;color:#DEFF0D;margin-bottom:1.5rem;line-height:1.2;font-weight:700}
.HeroTeaching .TextColumn .LeadParagraph{font-size:1.25rem;color:#e8e8e8;line-height:1.7;margin-bottom:2rem}
.HeroTeaching .ImageColumn{position:relative}
.HeroTeaching .ImageColumn img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 20px 60px #00000080 0 8px 16px #deff0d26}
.ApproachSection{background:#0f1f14;padding:5rem 1.5rem}
.ApproachWrapper{max-width:1140px;margin:0 auto}
.ApproachSection .SectionHead{text-align:center;margin-bottom:4rem}
.ApproachSection .SectionHead h2{font-size:2.5rem;color:#FFF;margin-bottom:1rem;position:relative;display:inline-block}
.ApproachSection .SectionHead h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,#DEFF0D,transparent)}
.ApproachSection .SectionHead p{font-size:1.15rem;color:silver;line-height:1.6}
.ApproachSection .MethodGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.ApproachSection .MethodCard{background:linear-gradient(145deg,#163421 0%,#0d1f15 100%);padding:2.5rem 2rem;border-radius:10px;border:1px solid #deff0d26;transition:all .3s ease}
.ApproachSection .MethodCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #deff0d33;border-color:#deff0d66}
.ApproachSection .MethodCard .IconBox{width:64px;height:64px;background:#deff0d1a;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.ApproachSection .MethodCard .IconBox i{font-size:2rem;color:#DEFF0D}
.ApproachSection .MethodCard h3{font-size:1.5rem;color:#DEFF0D;margin-bottom:1rem}
.ApproachSection .MethodCard p{font-size:1rem;color:#d0d0d0;line-height:1.7}
.ProcessTimeline{background:linear-gradient(180deg,#0a1a0f 0%,#163421 100%);padding:5rem 1.5rem;position:relative}
.ProcessTimeline::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#DEFF0D,transparent)}
.ProcessContainer{max-width:1140px;margin:0 auto}
.ProcessTimeline h2{font-size:2.5rem;color:#FFF;margin-bottom:3rem;text-align:left}
.ProcessTimeline h2::before{content:'';display:inline-block;width:6px;height:40px;background:#DEFF0D;margin-right:1rem;vertical-align:middle}
.ProcessTimeline .StepsLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 4rem}
.ProcessTimeline .StepItem{display:flex;gap:1.5rem;align-items:flex-start}
.ProcessTimeline .StepNumber{min-width:56px;height:56px;background:linear-gradient(135deg,#DEFF0D 0%,#a8c20a 100%);color:#163421;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #deff0d4d}
.ProcessTimeline .StepContent h4{font-size:1.35rem;color:#DEFF0D;margin-bottom:.75rem}
.ProcessTimeline .StepContent p{font-size:1rem;color:#d0d0d0;line-height:1.7}
.TeamShowcase{background:#0f1f14;padding:5rem 1.5rem}
.TeamContainer{max-width:1140px;margin:0 auto}
.TeamShowcase .IntroBox{max-width:720px;margin-bottom:3.5rem}
.TeamShowcase .IntroBox h2{font-size:2.5rem;color:#FFF;margin-bottom:1.25rem}
.TeamShowcase .IntroBox p{font-size:1.1rem;color:silver;line-height:1.7}
.TeamShowcase .InstructorsGrid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.TeamShowcase .InstructorCard{background:linear-gradient(135deg,#163421 0%,#0d1f15 100%);border-radius:12px;overflow:hidden;border:1px solid #deff0d1a;display:flex;flex-direction:row;transition:all .3s ease}
.TeamShowcase .InstructorCard:hover{border-color:#deff0d4d;box-shadow:0 8px 24px #deff0d26}
.TeamShowcase .InstructorCard .PhotoBox{width:200px;flex-shrink:0}
.TeamShowcase .InstructorCard .PhotoBox img{width:100%;height:100%;object-fit:cover}
.TeamShowcase .InstructorCard .InfoBox{padding:2rem;display:flex;flex-direction:column;justify-content:center}
.TeamShowcase .InstructorCard h3{font-size:1.5rem;color:#DEFF0D;margin-bottom:.5rem}
.TeamShowcase .InstructorCard .RoleLabel{font-size:.95rem;color:#a0a0a0;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}
.TeamShowcase .InstructorCard .BioText{font-size:1rem;color:#d0d0d0;line-height:1.7}
@media (max-width: 1366px) {
.HeroTeaching .IntroGrid,.ProcessTimeline .StepsLayout,.TeamShowcase .InstructorsGrid{gap:2.5rem}
}
@media (max-width: 768px) {
.HeroTeaching{padding:3rem 1.5rem 2.5rem}
.HeroTeaching .IntroGrid{grid-template-columns:1fr;gap:2rem}
.HeroTeaching .TextColumn h1{font-size:2.2rem}
.HeroTeaching .TextColumn .LeadParagraph{font-size:1.1rem}
.HeroTeaching .ImageColumn img{height:320px}
.ApproachSection,.ProcessTimeline,.TeamShowcase{padding:3rem 1.5rem}
.ApproachSection .SectionHead h2,.ProcessTimeline h2,.TeamShowcase .IntroBox h2{font-size:2rem}
.ApproachSection .MethodGrid{grid-template-columns:1fr;gap:1.5rem}
.ProcessTimeline .StepsLayout{grid-template-columns:1fr;gap:2rem}
.TeamShowcase .InstructorsGrid{grid-template-columns:1fr;gap:2rem}
.TeamShowcase .InstructorCard{flex-direction:column}
.TeamShowcase .InstructorCard .PhotoBox{width:100%;height:280px}
}
@media (max-width: 375px) {
.HeroTeaching .TextColumn h1{font-size:1.9rem}
.ApproachSection .SectionHead h2,.ProcessTimeline h2,.TeamShowcase .IntroBox h2{font-size:1.75rem}
.ProcessTimeline .StepNumber{min-width:48px;height:48px;font-size:1.25rem}
}
.HeroBox{background:linear-gradient(135deg,#163421 0%,#0a1a0f 100%);padding:4.5rem 1.5rem 4rem;position:relative;overflow:hidden}
.HeroBox::before{content:'';position:absolute;top:-30%;right:-15%;width:60%;height:140%;background:radial-gradient(ellipse at center,#deff0d14 0%,transparent 70%);pointer-events:none}
.HeroBox::after{content:'';position:absolute;bottom:-20%;left:-10%;width:50%;height:100%;background:radial-gradient(circle at center,#deff0d0d 0%,transparent 65%);pointer-events:none}
.HeroBox .grid-container{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.HeroBox .grid-x{display:flex;flex-wrap:wrap;margin-left:-.9375rem;margin-right:-.9375rem}
.HeroBox .cell{padding-left:.9375rem;padding-right:.9375rem}
.HeroBox .medium-7{width:100%}
.HeroBox .medium-5{width:100%}
.HeroContent h1{font-size:2.8rem;line-height:1.15;color:#DEFF0D;margin-bottom:1.8rem;font-weight:700}
.HeroContent .KeyPointsList{list-style:none;margin:0 0 2rem;padding:0}
.HeroContent .KeyPointsList li{color:#FFF;font-size:1.1rem;line-height:1.6;margin-bottom:1rem;padding-left:2rem;position:relative}
.HeroContent .KeyPointsList li::before{content:'';position:absolute;left:0;top:.5rem;width:1.2rem;height:1.2rem;background:linear-gradient(135deg,#DEFF0D 0%,#b8d10a 100%);border-radius:3px}
.HeroContent .CtaButton{display:inline-block;background:linear-gradient(135deg,#DEFF0D 0%,#c5e80c 100%);color:#163421;padding:.95rem 2.5rem;font-size:1.05rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #deff0d40;z-index:10;position:relative}
.HeroContent .CtaButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #deff0d59;background:linear-gradient(135deg,#c5e80c 0%,#DEFF0D 100%)}
.HeroVisualArea{margin-top:2.5rem;position:relative}
.HeroVisualArea img{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0006}
.ApproachSection{background:#0d1f13;padding:4.5rem 1.5rem}
.ApproachSection .grid-container{max-width:1140px;margin:0 auto}
.SectionHeader{text-align:center;margin-bottom:3.5rem}
.SectionHeader h2{font-size:2.4rem;color:#DEFF0D;margin-bottom:1rem;font-weight:700}
.SectionHeader p{font-size:1.15rem;color:#FFF;line-height:1.7;max-width:720px;margin:0 auto;opacity:.92}
.MethodsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}
.MethodCard{background:linear-gradient(145deg,#163421 0%,#0f2418 100%);border-radius:12px;padding:2rem 1.8rem;border:1px solid #deff0d1f;transition:all .3s ease}
.MethodCard:hover{transform:translateY(-4px);border-color:#deff0d4d;box-shadow:0 8px 20px #0000004d}
.MethodCard h3{font-size:1.5rem;color:#DEFF0D;margin-bottom:1rem;font-weight:600}
.MethodCard p{font-size:1rem;color:#FFF;line-height:1.65;opacity:.88;margin-bottom:1.2rem}
.MethodCard .IconHolder{width:52px;height:52px;background:#deff0d1a;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
.MethodCard .IconHolder i{font-size:1.8rem;color:#DEFF0D}
.AccessibilityBlock{background:linear-gradient(to bottom,#163421 0%,#0a1912 100%);padding:4.5rem 1.5rem;position:relative}
.AccessibilityBlock::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,#deff0d4d 50%,transparent 100%)}
.AccessibilityBlock .grid-container{max-width:1140px;margin:0 auto}
.AccessibilityBlock .grid-x{display:flex;flex-wrap:wrap;align-items:center;margin-left:-.9375rem;margin-right:-.9375rem}
.AccessibilityBlock .cell{padding-left:.9375rem;padding-right:.9375rem}
.AccessibilityBlock .medium-6{width:100%}
.AccessTextBox h2{font-size:2.3rem;color:#DEFF0D;margin-bottom:1.5rem;font-weight:700}
.AccessTextBox p{font-size:1.05rem;color:#FFF;line-height:1.75;margin-bottom:1.3rem;opacity:.9}
.AccessTextBox .StatsRow{display:flex;gap:2.5rem;margin-top:2rem}
.StatItem{flex:1}
.StatItem .StatNumber{font-size:2.8rem;color:#DEFF0D;font-weight:700;line-height:1;display:block;margin-bottom:.5rem}
.StatItem .StatLabel{font-size:.95rem;color:#FFF;opacity:.8;text-transform:uppercase;letter-spacing:.05em}
.AccessImageBox{margin-top:2rem}
.AccessImageBox img{width:100%;height:auto;max-height:380px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #00000059}
.TeamShowcase{background:#0d1f13;padding:4.5rem 1.5rem}
.TeamShowcase .grid-container{max-width:1140px;margin:0 auto}
.TeamIntro{text-align:center;margin-bottom:3.5rem}
.TeamIntro h2{font-size:2.4rem;color:#DEFF0D;margin-bottom:1rem;font-weight:700}
.TeamIntro p{font-size:1.1rem;color:#FFF;line-height:1.7;max-width:780px;margin:0 auto;opacity:.9}
.TeamProfileBox{display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#163421 0%,#0f2418 100%);border-radius:12px;padding:2.5rem 2rem;max-width:520px;margin:0 auto;border:1px solid #deff0d1f}
.TeamProfileBox .ProfileImage{width:140px;height:140px;border-radius:50%;overflow:hidden;margin-bottom:1.5rem;border:3px solid #DEFF0D}
.TeamProfileBox .ProfileImage img{width:100%;height:100%;object-fit:cover}
.TeamProfileBox h3{font-size:1.7rem;color:#DEFF0D;margin-bottom:.4rem;font-weight:600}
.TeamProfileBox .RoleTitle{font-size:1rem;color:#FFF;opacity:.7;margin-bottom:1.2rem;text-transform:uppercase;letter-spacing:.05em}
.TeamProfileBox p{font-size:1rem;color:#FFF;line-height:1.7;text-align:center;opacity:.88}
.OpportunitiesWrap{background:linear-gradient(135deg,#163421 0%,#0a1a0f 100%);padding:4.5rem 1.5rem;position:relative;overflow:hidden}
.OpportunitiesWrap::before{content:'';position:absolute;top:-15%;left:-10%;width:45%;height:120%;background:radial-gradient(ellipse at center,#deff0d0f 0%,transparent 70%);pointer-events:none}
.OpportunitiesWrap .grid-container{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.OpportunitiesWrap .grid-x{display:flex;flex-wrap:wrap;margin-left:-.9375rem;margin-right:-.9375rem}
.OpportunitiesWrap .cell{padding-left:.9375rem;padding-right:.9375rem}
.OpportunitiesWrap .medium-5{width:100%}
.OpportunitiesWrap .medium-7{width:100%}
.OpportunitiesImageBox img{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #00000059;margin-bottom:2rem}
.OpportunitiesContent h2{font-size:2.3rem;color:#DEFF0D;margin-bottom:1.5rem;font-weight:700}
.OpportunitiesContent p{font-size:1.05rem;color:#FFF;line-height:1.75;margin-bottom:1.5rem;opacity:.9}
.FeaturesList{list-style:none;margin:2rem 0;padding:0}
.FeaturesList li{color:#FFF;font-size:1rem;line-height:1.7;margin-bottom:1.2rem;padding-left:2.2rem;position:relative;opacity:.88}
.FeaturesList li::before{content:'';position:absolute;left:0;top:.4rem;width:8px;height:8px;background:#DEFF0D;border-radius:50%;box-shadow:0 0 8px #deff0d80}
.TrialAccessSection{background:#0d1f13;padding:5rem 1.5rem;text-align:center}
.TrialAccessSection .grid-container{max-width:1140px;margin:0 auto}
.TrialAccessSection .grid-x{display:flex;flex-wrap:wrap;justify-content:center;margin-left:-.9375rem;margin-right:-.9375rem}
.TrialAccessSection .cell{padding-left:.9375rem;padding-right:.9375rem}
.TrialAccessSection .medium-10{width:100%;max-width:920px}
.TrialContentBox h2{font-size:2.5rem;color:#DEFF0D;margin-bottom:1.5rem;font-weight:700}
.TrialContentBox p{font-size:1.15rem;color:#FFF;line-height:1.75;margin-bottom:2rem;opacity:.9}
.TrialImageBox{margin:2.5rem 0;display:flex;justify-content:center}
.TrialImageBox img{width:100%;max-width:600px;height:auto;max-height:340px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #00000059}
.TrialStepsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.8rem;margin:2.5rem 0 2rem;text-align:left}
.StepCard{background:linear-gradient(145deg,#163421 0%,#0f2418 100%);border-radius:10px;padding:1.8rem 1.5rem;border:1px solid #deff0d1f;position:relative}
.StepCard .StepNumber{font-size:2.2rem;color:#DEFF0D;font-weight:700;line-height:1;margin-bottom:.8rem;display:block;opacity:.7}
.StepCard h4{font-size:1.3rem;color:#FFF;margin-bottom:.8rem;font-weight:600}
.StepCard p{font-size:.95rem;color:#FFF;line-height:1.6;opacity:.82;margin:0}
.TrialContentBox .ActionButton{display:inline-block;background:linear-gradient(135deg,#DEFF0D 0%,#c5e80c 100%);color:#163421;padding:1rem 2.8rem;font-size:1.1rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 14px #deff0d4d;margin-top:1rem;z-index:10;position:relative}
.TrialContentBox .ActionButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #deff0d66;background:linear-gradient(135deg,#c5e80c 0%,#DEFF0D 100%)}
@media screen and (min-width: 768px) {
.HeroBox .medium-7{width:58.33333%}
.HeroBox .medium-5{width:41.66667%}
.HeroVisualArea{margin-top:0}
.HeroContent h1{font-size:3.2rem}
.AccessibilityBlock .medium-6{width:50%}
.AccessImageBox{margin-top:0}
.OpportunitiesWrap .medium-5{width:41.66667%}
.OpportunitiesWrap .medium-7{width:58.33333%}
.OpportunitiesImageBox img{margin-bottom:0}
.TrialAccessSection .medium-10{width:83.33333%}
}
@media screen and (min-width: 1366px) {
.HeroContent h1{font-size:3.6rem}
.SectionHeader h2{font-size:2.6rem}
.MethodsGrid{grid-template-columns:repeat(3,1fr)}
}
.TitleReach{background:linear-gradient(135deg,#163421 0%,#0a1f14 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.TitleReach::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#deff0d14 0%,transparent 70%);border-radius:50%}
.TitleReach .ContentHolder{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.TitleReach .TextColumn h1{font-size:48px;color:#DEFF0D;margin:0 0 20px;line-height:1.2;font-weight:700}
.TitleReach .TextColumn .SublineText{font-size:20px;color:#FFF;line-height:1.6;margin:0 0 30px;opacity:.9}
.TitleReach .TextColumn .DetailStack{display:flex;flex-direction:column;gap:16px}
.TitleReach .DetailItem{display:flex;align-items:flex-start;gap:14px}
.TitleReach .DetailItem i{font-size:24px;color:#DEFF0D;flex-shrink:0;margin-top:2px}
.TitleReach .DetailItem .InfoText{color:#FFF;font-size:16px;line-height:1.5}
.TitleReach .DetailItem .InfoText strong{display:block;color:#DEFF0D;margin-bottom:4px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}
.TitleReach .ImageColumn{position:relative}
.TitleReach .ImageColumn::before{content:'';position:absolute;top:-20px;left:-20px;width:100%;height:100%;background:linear-gradient(135deg,#DEFF0D 0%,#deff0d4d 100%);border-radius:12px;z-index:1}
.TitleReach .ImageColumn img{width:100%;height:400px;object-fit:cover;border-radius:12px;position:relative;z-index:2;box-shadow:0 8px 24px #0000004d}
.FormRegion{padding:100px 20px;background:#0f2419;position:relative}
.FormRegion::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#DEFF0D 50%,transparent 100%)}
.FormRegion .WrapperCentered{max-width:680px;margin:0 auto}
.FormRegion h2{font-size:36px;color:#FFF;text-align:center;margin:0 0 16px;font-weight:700}
.FormRegion .LeadParagraph{font-size:18px;color:#fffc;text-align:center;line-height:1.6;margin:0 0 50px}
.FormRegion form{background:#16342166;padding:40px;border-radius:12px;border:1px solid #deff0d26;box-shadow:0 4px 16px #0003}
.FormRegion .FieldWrapper{margin-bottom:24px}
.FormRegion label{display:block;font-size:15px;color:#DEFF0D;margin-bottom:8px;font-weight:600;letter-spacing:.3px}
.FormRegion input[type="text"],.FormRegion input[type="tel"],.FormRegion textarea{width:100%;padding:14px 18px;background:#ffffff0d;border:2px solid #deff0d33;border-radius:8px;color:#FFF;font-size:16px;transition:all .3s ease}
.FormRegion input[type="text"]:focus,.FormRegion input[type="tel"]:focus,.FormRegion textarea:focus{outline:none;border-color:#DEFF0D;background:#ffffff14;box-shadow:0 0 0 3px #deff0d1a}
.FormRegion textarea{min-height:140px;resize:vertical;font-family:inherit}
.FormRegion .CheckboxContainer{margin:30px 0 32px;display:flex;align-items:flex-start;gap:12px}
.FormRegion input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#DEFF0D}
.FormRegion .CheckboxContainer label{margin:0;font-size:14px;color:#fffc;font-weight:400;line-height:1.5;cursor:pointer}
.FormRegion .CheckboxContainer a{color:#DEFF0D;text-decoration:underline;transition:opacity .2s ease}
.FormRegion .CheckboxContainer a:hover{opacity:.8}
.FormRegion .SubmitBtn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#DEFF0D 0%,#c5e00b 100%);color:#163421;border:none;border-radius:8px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #deff0d4d;z-index:10;position:relative}
.FormRegion .SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #deff0d66}
.FormRegion .SubmitBtn:active{transform:translateY(0)}
.InformationSection{padding:90px 20px;background:linear-gradient(180deg,#0a1d13 0%,#163421 100%)}
.InformationSection .GridLayout{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.InformationSection .InfoCard{background:#ffffff08;padding:36px 28px;border-radius:12px;border:1px solid #deff0d1a;transition:all .3s ease}
.InformationSection .InfoCard:hover{border-color:#deff0d4d;background:#ffffff0d;transform:translateY(-4px)}
.InformationSection .InfoCard .IconBox{width:60px;height:60px;background:#deff0d1f;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.InformationSection .InfoCard i{font-size:30px;color:#DEFF0D}
.InformationSection .InfoCard h3{font-size:22px;color:#FFF;margin:0 0 12px;font-weight:600}
.InformationSection .InfoCard p{font-size:15px;color:#ffffffbf;line-height:1.6;margin:0}
.InformationSection .InfoCard .Highlight{display:block;color:#DEFF0D;margin-top:10px;font-weight:600;font-size:16px}
@media (max-width: 1366px) {
.TitleReach{padding:70px 20px 80px}
.TitleReach .TextColumn h1{font-size:42px}
}
@media (max-width: 768px) {
.TitleReach{padding:60px 20px 70px}
.TitleReach .ContentHolder{grid-template-columns:1fr;gap:40px}
.TitleReach .TextColumn h1{font-size:36px}
.TitleReach .TextColumn .SublineText{font-size:18px}
.TitleReach .ImageColumn img{height:300px}
.FormRegion{padding:70px 20px}
.FormRegion h2{font-size:30px}
.FormRegion form{padding:30px 24px}
.InformationSection{padding:70px 20px}
.InformationSection .GridLayout{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 375px) {
.TitleReach .TextColumn h1{font-size:32px}
.TitleReach .TextColumn .SublineText{font-size:16px}
.TitleReach .ImageColumn img{height:260px}
.FormRegion h2{font-size:26px}
.FormRegion form{padding:24px 20px}
.FormRegion .LeadParagraph{font-size:16px}
}
.SuccessContainer{max-width:1140px;margin:0 auto;padding:0 20px}
.SuccessHeroArea{min-height:600px;background:linear-gradient(135deg,#0a1a0f 0%,#163421 50%,#0f2317 100%);position:relative;overflow:hidden;padding:80px 0}
.SuccessHeroArea::before{content:'';position:absolute;top:-50%;right:-10%;width:80%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 20px,#deff0d08 20px,#deff0d08 40px);transform:rotate(-12deg);pointer-events:none}
.SuccessHeroContent{display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.SuccessVisualBlock{flex:0 0 40%;position:relative}
.SuccessImageFrame{width:100%;aspect-ratio:4/3;background:linear-gradient(155deg,#deff0d26 0%,#16342166 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006 inset 0 1px 2px #ffffff1a}
.SuccessImageFrame::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,#deff0d40 0%,transparent 70%);border-radius:50%}
.SuccessIconDisplay{width:80px;height:80px;position:relative;z-index:2}
.SuccessIconDisplay svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #deff0d4d)}
.SuccessTextBlock{flex:1;color:#FFF}
.SuccessMainHeading{font-size:3.2rem;line-height:1.2;margin:0 0 24px;font-weight:700;color:#FFF}
.SuccessMainHeading .AccentedWord{position:relative;display:inline-block;color:#DEFF0D}
.SuccessMainHeading .AccentedWord::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#DEFF0D 0%,#deff0d4d 100%);border-radius:2px}
.SuccessDescription{font-size:1.125rem;line-height:1.7;color:#ffffffd9;margin:0 0 32px}
.SuccessConfirmationBox{background:#16342180;border:2px solid #deff0d33;border-radius:10px;padding:24px 28px;margin-bottom:32px;box-shadow:0 4px 16px #0000004d inset 0 1px 1px #ffffff0d}
.ConfirmationHeading{font-size:1.25rem;color:#DEFF0D;margin:0 0 12px;font-weight:600;display:flex;align-items:center;gap:10px}
.ConfirmationHeading::before{content:'';width:24px;height:24px;background:#DEFF0D;border-radius:50%;display:inline-block;box-shadow:0 0 12px #deff0d80}
.ConfirmationText{font-size:1rem;line-height:1.6;color:#ffffffe6;margin:0}
.NextStepsList{list-style:none;padding:0;margin:0 0 40px}
.NextStepsList li{padding:16px 0 16px 40px;position:relative;font-size:1.05rem;line-height:1.6;color:#ffffffd9;border-bottom:1px solid #ffffff14}
.NextStepsList li:last-child{border-bottom:none}
.NextStepsList li::before{content:'';position:absolute;left:0;top:20px;width:8px;height:8px;background:#DEFF0D;border-radius:50%;box-shadow:0 0 8px #deff0d66}
.ActionButtonGroup{display:flex;gap:16px;flex-wrap:wrap}
.PrimaryActionBtn{display:inline-block;padding:16px 36px;background:linear-gradient(135deg,#DEFF0D 0%,#c4e00b 100%);color:#163421;font-size:1.05rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #deff0d4d;border:none;cursor:pointer;position:relative;z-index:10}
.PrimaryActionBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #deff0d73;background:linear-gradient(135deg,#f0ff3d 0%,#DEFF0D 100%)}
.SecondaryActionBtn{display:inline-block;padding:16px 36px;background:transparent;color:#DEFF0D;font-size:1.05rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;border:2px solid #DEFF0D;cursor:pointer;position:relative;z-index:10}
.SecondaryActionBtn:hover{background:#deff0d1a;transform:translateY(-2px);box-shadow:0 4px 16px #deff0d33}
@media (max-width: 768px) {
.SuccessHeroArea{padding:60px 0;min-height:auto}
.SuccessHeroContent{flex-direction:column;gap:40px}
.SuccessVisualBlock{flex:0 0 100%;max-width:400px}
.SuccessMainHeading{font-size:2.2rem}
.SuccessDescription{font-size:1rem}
.ActionButtonGroup{flex-direction:column}
.PrimaryActionBtn,.SecondaryActionBtn{width:100%;text-align:center}
}
@media (max-width: 375px) {
.SuccessHeroArea{padding:40px 0}
.SuccessMainHeading{font-size:1.8rem}
.SuccessConfirmationBox{padding:20px}
.NextStepsList li{padding-left:32px;font-size:.95rem}
}
@media (min-width: 1366px) {
.SuccessHeroArea{min-height:700px}
.SuccessMainHeading{font-size:3.6rem}
.SuccessDescription{font-size:1.2rem}
}