*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inconsolata',monospace;background:linear-gradient(135deg,#FEE2B7 0%,#fff 50%,#FEE2B7 100%);color:#01352A;line-height:1.6}
.headerwrap{max-width:1024px;margin:0 auto;padding:24px 20px;display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start;background:#ffffffb3;backdrop-filter:blur(12px);border-bottom:3px solid #FF7E4C;box-shadow:0 8px 24px #01352a1f}
.headerwrap .brandcolumn{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.headerwrap .logobox{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 4px 12px #ff7e4c4d;padding:8px}
.headerwrap .logoimage{width:100%;height:100%;object-fit:contain}
.headerwrap .companyname{font-size:26px;font-weight:700;color:#01352A;letter-spacing:-.5px}
.headerwrap .navcolumn{display:flex;flex-direction:column;gap:20px;align-items:flex-end}
.headerwrap .mainnavigation{display:flex;gap:24px;flex-wrap:wrap}
.headerwrap .navitem{font-size:16px;font-weight:600;color:#01352A;text-decoration:none;padding:10px 18px;border-radius:6px;background:#fee2b780;transition:background .3s ease,color .3s ease}
.headerwrap .navitem:hover{background:#FF7E4C;color:#fff}
.headerwrap .contactdetails{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.headerwrap .phoneinfo,.headerwrap .emailinfo{display:flex;align-items:center;gap:8px;font-size:14px}
.headerwrap .phoneinfo i,.headerwrap .emailinfo i{color:#FF7E4C;font-size:16px}
.headerwrap .phoneinfo a,.headerwrap .emailinfo a{color:#01352A;text-decoration:none;transition:color .3s ease}
.headerwrap .phoneinfo a:hover,.headerwrap .emailinfo a:hover{color:#FF7E4C}
.footerwrap{max-width:1024px;margin:60px auto 0;padding:48px 20px 24px;background:linear-gradient(180deg,#01352af2 0%,#01352aff 100%);border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #01352a33}
.footerwrap .footergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:32px}
.footerwrap .footerblock{display:flex;flex-direction:column;gap:16px}
.footerwrap .footertitle{font-size:18px;font-weight:700;color:#FEE2B7;margin-bottom:8px}
.footerwrap .footerdesc{font-size:14px;color:#fff;line-height:1.7}
.footerwrap .footerestablished{font-size:13px;color:#FF7E4C;font-weight:600}
.footerwrap .footernav{display:flex;flex-direction:column;gap:12px}
.footerwrap .footerlink{font-size:14px;color:#fff;text-decoration:none;transition:color .3s ease}
.footerwrap .footerlink:hover{color:#FF7E4C}
.footerwrap .contactitem{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#fff}
.footerwrap .contactitem i{color:#FF7E4C;font-size:16px;margin-top:2px}
.footerwrap .contactitem a{color:#fff;text-decoration:none;transition:color .3s ease}
.footerwrap .contactitem a:hover{color:#FEE2B7}
.footerwrap .socialmessaging{display:flex;gap:12px;margin-top:8px}
.footerwrap .sociallink{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ff7e4c33;border-radius:50%;transition:background .3s ease}
.footerwrap .sociallink:hover{background:#FF7E4C}
.footerwrap .sociallink i{color:#fff;font-size:18px}
.footerwrap .footerbottom{padding-top:24px;border-top:1px solid #fee2b733;text-align:center}
.footerwrap .copyright{font-size:13px;color:#FEE2B7}
.cookiepopup{position:fixed;bottom:20px;right:20px;width:420px;max-width:calc(100% - 40px);background:#fff;border-radius:12px;box-shadow:0 12px 48px #01352a40;padding:24px;display:none;opacity:0;transform:translateY(30px);transition:opacity .3s ease,transform .3s ease;z-index:10000}
.cookiepopup.visible{opacity:1;transform:translateY(0)}
.cookiepopup .cookiecontent{display:flex;flex-direction:column;gap:16px}
.cookiepopup .cookietitle{font-size:18px;font-weight:700;color:#01352A;margin-bottom:4px}
.cookiepopup .cookietext{font-size:14px;color:#01352A;line-height:1.6}
.cookiepopup .cookieoptions{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.cookiepopup .cookiegroup{display:flex;align-items:center}
.cookiepopup .cookielabel{display:flex;align-items:center;gap:10px;font-size:14px;color:#01352A;cursor:pointer}
.cookiepopup .cookiecheck{width:18px;height:18px;cursor:pointer}
.cookiepopup .cookieactions{display:flex;gap:12px;margin-top:8px}
.cookiepopup .cookiebtn{flex:1;padding:10px 18px;font-size:14px;font-weight:600;font-family:'Inconsolata',monospace;border:2px solid #FF7E4C;border-radius:6px;cursor:pointer;transition:background .3s ease,color .3s ease}
.cookiepopup .cookieaccept{background:transparent;color:#FF7E4C}
.cookiepopup .cookieaccept:hover{background:#FF7E4C;color:#fff}
.cookiepopup .cookiedecline{background:transparent;color:#01352A;border-color:#01352A}
.cookiepopup .cookiedecline:hover{background:#01352A;color:#fff}
body::-webkit-scrollbar{width:6px}
body::-webkit-scrollbar-track{background:#FEE2B7}
body::-webkit-scrollbar-thumb{background:#FF7E4C;border-radius:3px}
body::-webkit-scrollbar-thumb:hover{background:#01352A}
@media (max-width: 768px) {
.headerwrap{grid-template-columns:1fr;gap:24px;padding:20px 16px}
.headerwrap .navcolumn{align-items:flex-start}
.headerwrap .mainnavigation{flex-direction:column;width:100%;gap:12px}
.headerwrap .navitem{width:100%;text-align:center}
.headerwrap .contactdetails{align-items:flex-start;width:100%}
.footerwrap .footergrid{grid-template-columns:1fr;gap:32px}
.cookiepopup{width:calc(100% - 32px);right:16px;bottom:16px}
.cookiepopup .cookieactions{flex-direction:column}
}
@media (max-width: 375px) {
.headerwrap .companyname{font-size:22px}
.headerwrap .logobox{width:70px;height:70px}
.footerwrap{padding:32px 16px 20px}
.cookiepopup{padding:20px}
}
@media (min-width: 1366px) {
.headerwrap{padding:32px 24px}
.footerwrap{padding:56px 24px 28px}
}
.info-legal{max-width:1024px;margin:0 auto;padding:60px 20px;background:#fff}
.info-legal h1{font-size:2.5rem;line-height:1.2;color:#01352A;margin:0 0 40px;font-weight:700;padding-bottom:20px;border-bottom:3px solid #FF7E4C}
.info-legal h2{font-size:1.875rem;line-height:1.3;color:#01352A;margin:50px 0 24px;font-weight:600;position:relative;padding-left:20px}
.info-legal h2::before{content:'';position:absolute;left:0;top:4px;width:4px;height:28px;background:linear-gradient(180deg,#FF7E4C,#01352A);border-radius:2px}
.info-legal h3{font-size:1.5rem;line-height:1.4;color:#01352A;margin:40px 0 20px;font-weight:600}
.info-legal h4{font-size:1.25rem;line-height:1.4;color:#01352A;margin:32px 0 16px;font-weight:600}
.info-legal h5{font-size:1.125rem;line-height:1.5;color:#01352A;margin:28px 0 14px;font-weight:600}
.info-legal h6{font-size:1rem;line-height:1.5;color:#01352A;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.info-legal p{font-size:1.0625rem;line-height:1.75;color:#2c2c2c;margin:0 0 20px;text-align:justify}
.info-legal strong,.info-legal b{font-weight:700;color:#01352A}
.info-legal a{color:#FF7E4C;text-decoration:none;border-bottom:1px solid #ff7e4c4d;transition:all .3s ease}
.info-legal a:hover{color:#01352A;border-bottom-color:#01352A;background:#fee2b733}
.info-legal a:focus{outline:2px solid #FF7E4C;outline-offset:2px;border-radius:2px}
.info-legal div{margin:24px 0}
.info-legal div p:last-child{margin-bottom:0}
@media (max-width: 768px) {
.info-legal{padding:40px 16px}
.info-legal h1{font-size:2rem;margin-bottom:32px;padding-bottom:16px}
.info-legal h2{font-size:1.5rem;margin:40px 0 20px;padding-left:16px}
.info-legal h2::before{height:24px}
.info-legal h3{font-size:1.25rem;margin:32px 0 16px}
.info-legal h4{font-size:1.125rem;margin:28px 0 14px}
.info-legal h5{font-size:1rem;margin:24px 0 12px}
.info-legal h6{font-size:.9375rem;margin:20px 0 10px}
.info-legal p{font-size:1rem;line-height:1.7;text-align:left}
}
@media (max-width: 375px) {
.info-legal{padding:32px 12px}
.info-legal h1{font-size:1.75rem}
.info-legal h2{font-size:1.375rem}
.info-legal p{font-size:.9375rem}
}
.programhero{background:linear-gradient(135deg,#FEE2B7 0%,#FF7E4C 100%);padding:80px 20px;position:relative;overflow:hidden}
.programhero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#01352a1a 0%,transparent 70%);border-radius:50%}
.heroinnerwrap{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.herotextside h1{font-size:48px;color:#01352A;margin-bottom:24px;line-height:1.2}
.herotextside h1 .accent{position:relative;display:inline-block}
.herotextside h1 .accent::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#01352A}
.herotextside p{font-size:18px;color:#01352A;line-height:1.6;margin-bottom:32px}
.herovisualsection{position:relative}
.herovisualsection img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 16px 32px #01352a33}
.herovisualsection::before{content:'';position:absolute;top:-20px;left:-20px;width:100%;height:100%;border:2px solid #01352A;border-radius:12px;z-index:-1}
.moduleoutline{background:#fff;padding:90px 20px}
.modulecontainer{max-width:1024px;margin:0 auto}
.moduleheading{text-align:center;margin-bottom:60px}
.moduleheading h2{font-size:36px;color:#01352A;margin-bottom:16px}
.moduleheading p{font-size:18px;color:#555}
.modulelayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.singlemodule{background:linear-gradient(145deg,#FEE2B7,#fff);padding:32px;border-radius:16px;border-left:4px solid #FF7E4C;transition:all .3s ease}
.singlemodule:hover{transform:translateY(-8px);box-shadow:0 12px 24px #ff7e4c33}
.singlemodule h3{font-size:22px;color:#01352A;margin-bottom:16px}
.singlemodule ul{list-style:none;padding:0}
.singlemodule ul li{font-size:16px;color:#444;padding:8px 0;padding-left:24px;position:relative}
.singlemodule ul li::before{content:'▸';position:absolute;left:0;color:#FF7E4C;font-weight:700}
.mentorprofiles{background:#01352A;padding:90px 20px;position:relative}
.mentorprofiles::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#FF7E4C,transparent)}
.mentorinnerwrap{max-width:1024px;margin:0 auto}
.mentorheader{text-align:center;margin-bottom:60px}
.mentorheader h2{font-size:36px;color:#FEE2B7;margin-bottom:16px}
.mentorheader p{font-size:18px;color:#FEE2B7}
.mentorgrid{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}
.mentorcard{background:#fee2b71a;padding:32px;border-radius:8px;width:280px;text-align:center;border:1px solid #ff7e4c4d;transition:all .3s ease}
.mentorcard:hover{background:#fee2b726;border-color:#FF7E4C}
.mentorcard img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:3px solid #FF7E4C}
.mentorcard h4{font-size:20px;color:#FEE2B7;margin-bottom:8px}
.mentorcard .role{font-size:14px;color:#FF7E4C;margin-bottom:16px}
.mentorcard p{font-size:15px;color:#FEE2B7;line-height:1.5}
.learningjourney{background:#fff;padding:90px 20px}
.journeybox{max-width:1024px;margin:0 auto}
.journeyintro{margin-bottom:50px}
.journeyintro h2{font-size:36px;color:#01352A;margin-bottom:16px}
.journeyintro p{font-size:18px;color:#555;max-width:700px}
.stepswrap{position:relative}
.stepswrap::before{content:'';position:absolute;left:40px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FF7E4C,#FEE2B7)}
.singlestep{display:flex;gap:32px;margin-bottom:48px;position:relative}
.stepnumber{min-width:80px;height:80px;background:linear-gradient(135deg,#FF7E4C,#FEE2B7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#01352A;box-shadow:0 8px 16px #ff7e4c4d;position:relative;z-index:2}
.stepdetails{flex:1;padding-top:10px}
.stepdetails h3{font-size:24px;color:#01352A;margin-bottom:12px}
.stepdetails p{font-size:16px;color:#555;line-height:1.6}
.enrollsection{background:linear-gradient(135deg,#01352A 0%,#FF7E4C 100%);padding:90px 20px;position:relative;overflow:hidden}
.enrollsection::before{content:'';position:absolute;top:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#fee2b733 0%,transparent 70%);border-radius:50%}
.enrollbox{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}
.enrollbox h2{font-size:40px;color:#FEE2B7;margin-bottom:24px}
.enrollbox p{font-size:18px;color:#FEE2B7;margin-bottom:40px;line-height:1.6}
.enrolldetails{background:#fee2b71a;padding:32px;border-radius:12px;margin-bottom:40px;border:2px solid #fee2b74d}
.enrolldetails .pricerow{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #fee2b733}
.enrolldetails .pricerow span{font-size:18px;color:#FEE2B7}
.enrolldetails .pricerow strong{font-size:28px;color:#FEE2B7}
.enrollbutton{display:inline-block;background:#FEE2B7;color:#01352A;padding:18px 48px;font-size:18px;font-weight:700;border-radius:8px;text-decoration:none;transition:all .3s ease;border:2px solid #FEE2B7}
.enrollbutton:hover{background:transparent;color:#FEE2B7;transform:scale(1.05)}
@media (max-width: 1366px) {
.heroinnerwrap{gap:40px}
.herotextside h1{font-size:42px}
}
@media (max-width: 768px) {
.heroinnerwrap{grid-template-columns:1fr;gap:40px}
.herotextside h1{font-size:36px}
.herovisualsection img{height:300px}
.modulelayout{grid-template-columns:1fr}
.mentorgrid{flex-direction:column;align-items:center}
.stepswrap::before{left:20px}
.stepnumber{min-width:60px;height:60px;font-size:24px}
.enrollbox h2{font-size:32px}
}
@media (max-width: 375px) {
.programhero{padding:60px 16px}
.herotextside h1{font-size:28px}
.moduleheading h2,.mentorheader h2,.journeyintro h2{font-size:28px}
.enrollbox h2{font-size:26px}
.enrollbutton{padding:14px 32px;font-size:16px}
}
.aboutwrapper{max-width:1024px;margin:0 auto;padding:0}
.topblock{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:120px 20px 100px;min-height:480px;background:linear-gradient(135deg,#FEE2B7 0%,#FF7E4C 100%);overflow:hidden}
.topblock::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#01352a26 0%,transparent 70%);border-radius:50%;transform:translateY(0);animation:parallaxfloat 20s ease-in-out infinite}
.topblock::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#01352a14 0%,transparent 70%);border-radius:50%;animation:parallaxfloat 25s ease-in-out infinite reverse}
@keyframes parallaxfloat {
0%,100%{transform:translateY(0) translateX(0)}
50%{transform:translateY(-40px) translateX(20px)}
}
.topblock .textside{position:relative;z-index:2}
.topblock .mainheading{font-size:2.8rem;font-weight:700;color:#01352A;line-height:1.15;margin:0 0 24px;letter-spacing:-.02em}
.topblock .explanation{font-size:1.1rem;line-height:1.7;color:#01352A;margin:0;max-width:480px}
.topblock .imageside{position:relative;z-index:2}
.topblock .imageside img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 24px 48px #01352a33;filter:saturate(0.7) contrast(1.15);mix-blend-mode:multiply}
.storyblock{padding:100px 20px;background:#fff}
.storyblock .contentwrap{max-width:900px;margin:0 auto}
.storyblock .sectiontitle{font-size:2.2rem;font-weight:700;color:#01352A;text-align:center;margin:0 0 16px;position:relative;display:inline-block;width:100%}
.storyblock .sectiontitle::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FF7E4C,#FEE2B7);border-radius:2px}
.storyblock .intro{font-size:1.15rem;line-height:1.8;color:#01352A;text-align:center;margin:32px 0 60px;opacity:.85}
.storyblock .timeline{position:relative;padding-left:40px}
.storyblock .timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FF7E4C,#FEE2B7)}
.storyblock .milestone{position:relative;margin-bottom:50px}
.storyblock .milestone::before{content:'';position:absolute;left:-47px;top:6px;width:12px;height:12px;background:#FF7E4C;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #FEE2B7}
.storyblock .yearmark{font-size:.9rem;font-weight:700;color:#FF7E4C;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}
.storyblock .milestonehead{font-size:1.4rem;font-weight:600;color:#01352A;margin:0 0 12px}
.storyblock .milestonetext{font-size:1rem;line-height:1.7;color:#01352A;margin:0;opacity:.8}
.teamblock{padding:100px 20px;background:linear-gradient(165deg,#FEE2B7 0%,#fff 50%,#FEE2B7 100%)}
.teamblock .teamwrap{max-width:900px;margin:0 auto}
.teamblock .teamheader{text-align:center;margin-bottom:70px}
.teamblock .teamtitle{font-size:2.2rem;font-weight:700;color:#01352A;margin:0 0 16px}
.teamblock .teamsubtitle{font-size:1.1rem;line-height:1.7;color:#01352A;margin:0;opacity:.8}
.teamblock .membersgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.teamblock .membercard{background:#fff;border-radius:12px;padding:32px;box-shadow:0 8px 24px #01352a1a;display:flex;gap:24px;align-items:flex-start;transition:transform .3s ease,box-shadow .3s ease}
.teamblock .membercard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #01352a26}
.teamblock .memberphoto{flex-shrink:0}
.teamblock .memberphoto img{width:100px;height:100px;object-fit:cover;border-radius:50%;border:4px solid #FEE2B7}
.teamblock .memberinfo{flex:1}
.teamblock .membername{font-size:1.3rem;font-weight:700;color:#01352A;margin:0 0 6px}
.teamblock .memberrole{font-size:.95rem;font-weight:600;color:#FF7E4C;margin:0 0 16px;text-transform:uppercase;letter-spacing:.06em}
.teamblock .memberdesc{font-size:.95rem;line-height:1.6;color:#01352A;margin:0;opacity:.75}
.valuesblock{padding:100px 20px;background:#fff}
.valuesblock .valueswrap{max-width:1024px;margin:0 auto}
.valuesblock .valuesheader{text-align:center;margin-bottom:70px}
.valuesblock .valuestitle{font-size:2.2rem;font-weight:700;color:#01352A;margin:0 0 20px}
.valuesblock .valuesintro{font-size:1.1rem;line-height:1.7;color:#01352A;margin:0;opacity:.85;max-width:700px;margin-left:auto;margin-right:auto}
.valuesblock .valuesgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valuesblock .valuecard{background:linear-gradient(135deg,#FEE2B7 0%,#fff 100%);border-radius:16px;padding:40px 28px;text-align:center;position:relative;overflow:hidden;transition:transform .3s ease}
.valuesblock .valuecard::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,#ff7e4c1f 0%,transparent 70%);border-radius:50%;transition:transform .5s ease}
.valuesblock .valuecard:hover{transform:translateY(-8px)}
.valuesblock .valuecard:hover::before{transform:translate(-20px,20px) scale(1.2)}
.valuesblock .valueicon{width:64px;height:64px;margin:0 auto 24px;background:linear-gradient(135deg,#FF7E4C,#FEE2B7);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.valuesblock .valueicon svg{width:32px;height:32px;fill:#fff}
.valuesblock .valuename{font-size:1.3rem;font-weight:700;color:#01352A;margin:0 0 16px;position:relative;z-index:2}
.valuesblock .valuedesc{font-size:.95rem;line-height:1.6;color:#01352A;margin:0;opacity:.8;position:relative;z-index:2}
.approachblock{padding:100px 20px 120px;background:linear-gradient(180deg,#fff 0%,#FEE2B7 100%)}
.approachblock .approachwrap{max-width:1024px;margin:0 auto}
.approachblock .approachheader{margin-bottom:60px}
.approachblock .approachtitle{font-size:2.2rem;font-weight:700;color:#01352A;margin:0 0 20px}
.approachblock .approachintro{font-size:1.05rem;line-height:1.7;color:#01352A;margin:0;opacity:.85;max-width:800px}
.approachblock .phasegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.approachblock .phaseitem{background:#fff;border-radius:12px;padding:36px 32px;border-left:5px solid #FF7E4C;box-shadow:0 6px 20px #01352a14;display:flex;gap:20px;transition:box-shadow .3s ease}
.approachblock .phaseitem:hover{box-shadow:0 12px 32px #01352a24}
.approachblock .phasenumber{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#FF7E4C,#FEE2B7);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}
.approachblock .phasecontent{flex:1}
.approachblock .phasetitle{font-size:1.25rem;font-weight:700;color:#01352A;margin:0 0 12px}
.approachblock .phasedesc{font-size:.95rem;line-height:1.6;color:#01352A;margin:0;opacity:.8}
.showcaseblock{padding:100px 20px;background:#fff}
.showcaseblock .showcasewrap{max-width:1024px;margin:0 auto}
.showcaseblock .showcaseheader{text-align:center;margin-bottom:70px}
.showcaseblock .showcasetitle{font-size:2.2rem;font-weight:700;color:#01352A;margin:0 0 18px}
.showcaseblock .showcasesubtitle{font-size:1.1rem;line-height:1.7;color:#01352A;margin:0;opacity:.85}
.showcaseblock .showcasegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.showcaseblock .showcasecard{background:linear-gradient(135deg,#FEE2B7 0%,#fff 100%);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #01352a1a;transition:transform .3s ease}
.showcaseblock .showcasecard:hover{transform:scale(1.03)}
.showcaseblock .showcasecard img{width:100%;height:240px;object-fit:cover}
.showcaseblock .showcasecontent{padding:28px}
.showcaseblock .showcaselabel{font-size:.85rem;font-weight:700;color:#FF7E4C;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.showcaseblock .showcasename{font-size:1.3rem;font-weight:700;color:#01352A;margin:0 0 12px}
.showcaseblock .showcasedesc{font-size:.95rem;line-height:1.6;color:#01352A;margin:0;opacity:.8}
@media (max-width: 768px) {
.topblock{grid-template-columns:1fr;gap:50px;padding:80px 20px 70px}
.topblock .mainheading{font-size:2.2rem}
.topblock .imageside img{height:320px}
.storyblock,.teamblock,.valuesblock,.approachblock,.showcaseblock{padding:70px 20px}
.teamblock .membersgrid,.valuesblock .valuesgrid,.approachblock .phasegrid,.showcaseblock .showcasegrid{grid-template-columns:1fr;gap:30px}
.teamblock .membercard{flex-direction:column;text-align:center;align-items:center}
}
@media (max-width: 375px) {
.topblock .mainheading{font-size:1.9rem}
.storyblock .sectiontitle,.teamblock .teamtitle,.valuesblock .valuestitle,.approachblock .approachtitle,.showcaseblock .showcasetitle{font-size:1.8rem}
}
.herosection{background:linear-gradient(135deg,#FEE2B7 0%,#FF7E4C 100%);padding:80px 20px;position:relative;overflow:hidden}
.herocontainer{max-width:1024px;margin:0 auto;display:flex;align-items:center;gap:60px}
.herotextarea{flex:1;z-index:2}
.herotextarea h1{font-size:48px;line-height:1.2;color:#01352A;margin:0 0 24px;font-weight:700}
.herotextarea .herosubtext{font-size:20px;line-height:1.6;color:#01352A;margin:0 0 32px;opacity:.9}
.herovisual{flex:0 0 340px;position:relative}
.herovisual img{width:100%;height:420px;object-fit:cover;clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);box-shadow:0 16px 48px #01352a33}
.heroaction{display:inline-block;padding:16px 40px;background:#01352A;color:#FEE2B7;text-decoration:none;font-size:18px;font-weight:600;border-radius:8px;transition:all .3s ease;box-shadow:0 8px 24px #01352a40}
.heroaction:hover{background:#024d3a;transform:translateY(-2px);box-shadow:0 12px 32px #01352a59}
.statsblock{padding:80px 20px;background:#fff}
.statscontainer{max-width:1024px;margin:0 auto}
.statsintro{text-align:center;margin-bottom:60px}
.statsintro h2{font-size:36px;color:#01352A;margin:0 0 16px}
.statsintro p{font-size:18px;color:#01352A;opacity:.75;max-width:640px;margin:0 auto}
.statsgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.statitem{text-align:center;padding:32px 24px;background:linear-gradient(135deg,#FEE2B7 0%,#fff 100%);border-radius:12px;border:2px solid #FF7E4C;transition:all .3s ease}
.statitem:hover{transform:translateY(-6px);box-shadow:0 12px 32px #ff7e4c33}
.statvalue{font-size:48px;font-weight:700;color:#FF7E4C;margin:0 0 8px;line-height:1}
.statlabel{font-size:16px;color:#01352A;opacity:.85;margin:0}
.guaranteesection{padding:80px 20px;background:linear-gradient(180deg,#01352A 0%,#024d3a 100%);position:relative}
.guaranteecontainer{max-width:1024px;margin:0 auto}
.guaranteeheader{margin-bottom:56px}
.guaranteeheader h2{font-size:36px;color:#FEE2B7;margin:0 0 20px}
.guaranteeheader p{font-size:18px;color:#FEE2B7;opacity:.85;max-width:720px}
.guaranteelist{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.guaranteecard{padding:32px;background:#fee2b714;border-radius:16px;border:1px solid #fee2b733;transition:all .3s ease}
.guaranteecard:hover{background:#fee2b71f;border-color:#FF7E4C}
.guaranteeicon{width:52px;height:52px;background:#FF7E4C;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.guaranteeicon svg{width:28px;height:28px;fill:#FEE2B7}
.guaranteecard h3{font-size:22px;color:#FEE2B7;margin:0 0 12px}
.guaranteecard p{font-size:16px;color:#FEE2B7;opacity:.8;margin:0;line-height:1.6}
.geographyblock{padding:80px 20px;background:#fff}
.geoinnerwrap{max-width:1024px;margin:0 auto;display:flex;align-items:center;gap:80px}
.geoimagebox{flex:0 0 420px}
.geoimagebox img{width:100%;height:480px;object-fit:cover;border-radius:24px;box-shadow:0 20px 48px #01352a26}
.geocontentzone{flex:1}
.geocontentzone h2{font-size:36px;color:#01352A;margin:0 0 24px}
.geocontentzone p{font-size:18px;color:#01352A;opacity:.8;line-height:1.7;margin:0 0 20px}
.georegions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.regiontag{padding:10px 20px;background:#FEE2B7;color:#01352A;border-radius:20px;font-size:15px;font-weight:600;border:2px solid #FF7E4C}
.personalizationzone{padding:80px 20px;background:radial-gradient(circle at top right,#FEE2B7,#fff)}
.personalizationwrapper{max-width:1024px;margin:0 auto}
.personalhead{text-align:center;margin-bottom:56px}
.personalhead h2{font-size:36px;color:#01352A;margin:0 0 20px;position:relative;display:inline-block}
.personalhead h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60%;height:4px;background:linear-gradient(90deg,transparent,#FF7E4C,transparent)}
.personalhead p{font-size:18px;color:#01352A;opacity:.75;max-width:680px;margin:24px auto 0}
.personalfeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.featureitem{padding:36px 28px;background:#fff;border-radius:16px;border-left:4px solid #FF7E4C;box-shadow:0 8px 24px #01352a14;transition:all .3s ease}
.featureitem:hover{transform:translateX(8px);box-shadow:0 12px 36px #ff7e4c2e}
.featureitem h3{font-size:20px;color:#01352A;margin:0 0 12px}
.featureitem p{font-size:16px;color:#01352A;opacity:.8;margin:0;line-height:1.6}
.expertisesection{padding:80px 20px;background:#fff}
.expertisecontainer{max-width:1024px;margin:0 auto}
.expertiseintro{margin-bottom:56px}
.expertiseintro h2{font-size:36px;color:#01352A;margin:0 0 20px}
.expertiseintro p{font-size:18px;color:#01352A;opacity:.75;max-width:720px}
.expertsprofiles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.expertcard{background:linear-gradient(135deg,#FEE2B7 0%,#fff 100%);border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #01352a1a;transition:all .3s ease}
.expertcard:hover{transform:translateY(-8px);box-shadow:0 20px 48px #ff7e4c33}
.expertphoto{width:100%;height:280px;object-fit:cover}
.expertinfo{padding:28px}
.expertinfo h3{font-size:22px;color:#01352A;margin:0 0 8px}
.expertrole{font-size:15px;color:#FF7E4C;font-weight:600;margin:0 0 16px}
.expertbio{font-size:15px;color:#01352A;opacity:.8;margin:0;line-height:1.6}
.practicearea{padding:80px 20px;background:linear-gradient(135deg,#01352A 0%,#024d3a 100%)}
.practicecontainer{max-width:1024px;margin:0 auto}
.practicehead{margin-bottom:56px;text-align:center}
.practicehead h2{font-size:36px;color:#FEE2B7;margin:0 0 20px}
.practicehead p{font-size:18px;color:#FEE2B7;opacity:.85;max-width:740px;margin:0 auto}
.practicegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.practicebox{background:#fee2b70f;padding:36px;border-radius:16px;border:2px solid #ff7e4c4d;transition:all .3s ease;position:relative}
.practicebox::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#FF7E4C,#FEE2B7);border-radius:16px;opacity:0;transition:opacity .3s ease;z-index:-1}
.practicebox:hover::before{opacity:.2}
.practicebox:hover{transform:scale(1.03);border-color:#FF7E4C}
.practicebox h3{font-size:22px;color:#FEE2B7;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.practicenumber{width:36px;height:36px;background:#FF7E4C;color:#01352A;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}
.practicebox p{font-size:16px;color:#FEE2B7;opacity:.85;margin:0 0 20px;line-height:1.65}
.practicetools{display:flex;flex-wrap:wrap;gap:8px}
.tooltag{padding:6px 14px;background:#ff7e4c33;color:#FEE2B7;border-radius:12px;font-size:13px;font-weight:600;border:1px solid #ff7e4c66}
.ctasection{padding:100px 20px;background:radial-gradient(circle at center,#FF7E4C,#FEE2B7);text-align:center}
.ctainner{max-width:800px;margin:0 auto}
.ctainner h2{font-size:42px;color:#01352A;margin:0 0 24px;font-weight:700}
.ctainner p{font-size:20px;color:#01352A;opacity:.85;margin:0 0 40px;line-height:1.6}
.ctabuttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.ctaprimary{display:inline-block;padding:18px 44px;background:#01352A;color:#FEE2B7;text-decoration:none;font-size:18px;font-weight:600;border-radius:10px;transition:all .3s ease;box-shadow:0 8px 24px #01352a4d}
.ctaprimary:hover{background:#024d3a;transform:translateY(-3px);box-shadow:0 12px 36px #01352a66}
.ctasecondary{display:inline-block;padding:18px 44px;background:transparent;color:#01352A;text-decoration:none;font-size:18px;font-weight:600;border-radius:10px;border:3px solid #01352A;transition:all .3s ease}
.ctasecondary:hover{background:#01352A;color:#FEE2B7;transform:translateY(-3px)}
@media (max-width: 1366px) {
.herocontainer{gap:40px}
.herotextarea h1{font-size:42px}
.herovisual{flex:0 0 300px}
.geoinnerwrap{gap:60px}
.geoimagebox{flex:0 0 360px}
}
@media (max-width: 768px) {
.herocontainer{flex-direction:column;gap:40px}
.herotextarea h1{font-size:36px}
.herotextarea .herosubtext{font-size:18px}
.herovisual{flex:0 0 auto;width:100%;max-width:360px}
.herovisual img{height:380px}
.statsgrid{grid-template-columns:repeat(2,1fr);gap:20px}
.guaranteelist{grid-template-columns:1fr}
.geoinnerwrap{flex-direction:column;gap:40px}
.geoimagebox{flex:0 0 auto;width:100%}
.geoimagebox img{height:320px}
.personalfeatures{grid-template-columns:1fr}
.expertsprofiles{grid-template-columns:1fr}
.practicegrid{grid-template-columns:1fr}
.ctabuttons{flex-direction:column;align-items:center}
.ctaprimary,.ctasecondary{width:100%;max-width:320px}
}
@media (max-width: 375px) {
.herosection{padding:60px 16px}
.herotextarea h1{font-size:32px}
.statsblock,.guaranteesection,.geographyblock,.personalizationzone,.expertisesection,.practicearea,.ctasection{padding:60px 16px}
.statsgrid{grid-template-columns:1fr}
.ctainner h2{font-size:32px}
}
.herocontact{display:flex;flex-direction:row;align-items:center;max-width:1024px;margin:0 auto;padding:60px 20px;gap:48px}
.herocontact .textside{flex:1;position:relative}
.herocontact .textside::before{content:'';position:absolute;top:-20px;left:-20px;width:60px;height:2px;background:linear-gradient(90deg,#FF7E4C,transparent)}
.herocontact .textside::after{content:'';position:absolute;top:-20px;left:-20px;width:2px;height:60px;background:linear-gradient(180deg,#FF7E4C,transparent)}
.herocontact .imageside{flex:1;position:relative}
.herocontact .imageside::before{content:'';position:absolute;bottom:-20px;right:-20px;width:60px;height:2px;background:linear-gradient(270deg,#01352A,transparent)}
.herocontact .imageside::after{content:'';position:absolute;bottom:-20px;right:-20px;width:2px;height:60px;background:linear-gradient(0deg,#01352A,transparent)}
.herocontact .problemline{font-size:16px;color:#FF7E4C;margin-bottom:16px;letter-spacing:.5px}
.herocontact .solutionheading{font-size:42px;color:#01352A;margin-bottom:24px;line-height:1.2;font-weight:700}
.herocontact .desctext{font-size:18px;color:#333;line-height:1.6;margin-bottom:32px}
.herocontact .buttonrow{display:flex;flex-direction:row;gap:16px}
.herocontact .buttonrow .primarybtn{padding:14px 32px;background:linear-gradient(135deg,#FF7E4C,#ff9a73);color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff7e4c4d}
.herocontact .buttonrow .primarybtn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff7e4c66}
.herocontact .buttonrow .secondarybtn{padding:14px 32px;background:transparent;color:#01352A;border:2px solid #01352A;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s ease}
.herocontact .buttonrow .secondarybtn:hover{background:#01352A;color:#fff}
.herocontact .duotoneimage{width:100%;height:400px;background:linear-gradient(135deg,#ff7e4cb3,#01352ab3),linear-gradient(45deg,#FEE2B7 0%,#FEE2B7 50%,#FF7E4C 50%,#FF7E4C 100%);background-size:cover,20px 20px;border-radius:12px;box-shadow:0 8px 24px #01352a26}
.contactmethods{max-width:1024px;margin:80px auto;padding:0 20px}
.contactmethods .sectiontitle{font-size:36px;color:#01352A;text-align:center;margin-bottom:48px;position:relative}
.contactmethods .sectiontitle::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,#FF7E4C,transparent)}
.contactmethods .methodgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:32px}
.contactmethods .methodcard{background:#fff;padding:32px;border-radius:16px;box-shadow:0 2px 16px #01352a14;transition:all .3s ease;border-top:4px solid #FEE2B7}
.contactmethods .methodcard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #01352a1f;border-top-color:#FF7E4C}
.contactmethods .methodcard .iconwrap{width:56px;height:56px;background:linear-gradient(135deg,#FEE2B7,#ffefd4);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.contactmethods .methodcard .iconwrap svg{width:28px;height:28px;fill:#FF7E4C}
.contactmethods .methodcard .methodname{font-size:20px;color:#01352A;margin-bottom:12px;font-weight:600}
.contactmethods .methodcard .methodvalue{font-size:16px;color:#555;line-height:1.5}
.contactmethods .methodcard .methodvalue a{color:#FF7E4C;text-decoration:none;transition:color .2s ease}
.contactmethods .methodcard .methodvalue a:hover{color:#01352A}
.formsection{max-width:720px;margin:80px auto;padding:0 20px}
.formsection .formtitle{font-size:32px;color:#01352A;margin-bottom:12px;text-align:center}
.formsection .formsubtitle{font-size:16px;color:#666;text-align:center;margin-bottom:40px}
.formsection .contactform{background:#fff;padding:48px;border-radius:20px;box-shadow:0 4px 24px #01352a1a}
.formsection .contactform .fieldgroup{margin-bottom:28px}
.formsection .contactform .fieldlabel{display:block;font-size:15px;color:#01352A;margin-bottom:8px;font-weight:500}
.formsection .contactform .fieldinput{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s ease;box-sizing:border-box}
.formsection .contactform .fieldinput:focus{outline:none;border-color:#FF7E4C;box-shadow:0 0 0 3px #ff7e4c1a}
.formsection .contactform .selectwrapper{position:relative}
.formsection .contactform .selectfield{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s ease;box-sizing:border-box;appearance:none;background:#fff;cursor:pointer}
.formsection .contactform .selectwrapper::after{content:'';position:absolute;right:20px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;pointer-events:none}
.formsection .contactform .selectfield:focus{outline:none;border-color:#FF7E4C;box-shadow:0 0 0 3px #ff7e4c1a}
.formsection .contactform .privacycheck{margin-bottom:28px;display:flex;flex-direction:row;align-items:flex-start;gap:12px}
.formsection .contactform .privacycheck input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.formsection .contactform .privacycheck .privacylabel{font-size:14px;color:#555;line-height:1.5}
.formsection .contactform .privacycheck .privacylabel a{color:#FF7E4C;text-decoration:none}
.formsection .contactform .privacycheck .privacylabel a:hover{text-decoration:underline}
.formsection .contactform .submitbtn{width:100%;padding:16px;background:linear-gradient(135deg,#FF7E4C,#ff9a73);color:#fff;border:none;border-radius:8px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ff7e4c4d}
.formsection .contactform .submitbtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff7e4c66}
.addressblock{max-width:1024px;margin:80px auto;padding:0 20px}
.addressblock .addresswrapper{background:linear-gradient(135deg,#01352A,#024d3d);padding:64px 48px;border-radius:24px;display:flex;flex-direction:row;align-items:center;gap:64px;position:relative;overflow:hidden}
.addressblock .addresswrapper::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#ff7e4c1a 0%,transparent 70%);pointer-events:none}
.addressblock .addresswrapper .addresstext{flex:1;z-index:1}
.addressblock .addresswrapper .addresstext .addressheading{font-size:32px;color:#fff;margin-bottom:24px;font-weight:700}
.addressblock .addresswrapper .addresstext .addressline{font-size:18px;color:#FEE2B7;line-height:1.6;margin-bottom:8px}
.addressblock .addresswrapper .addresstext .addressline strong{color:#fff}
.addressblock .addresswrapper .visualside{flex:1;z-index:1}
.addressblock .addresswrapper .visualside .mapplaceholder{width:100%;height:280px;background:linear-gradient(135deg,#FEE2B7 0%,#FEE2B7 25%,#FF7E4C 25%,#FF7E4C 50%,#01352A 50%,#01352A 75%,#FEE2B7 75%,#FEE2B7 100%);background-size:40px 40px;border-radius:16px;box-shadow:0 8px 32px #0003;position:relative}
.addressblock .addresswrapper .visualside .mapplaceholder::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#FF7E4C;border-radius:50%;box-shadow:0 0 0 8px #ff7e4c4d 0 0 0 16px #ff7e4c26}
@media (max-width: 1366px) {
.herocontact{padding:50px 20px;gap:40px}
.herocontact .solutionheading{font-size:38px}
.contactmethods{margin:70px auto}
.formsection{margin:70px auto}
.addressblock{margin:70px auto}
}
@media (max-width: 768px) {
.herocontact{flex-direction:column;padding:40px 16px;gap:32px}
.herocontact .textside::before,.herocontact .textside::after,.herocontact .imageside::before,.herocontact .imageside::after{display:none}
.herocontact .solutionheading{font-size:32px}
.herocontact .desctext{font-size:16px}
.herocontact .buttonrow{flex-direction:column}
.herocontact .duotoneimage{height:300px}
.contactmethods{margin:60px auto;padding:0 16px}
.contactmethods .sectiontitle{font-size:28px;margin-bottom:32px}
.contactmethods .methodgrid{grid-template-columns:1fr;gap:20px}
.formsection{margin:60px auto;padding:0 16px}
.formsection .formtitle{font-size:26px}
.formsection .contactform{padding:32px 24px}
.addressblock{margin:60px auto;padding:0 16px}
.addressblock .addresswrapper{flex-direction:column;padding:40px 24px;gap:32px}
.addressblock .addresswrapper .addresstext .addressheading{font-size:26px}
.addressblock .addresswrapper .addresstext .addressline{font-size:16px}
.addressblock .addresswrapper .visualside .mapplaceholder{height:220px}
}
@media (max-width: 375px) {
.herocontact{padding:32px 12px}
.herocontact .solutionheading{font-size:28px}
.contactmethods{padding:0 12px}
.contactmethods .methodcard{padding:24px}
.formsection{padding:0 12px}
.formsection .contactform{padding:24px 16px}
.addressblock{padding:0 12px}
.addressblock .addresswrapper{padding:32px 16px}
}
.successwrapper{max-width:1024px;margin:0 auto;padding:60px 20px}
.successconfirm{background:linear-gradient(135deg,#FEE2B7 0%,#fff 100%);border:3px solid #FF7E4C;border-radius:16px;padding:80px 40px;text-align:center;position:relative;overflow:hidden;box-shadow:0 12px 32px #01352a1f}
.successconfirm::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,#ff7e4c26 0%,transparent 70%);transform:rotate(-25deg);z-index:1}
.successconfirm::after{content:'';position:absolute;bottom:-30%;left:-15%;width:350px;height:350px;background:radial-gradient(circle,#01352a14 0%,transparent 70%);transform:rotate(15deg);z-index:1}
.successcontent{position:relative;z-index:2}
.successicon{width:120px;height:120px;margin:0 auto 30px;background:linear-gradient(135deg,#FF7E4C 0%,#01352A 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ff7e4c4d}
.successicon svg{width:60px;height:60px;stroke:#fff;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mainheading{font-size:42px;color:#01352A;margin:0 0 20px;font-weight:700;line-height:1.2}
.mainheading::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FF7E4C 0%,#FEE2B7 100%);margin:20px auto 0;border-radius:2px}
.messagecontent{font-size:18px;color:#01352A;line-height:1.7;margin:0 0 35px;max-width:600px;margin-left:auto;margin-right:auto}
.detailsblock{background:#ffffffb3;border:2px solid #FF7E4C;border-radius:12px;padding:30px;margin:0 0 40px;text-align:left;max-width:500px;margin-left:auto;margin-right:auto}
.detailsblock h3{font-size:22px;color:#FF7E4C;margin:0 0 18px;font-weight:600}
.infolist{list-style:none;padding:0;margin:0}
.infolist li{font-size:16px;color:#01352A;margin:0 0 12px;padding-left:30px;position:relative;line-height:1.6}
.infolist li::before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;background:linear-gradient(135deg,#FF7E4C 0%,#FEE2B7 100%);border-radius:50%;box-shadow:0 2px 6px #ff7e4c4d}
.infolist li:last-child{margin-bottom:0}
.actionrow{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.primarybtn{background:linear-gradient(135deg,#FF7E4C 0%,#01352A 100%);color:#fff;padding:16px 40px;border:none;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 6px 20px #ff7e4c66;cursor:pointer}
.primarybtn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #ff7e4c80}
.secondarybtn{background:#fff;color:#01352A;padding:16px 40px;border:2px solid #FF7E4C;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;cursor:pointer}
.secondarybtn:hover{background:#FEE2B7;border-color:#01352A}
.footnote{font-size:14px;color:#01352A;margin:30px 0 0;opacity:.8;line-height:1.6}
@media (max-width: 768px) {
.successwrapper{padding:40px 16px}
.successconfirm{padding:50px 24px;border-radius:12px}
.successicon{width:90px;height:90px;margin-bottom:24px}
.successicon svg{width:45px;height:45px}
.mainheading{font-size:32px;margin-bottom:16px}
.mainheading::after{width:60px;height:3px;margin-top:16px}
.messagecontent{font-size:16px;margin-bottom:28px}
.detailsblock{padding:24px;margin-bottom:32px}
.detailsblock h3{font-size:19px;margin-bottom:14px}
.infolist li{font-size:15px;padding-left:26px}
.actionrow{flex-direction:column;gap:14px}
.primarybtn,.secondarybtn{width:100%;padding:14px 30px;font-size:16px}
.footnote{font-size:13px;margin-top:24px}
}
@media (max-width: 375px) {
.successconfirm{padding:40px 18px}
.mainheading{font-size:28px}
.detailsblock{padding:20px}
}