*{margin:0;padding:0}
body{font-family:'Montserrat',sans-serif;color:#241510;background-color:#FDFCFB;line-height:1.6}
.PageContainer{max-width:1024px;margin:0 auto;padding:0 20px}
.SiteHeader{background-color:#FFF0EA;border-bottom:3px solid #241510;padding:24px 0}
.SiteHeader .PageContainer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.HeaderBrandSection{display:flex;align-items:center;gap:18px}
.LogoWrap{width:85px;height:85px;background:#FFF;border:2px solid #241510;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #2415101f}
.LogoWrap img{width:70px;height:70px;object-fit:contain}
.BrandConnector{width:2px;height:40px;background:#FFAFBE}
.CompanyName{font-size:28px;font-weight:700;color:#241510;letter-spacing:-.5px}
.TaglineConnector{width:12px;height:2px;background:#FFAFBE;margin:0 8px}
.HeaderTagline{font-size:14px;font-weight:400;color:#241510;opacity:.75;white-space:nowrap}
.MainNav ul{list-style:none;display:flex;gap:32px;align-items:center}
.MainNav a{text-decoration:none;color:#241510;font-weight:600;font-size:15px;transition:color .2s ease;position:relative}
.MainNav a:hover{color:#FFAFBE}
.MainNav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#FFAFBE;transition:width .2s ease}
.MainNav a:hover::after{width:100%}
.FooterBase{background-color:#241510;color:#FFF0EA;padding:32px 0;margin-top:80px;border-top:4px solid #FFAFBE}
.FooterBase .PageContainer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.FooterNavigation ul{list-style:none;display:flex;gap:24px}
.FooterNavigation a{text-decoration:none;color:#FFF0EA;font-size:14px;font-weight:400;padding:0 12px;border-right:1px solid #ffafbe66;transition:color .2s ease}
.FooterNavigation li:last-child a{border-right:none}
.FooterNavigation a:hover{color:#FFAFBE}
.FooterCopyright{font-size:14px;color:#fff0eab3}
.ContactInfo{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}
.ContactInfo span{color:#FFF0EA}
.ContactInfo i{color:#FFAFBE;margin-right:6px}
.CookiePopup{position:fixed;bottom:20px;left:20px;width:340px;background:#FFF;border:3px solid #241510;box-shadow:0 8px 24px #24151033;padding:24px;z-index:9999;transform:translateY(150%);transition:transform .4s ease}
.CookiePopup.is-visible{transform:translateY(0)}
.CookiePopup h3{font-size:18px;font-weight:700;color:#241510;margin-bottom:12px}
.CookiePopup p{font-size:13px;color:#241510;line-height:1.5;margin-bottom:18px}
.CookieActions{display:flex;gap:10px}
.CookieActions button{flex:1;padding:10px 16px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;border:2px solid #241510;background:transparent;color:#241510;cursor:pointer;transition:all .2s ease}
.CookieActions button:hover{background:#241510;color:#FFF0EA}
.CookieActions button:first-child:hover{background:#FFAFBE;border-color:#FFAFBE;color:#241510}
@media (max-width: 768px) {
.SiteHeader .PageContainer{flex-direction:column;align-items:flex-start}
.HeaderBrandSection{flex-wrap:wrap}
.BrandConnector{display:none}
.TaglineConnector{display:none}
.HeaderTagline{width:100%;margin-top:8px}
.MainNav ul{flex-direction:column;gap:16px;width:100%}
.MainNav a{display:block;padding:8px 0}
.FooterBase .PageContainer{flex-direction:column;align-items:flex-start}
.FooterNavigation ul{flex-direction:column;gap:12px}
.FooterNavigation a{border-right:none;padding:0}
.CookiePopup{width:calc(100% - 40px);left:20px;right:20px}
}
@media (max-width: 480px) {
.CompanyName{font-size:22px}
.LogoWrap{width:70px;height:70px}
.LogoWrap img{width:55px;height:55px}
}
.PageHero{position:relative;margin:0 auto 3.5rem;max-width:1024px;padding:0 1.5rem}
.PageHero .hero-visual-wrap{position:relative;margin-bottom:2.5rem}
.PageHero .hero-img-container{position:relative;width:100%;height:420px;border-radius:4px;overflow:hidden;box-shadow:0 4px 16px #2415101f}
.PageHero .hero-img-container::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#2415101a 0%,#24151099 100%);pointer-events:none}
.PageHero .hero-img-container img{width:100%;height:100%;object-fit:cover;display:block}
.PageHero .hero-circle-deco{position:absolute;border-radius:50%;border:2px solid #ffafbe66;pointer-events:none;z-index:1}
.PageHero .circle-one{width:180px;height:180px;top:-40px;right:15%;background:#fff0ea4d}
.PageHero .circle-two{width:120px;height:120px;bottom:-30px;left:10%;border-width:3px}
.PageHero .hero-text-content{position:relative;background:#FFF0EA;padding:2.5rem 2rem;border-radius:4px;margin-top:-80px;margin-left:auto;margin-right:0;max-width:620px;box-shadow:0 8px 24px #24151026;z-index:2}
.PageHero .main-heading{font-size:2rem;font-weight:700;color:#241510;margin:0 0 1rem;line-height:1.25}
.PageHero .intro-description{font-size:1.05rem;color:#241510;line-height:1.6;margin:0}
.SocialMission{margin:0 auto 4rem;max-width:1024px;padding:0 1.5rem}
.SocialMission .section-heading{font-size:1.85rem;font-weight:700;color:#241510;margin:0 0 2rem;text-align:center}
.SocialMission .section-heading::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#FFAFBE,#ffafbe4d);margin:0 auto 1rem;border-radius:2px}
.SocialMission .content-layout{display:flex;flex-direction:column;gap:2.5rem}
.SocialMission .value-card{background:#fff;padding:2rem;border-radius:4px;border-left:4px solid #FFAFBE;box-shadow:0 2px 12px #24151014;transition:transform .3s ease,box-shadow .3s ease}
.SocialMission .value-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #24151024}
.SocialMission .card-icon-area{margin-bottom:1.25rem}
.SocialMission .card-icon-area i{font-size:2.5rem;color:#FFAFBE}
.SocialMission .card-title{font-size:1.5rem;font-weight:600;color:#241510;margin:0 0 1rem}
.SocialMission .card-description{font-size:1rem;color:#241510;line-height:1.7;margin:0 0 1rem}
.SocialMission .feature-list{list-style:none;padding:0;margin:0}
.SocialMission .feature-list li{position:relative;padding-left:1.75rem;margin-bottom:.75rem;font-size:.98rem;color:#241510;line-height:1.6}
.SocialMission .feature-list li::before{content:'';position:absolute;left:0;top:.5rem;width:8px;height:8px;background:#FFAFBE;border-radius:50%}
.MotivationBoost{background:linear-gradient(135deg,#FFF0EA 0%,#fff 100%);padding:4rem 1.5rem;margin:0 0 4rem}
.MotivationBoost .boost-container{max-width:1024px;margin:0 auto}
.MotivationBoost .boost-title{font-size:1.85rem;font-weight:700;color:#241510;text-align:center;margin:0 0 2.5rem}
.MotivationBoost .boost-title::after{content:'';display:block;width:80px;height:3px;background:#FFAFBE;margin:1rem auto 0;border-radius:2px}
.MotivationBoost .motivation-grid{display:grid;grid-template-columns:1fr;gap:2rem}
.MotivationBoost .motivation-item{background:#fff;padding:2rem;border-radius:4px;box-shadow:0 3px 14px #2415101a;display:flex;flex-direction:column;gap:1.5rem}
.MotivationBoost .item-visual{width:100%;height:200px;border-radius:3px;overflow:hidden}
.MotivationBoost .item-visual img{width:100%;height:100%;object-fit:cover;display:block}
.MotivationBoost .item-content h3{font-size:1.35rem;font-weight:600;color:#241510;margin:0 0 1rem}
.MotivationBoost .item-content p{font-size:1rem;color:#241510;line-height:1.7;margin:0 0 1.25rem}
.MotivationBoost .benefit-tags{display:flex;flex-wrap:wrap;gap:.65rem}
.MotivationBoost .benefit-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#FFF0EA;border:1px solid #FFAFBE;border-radius:20px;font-size:.9rem;color:#241510}
.MotivationBoost .benefit-tag i{font-size:1.1rem;color:#FFAFBE}
.TestimonialBlock{margin:0 auto 4rem;max-width:1024px;padding:0 1.5rem}
.TestimonialBlock .testimonial-wrapper{display:grid;grid-template-columns:1fr;gap:2rem}
.TestimonialBlock .testimonial-card{background:#fff;padding:2rem;border-radius:4px;box-shadow:0 4px 16px #24151017;position:relative}
.TestimonialBlock .testimonial-card::before{content:'"';position:absolute;top:-10px;left:20px;font-size:5rem;color:#FFAFBE;opacity:.3;font-family:Georgia,serif;line-height:1}
.TestimonialBlock .testimonial-text{font-size:1.05rem;color:#241510;line-height:1.7;margin:0 0 1.5rem;font-style:italic}
.TestimonialBlock .author-section{display:flex;align-items:center;gap:1rem}
.TestimonialBlock .author-photo{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid #FFF0EA;flex-shrink:0}
.TestimonialBlock .author-photo img{width:100%;height:100%;object-fit:cover;display:block}
.TestimonialBlock .author-info h4{font-size:1.1rem;font-weight:600;color:#241510;margin:0 0 .25rem}
.TestimonialBlock .author-info p{font-size:.95rem;color:#241510;opacity:.75;margin:0}
@media (min-width: 768px) {
.PageHero .hero-img-container{height:480px}
.PageHero .hero-text-content{padding:3rem 2.5rem;margin-top:-100px;max-width:680px}
.PageHero .main-heading{font-size:2.5rem}
.PageHero .intro-description{font-size:1.1rem}
.SocialMission .content-layout{flex-direction:row;gap:2rem}
.SocialMission .value-card{flex:1}
.MotivationBoost .motivation-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}
.MotivationBoost .item-visual{height:240px}
.TestimonialBlock .testimonial-wrapper{grid-template-columns:repeat(2,1fr);gap:2.5rem}
}
@media (min-width: 1024px) {
.PageHero{padding:0 2rem}
.PageHero .hero-img-container{height:520px}
.PageHero .main-heading{font-size:2.75rem}
.SocialMission,.TestimonialBlock{padding:0 2rem}
}
.ContactSpace{width:100%;max-width:1024px;margin:0 auto;padding:0 20px}
.TopSection{padding:60px 0 40px;background:linear-gradient(135deg,#FFF0EA 0%,#FFAFBE 100%);border-radius:6px;margin-bottom:50px}
.TopSection .MainContent{display:flex;flex-direction:column;gap:35px}
.TopSection .InfoBlock{background:#FFF;padding:35px 30px;border-radius:4px;box-shadow:0 4px 12px #24151014}
.TopSection .TitleText{font-size:2.2em;color:#241510;margin-bottom:18px;font-weight:600}
.TopSection .DescText{font-size:1.05em;line-height:1.7;color:#241510;margin-bottom:0}
.TopSection .DirectLine{display:flex;flex-wrap:wrap;gap:25px;margin-top:28px}
.TopSection .ContactItem{flex:1;min-width:250px;background:#ffafbe26;padding:22px;border-radius:3px;border-left:3px solid #FFAFBE}
.TopSection .ContactItem .IconHolder{font-size:1.8em;color:#241510;margin-bottom:10px}
.TopSection .ContactItem .Label{font-size:.85em;color:#241510;opacity:.7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.TopSection .ContactItem .Value{font-size:1.1em;color:#241510;font-weight:500}
.TopSection .ContactItem .Value a{color:#241510;text-decoration:none;transition:color .3s}
.TopSection .ContactItem .Value a:hover{color:#FFAFBE}
.FormArea{padding:50px 0;background:#FFF}
.FormArea .FormWrapper{background:linear-gradient(to bottom right,#FFF0EA,#FFF);padding:45px 40px;border-radius:5px;box-shadow:0 6px 18px #2415101a}
.FormArea .FormHeading{font-size:1.9em;color:#241510;margin-bottom:12px;font-weight:600}
.FormArea .FormSubtext{font-size:1em;line-height:1.6;color:#241510;margin-bottom:35px;opacity:.85}
.FormArea .StepForm{display:flex;flex-direction:column;gap:30px}
.FormArea .StepBox{background:#FFF;padding:30px;border-radius:4px;border:2px solid #FFF0EA;transition:border-color .3s}
.FormArea .StepBox:focus-within{border-color:#FFAFBE}
.FormArea .StepNumber{display:inline-block;background:#FFAFBE;color:#FFF;width:36px;height:36px;line-height:36px;text-align:center;border-radius:50%;font-weight:600;margin-bottom:15px}
.FormArea .StepLabel{font-size:1.15em;color:#241510;font-weight:500;margin-bottom:12px}
.FormArea .InputField{width:100%;padding:14px 16px;font-size:1em;border:2px solid #FFF0EA;border-radius:3px;background:#FFF;color:#241510;transition:border-color 0.3s,box-shadow .3s}
.FormArea .InputField:focus{outline:none;border-color:#FFAFBE;box-shadow:0 0 0 3px #ffafbe33}
.FormArea .ConsentBox{background:#fff0ea80;padding:20px;border-radius:3px;margin-top:10px}
.FormArea .CheckboxWrapper{display:flex;gap:12px;align-items:flex-start}
.FormArea .CheckboxWrapper input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.FormArea .CheckboxLabel{font-size:.95em;line-height:1.6;color:#241510}
.FormArea .CheckboxLabel a{color:#FFAFBE;text-decoration:underline;transition:color .3s}
.FormArea .CheckboxLabel a:hover{color:#241510}
.FormArea .SubmitBtn{background:#241510;color:#FFF;padding:16px 40px;font-size:1.1em;border:none;border-radius:3px;cursor:pointer;font-weight:500;transition:background 0.3s,transform .2s;margin-top:20px}
.FormArea .SubmitBtn:hover{background:#FFAFBE;transform:translateY(-2px)}
.FormArea .SubmitBtn:active{transform:translateY(0)}
.WorkSection{padding:60px 0;background:#241510;border-radius:6px;margin-top:50px}
.WorkSection .ContentGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.WorkSection .TextPart{padding:20px}
.WorkSection .SectionTitle{font-size:2em;color:#FFF;margin-bottom:20px;font-weight:600}
.WorkSection .DetailText{font-size:1.05em;line-height:1.8;color:#FFF0EA;margin-bottom:18px}
.WorkSection .PointsList{list-style:none;padding:0;margin:25px 0 0}
.WorkSection .PointsList li{padding:12px 0 12px 35px;position:relative;font-size:1em;color:#FFF0EA;line-height:1.6}
.WorkSection .PointsList li::before{content:"→";position:absolute;left:0;color:#FFAFBE;font-weight:600;font-size:1.3em}
.WorkSection .ImagePart{position:relative}
.WorkSection .ImagePart img{width:100%;height:420px;object-fit:cover;border-radius:4px;box-shadow:0 8px 24px #0000004d}
@media (max-width: 768px) {
.TopSection{padding:40px 0 30px;margin-bottom:35px}
.TopSection .TitleText{font-size:1.7em}
.TopSection .DirectLine{flex-direction:column;gap:15px}
.TopSection .ContactItem{min-width:100%}
.FormArea .FormWrapper{padding:30px 25px}
.FormArea .FormHeading{font-size:1.5em}
.WorkSection .ContentGrid{grid-template-columns:1fr;gap:30px}
.WorkSection .SectionTitle{font-size:1.6em}
.WorkSection .ImagePart img{height:300px}
}
@media (max-width: 480px) {
.ContactSpace{padding:0 15px}
.TopSection .InfoBlock{padding:25px 20px}
.FormArea .FormWrapper{padding:25px 20px}
.FormArea .StepBox{padding:20px}
}
.AboutPage{background:#FFF0EA;padding:0;margin:0}
.TopHero{max-width:1024px;margin:0 auto;padding:80px 24px 60px}
.TopHero .StoryIntro{display:flex;gap:48px;align-items:center;margin-bottom:60px}
.TopHero .TextBlock{flex:1}
.TopHero .MainTitle{font-size:42px;font-weight:700;color:#241510;margin:0 0 24px;line-height:1.2}
.TopHero .SubText{font-size:18px;line-height:1.7;color:#241510;margin:0 0 16px}
.TopHero .ImageBox{flex:0 0 380px;position:relative}
.TopHero .ImageBox img{width:100%;height:420px;object-fit:cover;border-radius:4px;box-shadow:0 8px 24px #2415101f}
.TopHero .ImageBox::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:3px solid #FFAFBE;border-radius:4px;z-index:-1}
.ValueGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.ValueCard{background:#fff;padding:32px 24px;border-radius:3px;box-shadow:0 4px 12px #24151014;position:relative;overflow:hidden}
.ValueCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FFAFBE 0%,#FFF0EA 100%)}
.ValueCard .IconArea{width:52px;height:52px;background:#ffafbe26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ValueCard .IconArea i{font-size:26px;color:#241510}
.ValueCard .CardTitle{font-size:20px;font-weight:600;color:#241510;margin:0 0 12px}
.ValueCard .CardText{font-size:15px;line-height:1.6;color:#241510;margin:0}
.TeamSection{background:#fff;padding:80px 24px;margin-top:80px}
.TeamSection .ContentWrap{max-width:1024px;margin:0 auto}
.TeamSection .SectionLabel{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:#FFAFBE;margin:0 0 16px;font-weight:600}
.TeamSection .SectionTitle{font-size:36px;font-weight:700;color:#241510;margin:0 0 48px;line-height:1.3}
.TeamDisplay{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}
.ProfileCard{display:flex;gap:24px;background:#FFF0EA;padding:28px;border-radius:4px;position:relative}
.ProfileCard .PhotoArea{flex:0 0 140px}
.ProfileCard .PhotoArea img{width:140px;height:140px;object-fit:cover;border-radius:50%;border:4px solid #fff}
.ProfileCard .InfoArea{flex:1;display:flex;flex-direction:column;justify-content:center}
.ProfileCard .PersonName{font-size:22px;font-weight:600;color:#241510;margin:0 0 8px}
.ProfileCard .PersonRole{font-size:14px;color:#FFAFBE;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-weight:600}
.ProfileCard .PersonBio{font-size:15px;line-height:1.6;color:#241510;margin:0}
.ApproachBlock{background:linear-gradient(135deg,#ffafbe14 0%,#fff0ea14 100%);padding:40px;border-radius:4px;border-left:6px solid #FFAFBE}
.ApproachBlock .ApproachTitle{font-size:24px;font-weight:600;color:#241510;margin:0 0 20px;position:relative;padding-left:48px}
.ApproachBlock .ApproachTitle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#FFAFBE;border-radius:50%;display:flex;align-items:center;justify-content:center}
.ApproachBlock .ApproachTitle::after{content:'→';position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#fff;font-size:20px}
.ApproachBlock .ApproachText{font-size:16px;line-height:1.7;color:#241510;margin:0 0 16px}
.ApproachBlock .ApproachText:last-child{margin-bottom:0}
.MethodsList{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}
.MethodItem{background:#fff;padding:24px;border-radius:3px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 2px 8px #2415100f;transition:all .3s ease}
.MethodItem:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2415101a}
.MethodItem .MethodIcon{flex:0 0 44px;width:44px;height:44px;background:#ffafbe33;border-radius:50%;display:flex;align-items:center;justify-content:center}
.MethodItem .MethodIcon i{font-size:22px;color:#241510}
.MethodItem .MethodContent{flex:1}
.MethodItem .MethodName{font-size:17px;font-weight:600;color:#241510;margin:0 0 8px}
.MethodItem .MethodDesc{font-size:14px;line-height:1.5;color:#241510;margin:0}
@media (max-width: 1024px) {
.TopHero .StoryIntro{flex-direction:column}
.TopHero .ImageBox{flex:1;width:100%;max-width:500px}
.ValueGrid{grid-template-columns:1fr}
.TeamDisplay{grid-template-columns:1fr}
.MethodsList{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.TopHero{padding:60px 20px 40px}
.TopHero .MainTitle{font-size:32px}
.TopHero .SubText{font-size:16px}
.TopHero .ImageBox{flex:0 0 auto;width:100%}
.TopHero .ImageBox img{height:320px}
.ValueGrid{gap:20px}
.TeamSection{padding:60px 20px;margin-top:60px}
.TeamSection .SectionTitle{font-size:28px}
.ProfileCard{flex-direction:column;text-align:center;align-items:center}
.ProfileCard .PhotoArea{flex:0 0 auto}
.ApproachBlock{padding:28px 20px}
.ApproachBlock .ApproachTitle{font-size:20px;padding-left:0;text-align:center}
.ApproachBlock .ApproachTitle::before,.ApproachBlock .ApproachTitle::after{display:none}
.MethodsList{gap:16px}
}
.ProgramLayout{max-width:1024px;margin:0 auto;padding:0}
.HeroIntro{background:linear-gradient(135deg,#FFF0EA 0%,#FFAFBE 100%);padding:80px 24px;text-align:center;border-radius:4px;margin-bottom:60px;position:relative;overflow:hidden}
.HeroIntro::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#24151008;border-radius:50%;z-index:1}
.HeroIntro .intro-content{position:relative;z-index:2;max-width:720px;margin:0 auto}
.HeroIntro h1{font-size:48px;line-height:1.2;color:#241510;margin:0 0 24px;font-weight:700}
.HeroIntro .lead-text{font-size:20px;line-height:1.6;color:#241510;margin:0 0 36px}
.HeroIntro .cta-primary{display:inline-block;padding:16px 40px;background:#241510;color:#FFF0EA;text-decoration:none;border-radius:4px;font-size:18px;font-weight:600;transition:all .3s ease;position:relative;z-index:10}
.HeroIntro .cta-primary:hover{background:#3a2820;transform:translateY(-2px);box-shadow:0 6px 20px #24151040}
.ModuleOverview{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:80px;padding:0 24px;align-items:center}
.ModuleOverview .visual-side{position:relative}
.ModuleOverview .visual-side img{width:100%;height:480px;object-fit:cover;border-radius:4px;box-shadow:0 12px 32px #24151026}
.ModuleOverview .content-side h2{font-size:36px;line-height:1.3;color:#241510;margin:0 0 24px;font-weight:700}
.ModuleOverview .content-side p{font-size:17px;line-height:1.7;color:#241510;margin:0 0 20px}
.ModuleOverview .module-list{list-style:none;padding:0;margin:32px 0 0}
.ModuleOverview .module-list li{padding:16px 0;border-bottom:1px solid #ffafbe4d;font-size:17px;color:#241510;position:relative;padding-left:36px}
.ModuleOverview .module-list li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#FFAFBE;border-radius:50%}
.ModuleOverview .module-list li:last-child{border-bottom:none}
.SkillsTracking{background:#FFF0EA;padding:64px 24px;margin-bottom:80px;border-radius:4px}
.SkillsTracking .section-header{text-align:center;max-width:680px;margin:0 auto 56px}
.SkillsTracking .section-header h2{font-size:36px;line-height:1.3;color:#241510;margin:0 0 16px;font-weight:700}
.SkillsTracking .section-header p{font-size:18px;line-height:1.6;color:#241510;margin:0}
.SkillsTracking .skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:920px;margin:0 auto}
.SkillsTracking .skill-card{background:#fff;padding:32px 24px;border-radius:4px;text-align:center;box-shadow:0 4px 16px #24151014;transition:transform .3s ease,box-shadow .3s ease}
.SkillsTracking .skill-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #24151026}
.SkillsTracking .skill-card .icon-wrapper{width:64px;height:64px;margin:0 auto 20px;background:#FFAFBE;border-radius:50%;display:flex;align-items:center;justify-content:center}
.SkillsTracking .skill-card .icon-wrapper i{font-size:32px;color:#241510}
.SkillsTracking .skill-card h3{font-size:20px;line-height:1.4;color:#241510;margin:0 0 12px;font-weight:600}
.SkillsTracking .skill-card .progress-visual{width:100%;height:8px;background:#FFF0EA;border-radius:4px;margin:16px 0 12px;overflow:hidden}
.SkillsTracking .skill-card .progress-visual .progress-fill{height:100%;background:linear-gradient(90deg,#FFAFBE 0%,#241510 100%);border-radius:4px;transition:width .8s ease}
.SkillsTracking .skill-card .progress-label{font-size:14px;color:#241510;font-weight:600}
.LearningPath{padding:0 24px 80px;position:relative}
.LearningPath h2{font-size:36px;line-height:1.3;color:#241510;margin:0 0 48px;font-weight:700;text-align:center}
.LearningPath .timeline-container{max-width:800px;margin:0 auto;position:relative}
.LearningPath .timeline-container::before{content:'';position:absolute;left:40px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FFAFBE 0%,#241510 100%)}
.LearningPath .phase-block{position:relative;padding-left:100px;margin-bottom:48px}
.LearningPath .phase-block .phase-marker{position:absolute;left:24px;top:8px;width:32px;height:32px;background:#241510;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#FFF0EA;font-weight:700;font-size:16px;box-shadow:0 4px 12px #24151033}
.LearningPath .phase-block h3{font-size:24px;line-height:1.3;color:#241510;margin:0 0 12px;font-weight:600}
.LearningPath .phase-block p{font-size:17px;line-height:1.7;color:#241510;margin:0 0 16px}
.LearningPath .phase-block .duration-badge{display:inline-block;padding:6px 16px;background:#FFF0EA;color:#241510;border-radius:20px;font-size:14px;font-weight:600}
.InstructorShowcase{background:linear-gradient(180deg,white 0%,#FFF0EA 100%);padding:80px 24px;margin-bottom:0}
.InstructorShowcase h2{font-size:36px;line-height:1.3;color:#241510;margin:0 0 56px;font-weight:700;text-align:center}
.InstructorShowcase .instructor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:920px;margin:0 auto}
.InstructorShowcase .instructor-profile{text-align:center;transition:transform .3s ease}
.InstructorShowcase .instructor-profile:hover{transform:translateY(-6px)}
.InstructorShowcase .instructor-profile .profile-image{width:100%;height:200px;object-fit:cover;border-radius:4px;margin-bottom:16px;box-shadow:0 6px 20px #2415101f}
.InstructorShowcase .instructor-profile h4{font-size:18px;line-height:1.4;color:#241510;margin:0 0 8px;font-weight:600}
.InstructorShowcase .instructor-profile .role-label{font-size:15px;line-height:1.5;color:#241510;margin:0;opacity:.8}
@media (max-width: 768px) {
.HeroIntro{padding:60px 20px}
.HeroIntro h1{font-size:32px}
.HeroIntro .lead-text{font-size:18px}
.ModuleOverview{grid-template-columns:1fr;gap:32px}
.ModuleOverview .visual-side{order:2}
.ModuleOverview .content-side{order:1}
.ModuleOverview .visual-side img{height:320px}
.SkillsTracking{padding:48px 20px}
.SkillsTracking .skills-grid{grid-template-columns:1fr;gap:24px}
.LearningPath{padding:0 20px 60px}
.LearningPath .timeline-container::before{left:20px}
.LearningPath .phase-block{padding-left:68px}
.LearningPath .phase-block .phase-marker{left:4px}
.InstructorShowcase{padding:60px 20px}
.InstructorShowcase .instructor-grid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width: 480px) {
.HeroIntro h1{font-size:28px}
.InstructorShowcase .instructor-grid{grid-template-columns:1fr}
}
.PolicyHeader{background:linear-gradient(135deg,#FFF0EA 0%,#FFAFBE 100%);padding:80px 20px 60px;text-align:center}
.PolicyHeader .HeaderContent{max-width:1024px;margin:0 auto}
.PolicyHeader .MainTitle{font-size:42px;color:#241510;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.PolicyHeader .UpdateDate{font-size:16px;color:#241510;opacity:.7;margin:0}
.PolicyContent{max-width:820px;margin:0 auto;padding:60px 20px 80px}
.PolicySection{margin:0 0 48px}
.PolicySection .SectionTitle{font-size:28px;color:#241510;margin:0 0 20px;font-weight:600;position:relative;padding-left:20px}
.PolicySection .SectionTitle::before{content:'';position:absolute;left:0;top:8px;width:4px;height:24px;background:#FFAFBE;border-radius:2px}
.PolicySection .TextBlock{font-size:16px;line-height:1.7;color:#241510;margin:0 0 16px}
.PolicySection .SubsectionTitle{font-size:20px;color:#241510;margin:28px 0 14px;font-weight:600}
.PolicySection .ListContainer{margin:16px 0}
.PolicySection .ListItem{font-size:16px;line-height:1.7;color:#241510;margin:0 0 12px;padding-left:28px;position:relative}
.PolicySection .ListItem::before{content:'';position:absolute;left:8px;top:10px;width:6px;height:6px;background:#FFAFBE;border-radius:50%}
.PolicySection .HighlightBox{background:#FFF0EA;border-left:4px solid #FFAFBE;padding:20px 24px;margin:24px 0;border-radius:3px}
.PolicySection .HighlightBox .BoxText{font-size:16px;line-height:1.7;color:#241510;margin:0}
.PolicySection .DataTable{width:100%;border-collapse:collapse;margin:24px 0;border:2px solid #FFF0EA;border-radius:4px;overflow:hidden}
.PolicySection .DataTable .TableHeader{background:#FFF0EA}
.PolicySection .DataTable .TableHeaderCell{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#241510;border-bottom:2px solid #FFAFBE}
.PolicySection .DataTable .TableRow{border-bottom:1px solid #FFF0EA}
.PolicySection .DataTable .TableRow:last-child{border-bottom:none}
.PolicySection .DataTable .TableCell{padding:14px 20px;font-size:15px;line-height:1.6;color:#241510}
.PolicySection .LinkElement{color:#241510;text-decoration:underline;font-weight:500;transition:color .2s ease}
.PolicySection .LinkElement:hover{color:#FFAFBE}
.ContactSection{background:linear-gradient(180deg,#FFF0EA 0%,#fff0ea4d 100%);padding:50px 20px;margin:60px 0 0}
.ContactSection .ContactWrapper{max-width:820px;margin:0 auto;text-align:center}
.ContactSection .ContactTitle{font-size:26px;color:#241510;margin:0 0 20px;font-weight:600}
.ContactSection .ContactText{font-size:16px;line-height:1.7;color:#241510;margin:0 0 28px}
.ContactSection .ContactLink{display:inline-block;background:#241510;color:#FFF0EA;padding:14px 32px;border-radius:4px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #24151026}
.ContactSection .ContactLink:hover{background:#FFAFBE;color:#241510;transform:translateY(-2px);box-shadow:0 6px 16px #24151033}
@media (max-width: 768px) {
.PolicyHeader{padding:60px 20px 40px}
.PolicyHeader .MainTitle{font-size:32px}
.PolicyContent{padding:40px 20px 60px}
.PolicySection .SectionTitle{font-size:24px}
.PolicySection .SubsectionTitle{font-size:18px}
.PolicySection .DataTable{font-size:14px}
.PolicySection .DataTable .TableHeaderCell,.PolicySection .DataTable .TableCell{padding:12px 14px}
.ContactSection{padding:40px 20px}
.ContactSection .ContactTitle{font-size:22px}
}
@media (max-width: 480px) {
.PolicyHeader .MainTitle{font-size:28px}
.PolicySection .SectionTitle{font-size:22px}
.PolicySection .DataTable .TableHeaderCell,.PolicySection .DataTable .TableCell{padding:10px;font-size:13px}
}
.PrivacyPage{background:#FFF0EA;padding:0}
.PrivacyHeroZone{background:linear-gradient(135deg,#241510eb 0%,#241510c7 100%);padding:5.5rem 1.5rem 4.5rem;position:relative;overflow:hidden}
.PrivacyHeroZone::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ffafbe26 0%,transparent 70%);border-radius:50%}
.PrivacyHeroZone::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#ffafbe1a 0%,transparent 70%);border-radius:50%}
.HeroContentBox{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.PrivacyHeroZone h1{font-size:2.8rem;color:#FFF0EA;margin:0 0 1.2rem;font-weight:700;letter-spacing:-.02em}
.HeroMeta{display:flex;flex-direction:column;gap:.8rem;color:#fff0ead9;font-size:.95rem}
.MetaRow{display:flex;align-items:center;gap:.6rem}
.MetaRow i{font-size:1.1rem;color:#FFAFBE}
.PolicyContentArea{max-width:1024px;margin:0 auto;padding:4rem 1.5rem 5rem}
.IntroStatement{background:#fff;padding:2.5rem;border-radius:4px;margin-bottom:3rem;box-shadow:0 2px 12px #24151014;border-left:4px solid #FFAFBE}
.IntroStatement p{font-size:1.05rem;line-height:1.7;color:#241510;margin:0}
.PolicySection{background:#fff;padding:2.8rem;border-radius:3px;margin-bottom:2rem;box-shadow:0 1px 8px #2415100f}
.PolicySection h2{font-size:1.75rem;color:#241510;margin:0 0 1.5rem;font-weight:600;position:relative;padding-bottom:.8rem}
.PolicySection h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#FFAFBE 0%,#ffafbe4d 100%);border-radius:2px}
.PolicySection h3{font-size:1.35rem;color:#241510;margin:2rem 0 1rem;font-weight:600}
.PolicySection p{font-size:1rem;line-height:1.75;color:#241510e0;margin:0 0 1.3rem}
.PolicySection ul{margin:1.2rem 0 1.5rem 1.5rem;padding:0}
.PolicySection li{font-size:1rem;line-height:1.75;color:#241510e0;margin-bottom:.8rem;position:relative;padding-left:1.2rem}
.PolicySection li::before{content:'';position:absolute;left:0;top:.65rem;width:6px;height:6px;background:#FFAFBE;border-radius:50%}
.HighlightBox{background:linear-gradient(135deg,#ffafbe1f 0%,#fff0ea80 100%);padding:1.8rem;border-radius:3px;margin:1.5rem 0;border:1px solid #ffafbe4d}
.HighlightBox p{margin:0;font-weight:500;color:#241510}
.DataTable{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff}
.DataTable th{background:linear-gradient(135deg,#241510 0%,#241510e6 100%);color:#FFF0EA;padding:1rem 1.2rem;text-align:left;font-weight:600;font-size:.95rem;border-bottom:2px solid #FFAFBE}
.DataTable td{padding:1rem 1.2rem;border-bottom:1px solid #2415101a;color:#241510e0;font-size:.95rem;line-height:1.6}
.DataTable tr:last-child td{border-bottom:none}
.DataTable tr:hover{background:#fff0ea66}
.ContactInfoBox{background:#fff;padding:2.5rem;border-radius:3px;margin-top:3rem;box-shadow:0 2px 10px #24151014;border-top:3px solid #FFAFBE}
.ContactInfoBox h2{font-size:1.6rem;color:#241510;margin:0 0 1.5rem;font-weight:600}
.ContactDetails{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}
.DetailItem{display:flex;align-items:flex-start;gap:1rem}
.DetailItem i{font-size:1.3rem;color:#FFAFBE;margin-top:.2rem}
.DetailContent{flex:1}
.DetailContent h4{font-size:.9rem;color:#241510a6;margin:0 0 .3rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}
.DetailContent p{font-size:1.05rem;color:#241510;margin:0;font-weight:500}
.DetailContent a{color:#241510;text-decoration:none;transition:color .3s ease}
.DetailContent a:hover{color:#FFAFBE}
.LastUpdated{text-align:center;padding:2rem 1.5rem;color:#24151099;font-size:.9rem;font-style:italic}
@media (max-width: 768px) {
.PrivacyHeroZone{padding:4rem 1.2rem 3.5rem}
.PrivacyHeroZone h1{font-size:2.2rem}
.PolicyContentArea{padding:3rem 1.2rem 4rem}
.PolicySection{padding:2rem 1.5rem}
.IntroStatement{padding:2rem 1.5rem}
.ContactInfoBox{padding:2rem 1.5rem}
.ContactDetails{grid-template-columns:1fr}
.DataTable{font-size:.85rem}
.DataTable th,.DataTable td{padding:.8rem .9rem}
}
.TermsMainWrap{max-width:1024px;margin:0 auto;padding:60px 20px;background:#FFF0EA}
.TermsHeroArea{background:linear-gradient(135deg,#241510 0%,#241510d9 100%);padding:80px 40px;border-radius:4px;margin-bottom:60px;position:relative;overflow:hidden}
.TermsHeroArea::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,#ffafbe26 0%,transparent 70%);border-radius:50%}
.TermsHeroArea .hero-title{font-size:48px;color:#FFF0EA;margin:0 0 20px;font-weight:700;position:relative;z-index:2}
.TermsHeroArea .hero-subtitle{font-size:18px;color:#FFAFBE;margin:0 0 12px;position:relative;z-index:2}
.TermsHeroArea .update-date{font-size:14px;color:#fff0eab3;margin:0;position:relative;z-index:2}
.legal-content-area{background:#fff;border-radius:3px;padding:60px 50px;box-shadow:0 2px 12px #24151014;margin-bottom:50px}
.legal-content-area .section-heading{font-size:28px;color:#241510;margin:0 0 24px;font-weight:600;position:relative;padding-left:20px}
.legal-content-area .section-heading::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:linear-gradient(180deg,#FFAFBE 0%,#241510 100%);border-radius:2px}
.legal-content-area .content-paragraph{font-size:16px;line-height:1.75;color:#241510;margin:0 0 20px}
.legal-content-area .subsection-title{font-size:20px;color:#241510;margin:32px 0 16px;font-weight:600}
.legal-content-area .item-list{list-style:none;padding:0;margin:20px 0}
.legal-content-area .item-list .list-entry{font-size:16px;line-height:1.7;color:#241510;margin:0 0 14px;padding-left:28px;position:relative}
.legal-content-area .item-list .list-entry::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#FFAFBE;border-radius:50%;transform:rotate(45deg)}
.legal-content-area .emphasis-text{font-weight:600;color:#241510}
.legal-content-area .link-item{color:#FFAFBE;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}
.legal-content-area .link-item:hover{border-bottom-color:#FFAFBE}
.AcceptanceBlock{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:50px}
.AcceptanceBlock .info-card{background:#fff;padding:40px 35px;border-radius:3px;border-left:5px solid #FFAFBE;box-shadow:0 4px 16px #2415100f;transition:transform .3s ease,box-shadow .3s ease}
.AcceptanceBlock .info-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2415101f}
.AcceptanceBlock .info-card.alt-style{border-left-color:#241510}
.AcceptanceBlock .card-icon{width:48px;height:48px;margin-bottom:20px}
.AcceptanceBlock .card-title{font-size:22px;color:#241510;margin:0 0 16px;font-weight:600}
.AcceptanceBlock .card-description{font-size:15px;line-height:1.7;color:#241510cc;margin:0}
.ContactSupportSection{background:linear-gradient(90deg,#FFF0EA 0%,#fff 100%);padding:70px 50px;border-radius:4px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:50px;position:relative;overflow:hidden}
.ContactSupportSection::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#ffafbe1a 0%,transparent 60%);border-radius:50%}
.ContactSupportSection .text-block{flex:1;position:relative;z-index:2}
.ContactSupportSection .support-heading{font-size:32px;color:#241510;margin:0 0 20px;font-weight:700}
.ContactSupportSection .support-text{font-size:16px;line-height:1.7;color:#241510d9;margin:0 0 16px}
.ContactSupportSection .action-area{display:flex;flex-direction:column;gap:16px;align-items:flex-start;position:relative;z-index:2}
.ContactSupportSection .contact-detail{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:16px;color:#241510}
.ContactSupportSection .contact-detail .detail-icon{width:24px;height:24px;fill:#FFAFBE}
.ContactSupportSection .primary-button{display:inline-block;padding:16px 40px;background:#241510;color:#FFF0EA;font-size:16px;font-weight:600;text-decoration:none;border-radius:3px;transition:all .3s ease;box-shadow:0 4px 12px #24151033;margin-top:8px}
.ContactSupportSection .primary-button:hover{background:#3a2420;box-shadow:0 6px 18px #2415104d;transform:translateY(-2px)}
.ContactSupportSection .primary-button:active{transform:translateY(0);box-shadow:0 2px 8px #24151033}
@media (max-width: 768px) {
.TermsMainWrap{padding:40px 16px}
.TermsHeroArea{padding:50px 24px;margin-bottom:40px}
.TermsHeroArea .hero-title{font-size:32px}
.TermsHeroArea .hero-subtitle{font-size:16px}
.legal-content-area{padding:40px 24px;margin-bottom:40px}
.legal-content-area .section-heading{font-size:24px}
.legal-content-area .content-paragraph{font-size:15px}
.AcceptanceBlock{grid-template-columns:1fr;gap:20px;margin-bottom:40px}
.AcceptanceBlock .info-card{padding:30px 24px}
.ContactSupportSection{flex-direction:column;padding:50px 24px;gap:30px;align-items:flex-start}
.ContactSupportSection .support-heading{font-size:26px}
.ContactSupportSection .action-area{width:100%}
.ContactSupportSection .primary-button{width:100%;text-align:center}
}
@media (max-width: 480px) {
.TermsHeroArea .hero-title{font-size:28px}
.legal-content-area .section-heading{font-size:22px;padding-left:16px}
.legal-content-area .section-heading::before{height:24px}
.legal-content-area .subsection-title{font-size:18px}
}
.SuccessPageWrap{background:linear-gradient(135deg,#FFF0EA 0%,#fff 100%);padding:0;margin:0}
.ConfirmationPanel{max-width:1024px;margin:0 auto;padding:80px 24px}
.StatusDisplay{text-align:center;margin-bottom:56px}
.IconCircle{width:120px;height:120px;margin:0 auto 32px;background:linear-gradient(135deg,#FFAFBE 0%,#ff8fa5 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 12px 32px #ffafbe4d}
.IconCircle::before{content:'';position:absolute;width:140px;height:140px;border:3px solid #ffafbe33;border-radius:50%;animation:pulse-ring 2s ease-out infinite}
@keyframes pulse-ring {
0%{transform:scale(0.9);opacity:1}
100%{transform:scale(1.2);opacity:0}
}
.IconCircle svg{width:56px;height:56px;fill:#241510}
.StatusDisplay h1{font-size:42px;color:#241510;margin:0 0 16px;font-weight:700;line-height:1.2}
.StatusDisplay .SubMessage{font-size:19px;color:#241510;opacity:.75;line-height:1.6;max-width:560px;margin:0 auto}
.DetailGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:56px}
.InfoCard{background:#fff;padding:32px 28px;border-radius:4px;border-left:4px solid #FFAFBE;box-shadow:0 4px 16px #24151014;transition:all .3s ease}
.InfoCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2415101f}
.InfoCard .CardIcon{width:44px;height:44px;background:#ffafbe26;border-radius:3px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.InfoCard .CardIcon i{font-size:24px;color:#FFAFBE}
.InfoCard h3{font-size:20px;color:#241510;margin:0 0 12px;font-weight:600}
.InfoCard .DetailText{font-size:16px;color:#241510;opacity:.8;line-height:1.6;margin:0}
.InfoCard .DetailText strong{color:#241510;opacity:1;font-weight:600}
.TimelineSection{background:#fff;padding:48px 40px;border-radius:4px;margin-bottom:48px;box-shadow:0 2px 12px #2415100f}
.TimelineSection h2{font-size:28px;color:#241510;margin:0 0 36px;font-weight:700;text-align:center}
.StepList{display:flex;flex-direction:column;gap:28px;position:relative;padding-left:48px}
.StepList::before{content:'';position:absolute;left:19px;top:32px;bottom:32px;width:2px;background:linear-gradient(180deg,#FFAFBE 0%,#ffafbe4d 100%)}
.StepItem{position:relative;padding-left:0}
.StepItem::before{content:'';position:absolute;left:-38px;top:4px;width:20px;height:20px;background:#FFAFBE;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px #FFAFBE}
.StepItem.is-complete::before{background:#241510;box-shadow:0 0 0 2px #241510}
.StepItem h4{font-size:18px;color:#241510;margin:0 0 8px;font-weight:600}
.StepItem .StepDescription{font-size:15px;color:#241510;opacity:.75;line-height:1.6;margin:0}
.ActionPanel{text-align:center;background:linear-gradient(135deg,#ffafbe1a 0%,#fff0ea80 100%);padding:56px 32px;border-radius:4px;margin-bottom:48px}
.ActionPanel h3{font-size:26px;color:#241510;margin:0 0 20px;font-weight:700}
.ActionPanel .ActionText{font-size:17px;color:#241510;opacity:.8;line-height:1.6;max-width:600px;margin:0 auto 32px}
.ButtonGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.PrimaryBtn{display:inline-flex;align-items:center;gap:10px;background:#241510;color:#fff;padding:16px 36px;border-radius:3px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;border:2px solid #241510;box-shadow:0 4px 12px #24151033}
.PrimaryBtn:hover{background:#3a2418;border-color:#3a2418;transform:translateY(-2px);box-shadow:0 6px 16px #2415104d}
.PrimaryBtn i{font-size:18px}
.SecondaryBtn{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#241510;padding:16px 36px;border-radius:3px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;border:2px solid #241510}
.SecondaryBtn:hover{background:#241510;color:#fff;transform:translateY(-2px)}
.SecondaryBtn i{font-size:18px}
.SupportSection{text-align:center;padding:40px 24px;background:#fff;border-radius:4px;box-shadow:0 2px 12px #2415100f}
.SupportSection h3{font-size:22px;color:#241510;margin:0 0 16px;font-weight:600}
.SupportSection .SupportText{font-size:16px;color:#241510;opacity:.8;line-height:1.6;margin:0 0 24px}
.ContactLinks{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.ContactItem{display:flex;align-items:center;gap:10px;color:#241510;text-decoration:none;font-size:16px;padding:12px 20px;background:#ffafbe1a;border-radius:3px;transition:all .3s ease}
.ContactItem:hover{background:#ffafbe33;transform:translateX(4px)}
.ContactItem i{font-size:20px;color:#FFAFBE}
@media (max-width: 768px) {
.ConfirmationPanel{padding:48px 20px}
.StatusDisplay h1{font-size:32px}
.StatusDisplay .SubMessage{font-size:17px}
.IconCircle{width:100px;height:100px}
.IconCircle svg{width:44px;height:44px}
.DetailGrid{grid-template-columns:1fr;gap:20px}
.TimelineSection{padding:32px 24px}
.TimelineSection h2{font-size:24px}
.StepList{padding-left:36px}
.ActionPanel{padding:40px 24px}
.ActionPanel h3{font-size:22px}
.ButtonGroup{flex-direction:column;align-items:stretch}
.PrimaryBtn,.SecondaryBtn{justify-content:center}
.ContactLinks{flex-direction:column;align-items:stretch}
}
@media (max-width: 480px) {
.InfoCard{padding:24px 20px}
.StepList{padding-left:28px}
.StepItem::before{left:-30px}
}