ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}
figure,blockquote{margin:0}
*{box-sizing:border-box}
body{margin:0;font-family:'Source Code Pro',monospace;background:#F4F6F8;color:#282534;scroll-behavior:smooth}
.headerbox{background:linear-gradient(127deg,#282534 0%,#3d3848 100%);position:relative;box-shadow:0 4px 8px #28253426}
.topribbon{padding:18px 0;position:relative}
.topribbon::after{content:'';position:absolute;bottom:-12px;left:0;width:100%;height:24px;background:linear-gradient(127deg,#FF6C31 0%,#ff8555 100%);clip-path:polygon(0 0,100% 0,100% 60%,95% 100%,90% 60%,85% 100%,80% 60%,75% 100%,70% 60%,65% 100%,60% 60%,55% 100%,50% 60%,45% 100%,40% 60%,35% 100%,30% 60%,25% 100%,20% 60%,15% 100%,10% 60%,5% 100%,0 60%)}
.contentwrap{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.logosection{display:flex;align-items:center;gap:16px}
.logoimg{width:92px;height:92px;background:#F4F6F8;padding:8px;border-radius:8px;box-shadow:0 2px 6px #0003}
.companyname{font-size:28px;font-weight:700;color:#F4F6F8;letter-spacing:-.5px}
.contactnavi{display:flex;flex-direction:column;gap:16px;align-items:flex-end}
.contactinfo{display:flex;gap:28px;align-items:center}
.phonelink,.maillink{display:flex;align-items:center;gap:8px;color:#F4F6F8;text-decoration:none;font-size:14px;transition:color 200ms linear}
.phonelink:hover,.maillink:hover{color:#FF6C31}
.phonelink i,.maillink i{font-size:18px}
.mainnavbox{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.navitem{color:#F4F6F8;text-decoration:none;padding:10px 18px;font-size:15px;font-weight:400;background:#f4f6f814;border-radius:6px;transition:background 180ms linear}
.navitem:hover{background:#ff6c31d9}
@media (max-width: 768px) {
.contentwrap{flex-direction:column;align-items:center;gap:20px}
.contactnavi{align-items:center;width:100%}
.contactinfo{flex-direction:column;gap:12px}
.mainnavbox{justify-content:center;width:100%}
.navitem{font-size:14px;padding:8px 14px}
.logoimg{width:76px;height:76px}
.companyname{font-size:22px}
}
@media (max-width: 375px) {
.mainnavbox{flex-direction:column;gap:8px}
.navitem{width:100%;text-align:center}
}
.footercontainer{background:linear-gradient(133deg,#282534 0%,#1f1d28 100%);padding:48px 0;margin-top:80px}
.footerwrap{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:56px}
.servicelinks{display:flex;gap:16px;align-items:center}
.footlink{color:#F4F6F8;text-decoration:none;font-size:14px;transition:color 200ms linear}
.footlink:hover{color:#FF6C31}
.divid{color:#F4F6F8;opacity:.4}
.locationinfo{display:flex;align-items:center;gap:8px;color:#F4F6F8;font-size:14px}
.locationinfo i{font-size:18px;color:#FF6C31}
.copyright{color:#F4F6F8;font-size:13px;opacity:.75}
@media (max-width: 1366px) {
.footerwrap{flex-wrap:wrap;gap:32px}
}
@media (max-width: 768px) {
.footerwrap{flex-direction:column;text-align:center;gap:24px}
.servicelinks{flex-direction:column;gap:12px}
.divid{display:none}
.locationinfo{flex-direction:column;gap:6px}
}
.cookiebox{position:fixed;top:0;left:50%;transform:translateX(-50%) translateY(-100%);z-index:10000;padding:20px;max-width:420px;width:90%;transition:transform 250ms linear;display:block}
.cookiebox.showing{transform:translateX(-50%) translateY(20px)}
.cookiecard{background:#F4F6F8;border:2px solid #282534;border-radius:8px;padding:24px;box-shadow:0 6px 12px #28253440}
.cookietitle{font-size:20px;font-weight:700;color:#282534;margin-bottom:12px}
.cookiedesc{font-size:14px;color:#282534;margin-bottom:20px;line-height:1.5}
.categorysection{margin-bottom:16px}
.categoryitem{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #28253426}
.categorylabel{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1}
.categorycheck{width:18px;height:18px;cursor:pointer}
.categorycheck:disabled{opacity:.5;cursor:not-allowed}
.categoryname{font-size:15px;font-weight:600;color:#282534}
.expandbutt{background:none;border:none;color:#FF6C31;font-size:16px;cursor:pointer;padding:4px 8px;transition:color 200ms linear}
.expandbutt:hover{color:#282534}
.categorydetails{padding:12px 0 8px 28px;font-size:13px;color:#282534;line-height:1.6}
.cookieactions{display:flex;gap:12px;margin-top:24px}
.actionbutt{flex:1;padding:12px 20px;border:none;border-radius:6px;font-family:'Source Code Pro',monospace;font-size:14px;font-weight:600;cursor:pointer;transition:background 180ms linear}
.acceptbutt{background:#FF6C31;color:#F4F6F8}
.acceptbutt:hover{background:#e55a25}
.declinebutt{background:#282534;color:#F4F6F8}
.declinebutt:hover{background:#1f1d28}
@media (max-width: 768px) {
.cookiebox{max-width:95%}
.cookiecard{padding:20px}
.cookieactions{flex-direction:column}
}
.rules-text{max-width:1280px;margin:0 auto;padding:80px 20px;background:#F4F6F8}
.rules-text p{font-size:16px;line-height:1.8;color:#282534;margin:0 0 24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}
.rules-text p + p{margin-top:16px}
.rules-text ul{margin:0 0 28px;padding:0 0 0 32px;list-style-type:disc}
.rules-text ol{margin:0 0 28px;padding:0 0 0 32px;list-style-type:decimal}
.rules-text ul ul,.rules-text ol ol,.rules-text ul ol,.rules-text ol ul{margin:12px 0}
.rules-text li{font-size:16px;line-height:1.7;color:#282534;margin:0 0 12px;padding-left:8px}
.rules-text li p{margin:8px 0}
.rules-text em,.rules-text i{font-style:italic;color:#282534}
.rules-text a{color:#FF6C31;text-decoration:underline;transition:all 200ms linear}
.rules-text a:hover{color:#282534;text-decoration:none}
.rules-text a:focus{outline:2px solid #FF6C31;outline-offset:2px}
.rules-text table{width:100%;margin:0 0 32px;border-collapse:collapse;background:#fff;box-shadow:0 2px 4px #2825341a}
.rules-text thead{background:linear-gradient(135deg,#282534 0%,#3d3a4a 100%)}
.rules-text thead tr{border-bottom:3px solid #FF6C31}
.rules-text tbody{background:#fff}
.rules-text tr{border-bottom:1px solid #e8eaed}
.rules-text tbody tr:hover{background:#F4F6F8;transition:background 180ms linear}
.rules-text th{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.rules-text td{padding:14px 20px;font-size:16px;line-height:1.6;color:#282534}
.rules-text hr{border:none;height:2px;background:linear-gradient(90deg,#FF6C31 0%,#282534 100%);margin:48px 0}
@media (max-width: 768px) {
.rules-text{padding:50px 16px}
.rules-text p,.rules-text li,.rules-text td{font-size:15px}
.rules-text ul,.rules-text ol{padding-left:24px}
.rules-text table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.rules-text th,.rules-text td{padding:12px 14px;font-size:14px}
}
@media (max-width: 375px) {
.rules-text{padding:40px 12px}
.rules-text p,.rules-text li,.rules-text td{font-size:14px}
.rules-text th,.rules-text td{padding:10px 12px;font-size:13px}
.rules-text hr{margin:36px 0}
}
.pagemain{background:linear-gradient(135deg,#F4F6F8 0%,#fff 100%);padding:0;margin:0}
.titleblock{max-width:1280px;margin:0 auto;padding:80px 20px;display:flex;flex-direction:column;align-items:center;position:relative}
.titleblock::before{content:'';position:absolute;top:40px;left:50%;width:2px;height:120px;background:repeating-linear-gradient(to bottom,#FF6C31 0px,#FF6C31 8px,transparent 8px,transparent 16px);transform:translateX(-50%)}
.titleblock .problemo{font-size:16px;color:#666;text-align:center;margin-bottom:12px;margin-top:140px}
.titleblock .solutiono{font-size:42px;font-weight:700;color:#282534;text-align:center;margin-bottom:60px;line-height:1.2}
.titleblock .imagebox{width:100%;max-width:600px;height:380px;position:relative;overflow:hidden;border-radius:8px;box-shadow:0 6px 24px #2825341f}
.titleblock .imagebox img{width:100%;height:100%;object-fit:cover;animation:floatimg 6s ease-in-out infinite}
@keyframes floatimg {
0%,100%{transform:translateY(0) scale(1)}
50%{transform:translateY(-10px) scale(1.02)}
}
.teamwrap{max-width:1280px;margin:0 auto;padding:100px 20px}
.teamwrap .sectintro{text-align:left;margin-bottom:70px;max-width:720px}
.teamwrap .sectintro .minihead{font-size:14px;color:#FF6C31;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px;position:relative;padding-left:40px}
.teamwrap .sectintro .minihead::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:2px;background:linear-gradient(90deg,#FF6C31,transparent)}
.teamwrap .sectintro .bighead{font-size:36px;font-weight:700;color:#282534;margin-bottom:20px;line-height:1.3}
.teamwrap .sectintro .descriptxt{font-size:17px;color:#555;line-height:1.7}
.memberslay{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.memcard{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 12px #28253414;transition:all 250ms linear;position:relative}
.memcard:hover{box-shadow:0 8px 32px #ff6c312e;transform:translateY(-6px)}
.memcard .photobox{width:100%;height:280px;position:relative;overflow:hidden;background:linear-gradient(145deg,#F4F6F8,#e8eaec)}
.memcard .photobox img{width:100%;height:100%;object-fit:cover;transition:transform 250ms linear}
.memcard:hover .photobox img{transform:scale(1.06)}
.memcard .photobox::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#28253466,transparent)}
.memcard .infoarea{padding:28px 24px}
.memcard .infoarea .nameval{font-size:22px;font-weight:700;color:#282534;margin-bottom:6px}
.memcard .infoarea .roleval{font-size:14px;color:#FF6C31;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.8px}
.memcard .infoarea .bioshort{font-size:15px;color:#666;line-height:1.6;margin-bottom:20px}
.memcard .infoarea .skillrow{display:flex;flex-wrap:wrap;gap:8px}
.memcard .infoarea .skillrow .skillbadge{background:linear-gradient(135deg,#F4F6F8,#e8eaec);color:#282534;font-size:12px;padding:6px 12px;border-radius:4px;font-weight:600}
.approachbox{max-width:1280px;margin:0 auto;padding:0 20px 100px}
.approachbox .gridlay{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.approachbox .gridlay .leftcol{position:sticky;top:40px}
.approachbox .gridlay .leftcol .toph{font-size:32px;font-weight:700;color:#282534;margin-bottom:20px;line-height:1.3}
.approachbox .gridlay .leftcol .descr{font-size:16px;color:#666;line-height:1.7;margin-bottom:30px}
.approachbox .gridlay .leftcol .ctalink{display:inline-block;background:linear-gradient(135deg,#FF6C31,#ff8555);color:#fff;padding:14px 32px;border-radius:6px;font-size:15px;font-weight:600;text-decoration:none;transition:all 200ms linear;box-shadow:0 4px 12px #ff6c313d}
.approachbox .gridlay .leftcol .ctalink:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6c315c}
.approachbox .gridlay .rightcol .valuebox{background:#fff;padding:32px;border-radius:6px;margin-bottom:24px;border-left:4px solid #FF6C31;box-shadow:0 2px 12px #2825340f;transition:all 200ms linear}
.approachbox .gridlay .rightcol .valuebox:hover{box-shadow:0 6px 24px #2825341f;transform:translateX(6px)}
.approachbox .gridlay .rightcol .valuebox .valhead{font-size:20px;font-weight:700;color:#282534;margin-bottom:12px;display:flex;align-items:center;gap:12px}
.approachbox .gridlay .rightcol .valuebox .valhead::before{content:'';width:8px;height:8px;background:#FF6C31;border-radius:50%;flex-shrink:0}
.approachbox .gridlay .rightcol .valuebox .valtxt{font-size:15px;color:#666;line-height:1.7}
@media (max-width: 1366px) {
.titleblock .solutiono{font-size:38px}
.teamwrap .sectintro .bighead{font-size:32px}
.approachbox .gridlay .leftcol .toph{font-size:28px}
}
@media (max-width: 768px) {
.titleblock{padding:60px 20px}
.titleblock .solutiono{font-size:32px}
.titleblock .imagebox{height:280px}
.teamwrap{padding:60px 20px}
.teamwrap .sectintro .bighead{font-size:28px}
.memberslay{grid-template-columns:1fr;gap:30px}
.approachbox{padding:0 20px 60px}
.approachbox .gridlay{grid-template-columns:1fr;gap:40px}
.approachbox .gridlay .leftcol{position:static}
.approachbox .gridlay .rightcol .valuebox{padding:24px}
}
@media (max-width: 375px) {
.titleblock .solutiono{font-size:28px}
.titleblock .imagebox{height:240px}
.teamwrap .sectintro .bighead{font-size:24px}
.memcard .photobox{height:240px}
.memcard .infoarea .nameval{font-size:20px}
.approachbox .gridlay .leftcol .toph{font-size:24px}
}
.titleblockwrapper{position:relative;overflow:hidden;background:linear-gradient(123deg,#282534 0%,#3d3848 100%);padding:0;margin-bottom:80px}
.titleblockwrapper .imagelayer{position:absolute;top:-50px;right:-80px;width:55%;height:calc(100% + 100px);opacity:.15;transform:rotate(-8deg)}
.titleblockwrapper .imagelayer img{width:100%;height:100%;object-fit:cover}
.titleblockwrapper .shapedecor{position:absolute;width:220px;height:220px;background:linear-gradient(45deg,#FF6C31 0%,#ff6c314d 100%);border-radius:50%;top:-80px;left:-60px;opacity:.4;filter:blur(60px)}
.titleblockwrapper .contentzone{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:100px 40px 120px}
.titleblockwrapper .headingsmall{font-size:16px;color:#F4F6F8;letter-spacing:.8px;margin-bottom:12px;opacity:.85}
.titleblockwrapper .headingmain{font-size:62px;color:#fff;line-height:1.15;margin-bottom:20px;font-weight:700}
.titleblockwrapper .headingmedium{font-size:38px;color:#FF6C31;line-height:1.3;margin-bottom:30px;font-weight:600}
.titleblockwrapper .descriptiontext{font-size:20px;color:#F4F6F8;line-height:1.65;max-width:720px;opacity:.9}
@media (max-width: 768px) {
.titleblockwrapper .contentzone{padding:70px 24px 80px}
.titleblockwrapper .headingmain{font-size:42px}
.titleblockwrapper .headingmedium{font-size:28px}
.titleblockwrapper .imagelayer{width:70%;right:-40px}
}
@media (max-width: 375px) {
.titleblockwrapper .headingmain{font-size:34px}
.titleblockwrapper .headingmedium{font-size:24px}
}
.processsectionbox{max-width:1280px;margin:0 auto 100px;padding:0 40px}
.processsectionbox .sectiontitle{font-size:44px;color:#282534;margin-bottom:16px;font-weight:700}
.processsectionbox .sectionsubtitle{font-size:18px;color:#5a5766;margin-bottom:60px;line-height:1.6}
.processsectionbox .stepscontainer{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.processsectionbox .stepcard{background:#fff;border:2px solid #F4F6F8;padding:36px 28px;position:relative;transition:all .2s linear}
.processsectionbox .stepcard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#FF6C31 0%,#ff8a5a 100%);transition:height .2s linear}
.processsectionbox .stepcard:hover{border-color:#FF6C31;box-shadow:0 4px 16px #28253414}
.processsectionbox .stepcard:hover::before{height:100%}
.processsectionbox .stepnumber{font-size:52px;color:#FF6C31;font-weight:700;line-height:1;margin-bottom:20px;opacity:.25}
.processsectionbox .steptitle{font-size:22px;color:#282534;margin-bottom:14px;font-weight:600}
.processsectionbox .stepdescription{font-size:16px;color:#5a5766;line-height:1.6}
@media (max-width: 1366px) {
.processsectionbox .stepscontainer{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 768px) {
.processsectionbox{padding:0 24px;margin-bottom:80px}
.processsectionbox .sectiontitle{font-size:36px}
.processsectionbox .stepscontainer{grid-template-columns:1fr;gap:24px}
}
.communitywrapper{background:linear-gradient(165deg,#F4F6F8 0%,#e8eaed 100%);padding:90px 40px;margin-bottom:100px}
.communitywrapper .communityinnerbox{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.communitywrapper .textcontent .headinglarge{font-size:48px;color:#282534;margin-bottom:24px;font-weight:700;line-height:1.2}
.communitywrapper .textcontent .paragraph{font-size:17px;color:#5a5766;line-height:1.75;margin-bottom:18px}
.communitywrapper .textcontent .highlightbox{background:#fff;border-left:6px solid #FF6C31;padding:24px 28px;margin-top:32px}
.communitywrapper .textcontent .highlightbox .highlighttext{font-size:18px;color:#282534;font-weight:600;margin-bottom:8px}
.communitywrapper .textcontent .highlightbox .highlightdesc{font-size:16px;color:#5a5766;line-height:1.6}
.communitywrapper .imagegrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.communitywrapper .imagegrid .griditem{position:relative;overflow:hidden;border:8px solid #fff}
.communitywrapper .imagegrid .griditem img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .25s linear}
.communitywrapper .imagegrid .griditem:hover img{transform:scale(1.06)}
.communitywrapper .imagegrid .griditem:first-child{grid-column:1 / 2;grid-row:1 / 3}
.communitywrapper .imagegrid .griditem:first-child img{height:100%}
@media (max-width: 1366px) {
.communitywrapper .communityinnerbox{gap:40px}
}
@media (max-width: 768px) {
.communitywrapper{padding:70px 24px;margin-bottom:80px}
.communitywrapper .communityinnerbox{grid-template-columns:1fr;gap:50px}
.communitywrapper .textcontent .headinglarge{font-size:38px}
.communitywrapper .imagegrid .griditem img{height:220px}
}
.certificationbox{max-width:1280px;margin:0 auto 100px;padding:0 40px}
.certificationbox .maintitle{font-size:46px;color:#282534;margin-bottom:50px;font-weight:700;text-align:center}
.certificationbox .certificationlayout{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:start}
.certificationbox .documentspanel{background:#fff;border:3px solid #F4F6F8;padding:44px}
.certificationbox .documentspanel .paneltitle{font-size:28px;color:#282534;margin-bottom:28px;font-weight:600;position:relative;padding-bottom:16px}
.certificationbox .documentspanel .paneltitle::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#FF6C31 0%,#ff8a5a 100%)}
.certificationbox .documentitem{display:flex;align-items:start;gap:20px;padding:24px 0;border-bottom:1px solid #F4F6F8}
.certificationbox .documentitem:last-child{border-bottom:none}
.certificationbox .dociconbox{width:56px;height:56px;background:linear-gradient(135deg,#FF6C31 0%,#ff8a5a 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.certificationbox .dociconbox i{font-size:28px;color:#fff}
.certificationbox .doctext .doctitle{font-size:20px;color:#282534;margin-bottom:8px;font-weight:600}
.certificationbox .doctext .docdescription{font-size:15px;color:#5a5766;line-height:1.6}
.certificationbox .visualpanel{position:relative}
.certificationbox .visualpanel img{width:100%;height:auto;display:block;border:10px solid #fff;box-shadow:0 6px 24px #2825341f}
.certificationbox .visualpanel .overlaystat{position:absolute;bottom:30px;right:30px;background:#282534eb;padding:24px 32px;backdrop-filter:blur(8px)}
.certificationbox .visualpanel .overlaystat .statnumber{font-size:42px;color:#FF6C31;font-weight:700;line-height:1;margin-bottom:8px}
.certificationbox .visualpanel .overlaystat .statlabel{font-size:16px;color:#F4F6F8;line-height:1.4}
@media (max-width: 1366px) {
.certificationbox .certificationlayout{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.certificationbox{padding:0 24px;margin-bottom:80px}
.certificationbox .maintitle{font-size:36px;margin-bottom:40px}
.certificationbox .documentspanel{padding:32px 24px}
.certificationbox .visualpanel .overlaystat{bottom:20px;right:20px;padding:20px 24px}
.certificationbox .visualpanel .overlaystat .statnumber{font-size:36px}
}
.partnershipswrapper{background:linear-gradient(142deg,#282534 0%,#3d3848 100%);padding:85px 40px;position:relative;overflow:hidden}
.partnershipswrapper::before{content:'';position:absolute;width:400px;height:400px;background:linear-gradient(180deg,#FF6C31 0%,#ff6c3133 100%);border-radius:50%;top:-150px;right:-100px;opacity:.15;filter:blur(80px)}
.partnershipswrapper .partnershipsinner{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.partnershipswrapper .sectionhead{text-align:center;margin-bottom:60px}
.partnershipswrapper .sectionhead .headingtext{font-size:46px;color:#fff;margin-bottom:18px;font-weight:700}
.partnershipswrapper .sectionhead .subheadingtext{font-size:19px;color:#F4F6F8;opacity:.85;line-height:1.6}
.partnershipswrapper .testimonialgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.partnershipswrapper .testimonialcard{background:#f4f6f80f;border:1px solid #f4f6f81f;padding:40px;position:relative;transition:all .2s linear}
.partnershipswrapper .testimonialcard::before{content:'';position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(180deg,#ff6c3126 0%,transparent 100%);transition:height .2s linear}
.partnershipswrapper .testimonialcard:hover{border-color:#ff6c3166;box-shadow:0 8px 32px #00000040}
.partnershipswrapper .testimonialcard:hover::before{height:100%}
.partnershipswrapper .testimonialheader{display:flex;align-items:center;gap:20px;margin-bottom:24px;position:relative}
.partnershipswrapper .testimonialheader .portraitimage{width:70px;height:70px;border:3px solid #FF6C31;overflow:hidden}
.partnershipswrapper .testimonialheader .portraitimage img{width:100%;height:100%;object-fit:cover}
.partnershipswrapper .testimonialheader .personinfo .personname{font-size:20px;color:#fff;margin-bottom:6px;font-weight:600}
.partnershipswrapper .testimonialheader .personinfo .personrole{font-size:15px;color:#FF6C31;font-weight:500}
.partnershipswrapper .testimonialtext{font-size:16px;color:#F4F6F8;line-height:1.75;opacity:.9;position:relative}
.partnershipswrapper .partnershipmetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:60px}
.partnershipswrapper .metricitem{text-align:center;padding:32px 20px;background:#f4f6f80a;border:1px solid #f4f6f814}
.partnershipswrapper .metricitem .metricvalue{font-size:48px;color:#FF6C31;font-weight:700;line-height:1;margin-bottom:12px}
.partnershipswrapper .metricitem .metriclabel{font-size:16px;color:#F4F6F8;opacity:.85}
@media (max-width: 1366px) {
.partnershipswrapper .testimonialgrid{gap:32px}
.partnershipswrapper .partnershipmetrics{gap:24px}
}
@media (max-width: 768px) {
.partnershipswrapper{padding:70px 24px}
.partnershipswrapper .sectionhead .headingtext{font-size:36px}
.partnershipswrapper .testimonialgrid{grid-template-columns:1fr;gap:28px}
.partnershipswrapper .testimonialcard{padding:32px 24px}
.partnershipswrapper .partnershipmetrics{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 375px) {
.partnershipswrapper .testimonialheader{flex-direction:column;align-items:start}
}
.contactpage{background:linear-gradient(148deg,#F4F6F8 0%,#fff 100%);min-height:90vh}
.contactheaderbox{max-width:1280px;margin:0 auto;padding:80px 20px 60px;display:flex;align-items:center;justify-content:space-between;gap:60px}
.headercontentzone{flex:1;max-width:520px}
.headertitletext{font-size:42px;font-weight:700;color:#282534;margin:0 0 16px;line-height:1.2}
.headersubtitleline{font-size:18px;color:#6B6878;margin:0 0 24px;line-height:1.6}
.headersubtext{font-size:15px;color:#8A8896;line-height:1.7;margin:0}
.headerimgwrap{position:relative;flex-shrink:0}
.headervisualimg{width:380px;height:320px;object-fit:cover;border-radius:8px;box-shadow:0 6px 24px #2825341f;filter:brightness(1.05) contrast(0.98)}
.dotpatternline{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.decorativedot{width:6px;height:6px;background:#FF6C31;border-radius:50%;opacity:.6}
.decorativedot:nth-child(2){opacity:.4}
.decorativedot:nth-child(3){opacity:.2}
.formcontentsectionbox{background:#fff;max-width:1280px;margin:0 auto;padding:70px 20px 90px}
.formareawrap{max-width:680px;margin:0 auto}
.formsectiontitle{font-size:32px;font-weight:700;color:#282534;margin:0 0 12px;text-align:center}
.formdescriptiontext{font-size:16px;color:#6B6878;text-align:center;margin:0 0 48px;line-height:1.6}
.contactformbox{background:#F4F6F8;padding:40px;border-radius:6px;box-shadow:0 2px 8px #2825340f}
.inputfieldgroup{margin-bottom:24px}
.fieldlabeltext{display:block;font-size:14px;font-weight:600;color:#282534;margin-bottom:8px}
.textinputfield{width:100%;padding:14px 16px;font-size:15px;color:#282534;background:#fff;border:2px solid #E1E4E8;border-radius:6px;transition:border-color 150ms linear,box-shadow 150ms linear;box-sizing:border-box}
.textinputfield:focus{outline:none;border-color:#FF6C31;box-shadow:0 0 0 3px #ff6c311a}
.messagetextareafield{width:100%;padding:14px 16px;font-size:15px;color:#282534;background:#fff;border:2px solid #E1E4E8;border-radius:6px;min-height:140px;resize:vertical;transition:border-color 150ms linear,box-shadow 150ms linear;box-sizing:border-box;font-family:inherit}
.messagetextareafield:focus{outline:none;border-color:#FF6C31;box-shadow:0 0 0 3px #ff6c311a}
.privacycheckbox{display:flex;align-items:flex-start;gap:10px;margin-bottom:28px}
.checkboxinput{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacytextlabel{font-size:14px;color:#6B6878;line-height:1.5}
.privacytextlabel a{color:#FF6C31;text-decoration:none;font-weight:600;transition:color 150ms linear}
.privacytextlabel a:hover{color:#E55A25}
.submitbuttonbox{text-align:center}
.sendformbutt{padding:16px 48px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#FF6C31 0%,#FF8A5C 100%);border:none;border-radius:6px;cursor:pointer;transition:transform 150ms linear,box-shadow 150ms linear;box-shadow:0 4px 12px #ff6c314d;z-index:10;position:relative}
.sendformbutt:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6c3166}
.sendformbutt:active{transform:translateY(0)}
.contactdetailssectionbox{max-width:1280px;margin:0 auto;padding:60px 20px 80px}
.detailscontentgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}
.detailcardbox{background:#fff;padding:32px 24px;border-radius:6px;box-shadow:0 2px 8px #28253414;text-align:center;transition:transform 200ms linear,box-shadow 200ms linear}
.detailcardbox:hover{transform:translateY(-4px);box-shadow:0 6px 18px #2825341f}
.cardiconbox{width:56px;height:56px;margin:0 auto 20px;background:linear-gradient(135deg,#FF6C31 0%,#FF8A5C 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.cardiconbox i{font-size:26px;color:#fff}
.cardtitletext{font-size:18px;font-weight:600;color:#282534;margin:0 0 10px}
.cardvaluetext{font-size:15px;color:#6B6878;line-height:1.6;margin:0;word-break:break-word}
.cardvaluetext a{color:#FF6C31;text-decoration:none;transition:color 150ms linear}
.cardvaluetext a:hover{color:#E55A25}
@media (max-width: 1366px) {
.contactheaderbox{padding:60px 20px 50px;gap:50px}
.headertitletext{font-size:38px}
.headervisualimg{width:340px;height:280px}
}
@media (max-width: 768px) {
.contactheaderbox{flex-direction:column;padding:50px 20px 40px;gap:40px}
.headercontentzone{max-width:100%}
.headertitletext{font-size:32px}
.headersubtitleline{font-size:16px}
.headervisualimg{width:100%;max-width:400px;height:260px}
.formcontentsectionbox{padding:50px 20px 70px}
.formsectiontitle{font-size:28px}
.contactformbox{padding:30px 24px}
.detailscontentgrid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 375px) {
.contactheaderbox{padding:40px 16px 30px}
.headertitletext{font-size:28px}
.headersubtitleline{font-size:15px}
.headervisualimg{height:220px}
.formcontentsectionbox{padding:40px 16px 60px}
.formsectiontitle{font-size:24px}
.contactformbox{padding:24px 20px}
.sendformbutt{padding:14px 40px;font-size:15px}
.contactdetailssectionbox{padding:50px 16px 70px}
}
.program-heado{background:linear-gradient(152deg,#FF6C31 0%,#282534 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.program-heado::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(90deg,#ffffff08 0px,transparent 1px,transparent 2px,#ffffff08 3px),repeating-linear-gradient(0deg,#ffffff08 0px,transparent 1px,transparent 2px,#ffffff08 3px);opacity:.6}
.program-heado .contentwrap{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.heado-imgbox{margin-bottom:60px;display:flex;justify-content:center}
.heado-imgbox img{width:100%;max-width:800px;height:480px;object-fit:cover;border:8px solid #f4f6f826;filter:contrast(1.08)}
.heado-textzone{text-align:center;max-width:720px;margin:0 auto}
.heado-textzone h1{font-size:48px;color:#F4F6F8;margin-bottom:28px;font-weight:700;line-height:1.2}
.heado-textzone .intropara{font-size:19px;color:#f4f6f8eb;line-height:1.7;margin-bottom:42px}
.heado-buttrow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.heado-buttrow .primbutt{background:#F4F6F8;color:#282534;padding:14px 36px;text-decoration:none;font-size:16px;font-weight:600;transition:all .18s linear;border:2px solid #F4F6F8}
.heado-buttrow .primbutt:hover{background:transparent;color:#F4F6F8;transform:translateY(-2px);box-shadow:0 6px 14px #00000040}
.heado-buttrow .secbutt{background:transparent;color:#F4F6F8;padding:14px 36px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #F4F6F8;transition:all .18s linear}
.heado-buttrow .secbutt:hover{background:#F4F6F8;color:#282534;transform:translateY(-2px);box-shadow:0 6px 14px #00000040}
.structurezone{background:#F4F6F8;padding:90px 20px}
.structurezone .boxwrapper{max-width:1280px;margin:0 auto}
.structurezone .sectionheading{text-align:center;margin-bottom:70px}
.structurezone .sectionheading h2{font-size:38px;color:#282534;margin-bottom:18px;font-weight:700}
.structurezone .sectionheading h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FF6C31,#282534);margin:20px auto 0}
.structurezone .sectionheading .subtxt{font-size:17px;color:#282534;line-height:1.6;max-width:600px;margin:0 auto}
.phasesgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.phasecardo{background:#fff;padding:38px 28px;position:relative;transition:all .2s linear;border:2px solid transparent}
.phasecardo:hover{border-color:#FF6C31;transform:translateY(-4px);box-shadow:0 8px 20px #2825341f}
.phasecardo .numberbadge{position:absolute;top:-16px;left:28px;width:48px;height:48px;background:linear-gradient(135deg,#FF6C31,#282534);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}
.phasecardo h3{font-size:22px;color:#282534;margin-bottom:16px;margin-top:20px;font-weight:600}
.phasecardo p{font-size:15px;color:#282534;line-height:1.6;margin-bottom:0}
.instructorarea{padding:90px 20px;background:#fff}
.instructorarea .contentholder{max-width:1280px;margin:0 auto}
.instructorarea .topsection{text-align:center;margin-bottom:60px}
.instructorarea .topsection h2{font-size:38px;color:#282534;margin-bottom:20px;font-weight:700;position:relative;display:inline-block}
.instructorarea .topsection h2::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#FF6C31;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.instructorarea .topsection h2::after{content:'';position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#FF6C31;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.instructorlist{display:flex;gap:40px;justify-content:center}
.teachercard{max-width:340px;text-align:center}
.teachercard .photozone{margin-bottom:24px;position:relative}
.teachercard .photozone img{width:100%;height:340px;object-fit:cover;filter:grayscale(0.3);transition:filter .22s linear}
.teachercard:hover .photozone img{filter:grayscale(0)}
.teachercard .photozone::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#FF6C31,#282534)}
.teachercard h4{font-size:24px;color:#282534;margin-bottom:10px;font-weight:600}
.teachercard .jobtitle{font-size:15px;color:#FF6C31;margin-bottom:18px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.teachercard .biography{font-size:15px;color:#282534;line-height:1.6}
.comparezone{background:linear-gradient(225deg,#282534 0%,#3a3648 100%);padding:90px 20px;position:relative}
.comparezone::before{content:'';position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,#ff6c3126 0%,transparent 70%)}
.comparezone .centralwrap{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.comparezone .titlearea{text-align:center;margin-bottom:60px}
.comparezone .titlearea h2{font-size:38px;color:#F4F6F8;margin-bottom:18px;font-weight:700}
.comparezone .titlearea .explain{font-size:17px;color:#f4f6f8e0;line-height:1.6}
.comparisonmatrix{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.approachcolumn{background:#f4f6f80f;padding:42px 36px;border:2px solid #f4f6f81f;transition:all .2s linear}
.approachcolumn:hover{border-color:#FF6C31;background:#f4f6f817}
.approachcolumn .columntitle{font-size:26px;color:#F4F6F8;margin-bottom:28px;font-weight:600;padding-bottom:16px;border-bottom:3px solid #FF6C31}
.approachcolumn .featurelisting{list-style:none;margin:0;padding:0}
.approachcolumn .featurelisting li{font-size:16px;color:#f4f6f8eb;line-height:1.7;margin-bottom:18px;padding-left:32px;position:relative}
.approachcolumn .featurelisting li::before{content:'';position:absolute;left:0;top:8px;width:18px;height:18px;background:#FF6C31;clip-path:polygon(0% 50%,40% 90%,100% 10%,90% 0%,40% 70%,10% 40%)}
.enrollsection{background:#F4F6F8;padding:90px 20px}
.enrollsection .wrapperbox{max-width:880px;margin:0 auto;text-align:center}
.enrollsection h2{font-size:38px;color:#282534;margin-bottom:26px;font-weight:700}
.enrollsection .messagetext{font-size:17px;color:#282534;line-height:1.7;margin-bottom:38px}
.enrollsection .actionbutt{display:inline-block;background:linear-gradient(135deg,#FF6C31,#282534);color:#fff;padding:16px 48px;text-decoration:none;font-size:18px;font-weight:600;transition:all .2s linear;box-shadow:0 4px 12px #ff6c314d}
.enrollsection .actionbutt:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #ff6c3166}
@media (max-width: 1366px) {
.phasesgrid{gap:28px}
.instructorlist{gap:32px}
}
@media (max-width: 768px) {
.program-heado{padding:60px 20px 70px}
.heado-imgbox img{height:320px}
.heado-textzone h1{font-size:36px;margin-bottom:22px}
.heado-textzone .intropara{font-size:17px;margin-bottom:32px}
.heado-buttrow{flex-direction:column;gap:12px}
.heado-buttrow .primbutt,.heado-buttrow .secbutt{display:block;text-align:center}
.structurezone,.instructorarea,.comparezone,.enrollsection{padding:60px 20px}
.structurezone .sectionheading h2,.instructorarea .topsection h2,.comparezone .titlearea h2,.enrollsection h2{font-size:32px}
.phasesgrid{grid-template-columns:1fr;gap:40px}
.instructorlist{flex-direction:column;align-items:center;gap:50px}
.instructorarea .topsection h2::before,.instructorarea .topsection h2::after{display:none}
.comparisonmatrix{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 375px) {
.heado-textzone h1{font-size:30px}
.heado-imgbox img{height:240px}
.structurezone .sectionheading h2,.instructorarea .topsection h2,.comparezone .titlearea h2,.enrollsection h2{font-size:28px}
.phasecardo{padding:32px 22px}
.approachcolumn{padding:32px 24px}
}
.mainheadbox{background:linear-gradient(148deg,#282534 0%,#3a3747 100%);position:relative;overflow:hidden}
.headseparator{max-width:1280px;margin:0 auto;display:flex;align-items:center;min-height:420px;padding:60px 24px;gap:48px}
.textblockzone{flex:1;z-index:2}
.leadline{font-size:48px;font-weight:700;color:#F4F6F8;margin:0 0 20px;line-height:1.2}
.descline{font-size:20px;color:#F4F6F8;margin:0;line-height:1.6;opacity:.92}
.visualarea{flex:1;position:relative;height:380px;border-radius:8px;overflow:hidden}
.visualarea img{width:100%;height:100%;object-fit:cover;display:block}
.layerblend{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(125deg,#ff6c314d 0%,#28253499 100%);pointer-events:none}
.foundationblock{background:#F4F6F8;padding:80px 24px}
.innerholder{max-width:1280px;margin:0 auto}
.narrativebox{display:grid;gap:48px}
.storytext{font-size:36px;font-weight:700;color:#282534;margin:0;line-height:1.3}
.detailcluster{display:grid;gap:36px}
.baseline{font-size:17px;line-height:1.7;color:#282534;margin:0}
.dataview{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px #28253414}
.statunit{text-align:center}
.numval{font-size:38px;font-weight:700;color:#FF6C31;margin:0 0 8px}
.lablunit{font-size:15px;color:#282534;opacity:.8}
.methodgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.methcardbox{background:#fff;padding:32px 24px;border-radius:8px;border:2px solid #F4F6F8;transition:border-color .2s linear}
.methcardbox:hover{border-color:#FF6C31}
.iconmark{color:#FF6C31;margin:0 0 16px}
.cardtitle{font-size:20px;font-weight:700;color:#282534;margin:0 0 12px}
.carddesc{font-size:15px;line-height:1.6;color:#282534;margin:0;opacity:.85}
.teamintrobox{display:grid;grid-template-columns:280px 1fr;gap:40px;background:#fff;padding:40px;border-radius:8px;align-items:center}
.teamvisualpart img{width:100%;height:280px;object-fit:cover;border-radius:8px;display:block}
.personname{font-size:26px;font-weight:700;color:#282534;margin:0 0 6px}
.personrole{font-size:16px;color:#FF6C31;margin:0 0 16px;font-weight:600}
.personstory{font-size:16px;line-height:1.7;color:#282534;margin:0;opacity:.88}
.processflow{background:#282534;padding:48px 40px;border-radius:8px}
.flowtitle{font-size:28px;font-weight:700;color:#F4F6F8;margin:0 0 36px;text-align:center}
.stepgridbox{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.flowstep{display:flex;gap:20px}
.stepnumber{font-size:32px;font-weight:700;color:#FF6C31;flex-shrink:0;width:60px}
.stepcontent{flex:1}
.steptitle{font-size:19px;font-weight:700;color:#F4F6F8;margin:0 0 10px}
.stepdesc{font-size:15px;line-height:1.6;color:#F4F6F8;margin:0;opacity:.9}
.capabilitysection{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center}
.capheading{font-size:30px;font-weight:700;color:#282534;margin:0 0 20px}
.skillpillbox{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.skillpill{background:#FF6C31;color:#fff;padding:10px 18px;border-radius:6px;font-size:14px;font-weight:600;display:inline-block}
.capvisual img{width:100%;height:420px;object-fit:cover;border-radius:8px;display:block;box-shadow:0 6px 20px #28253426}
.resultgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.resultitembox{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #28253414}
.resultitembox img{width:100%;height:240px;object-fit:cover;display:block}
.resulttext{padding:28px 24px}
.resultheading{font-size:21px;font-weight:700;color:#282534;margin:0 0 12px}
.resultdescr{font-size:15px;line-height:1.6;color:#282534;margin:0;opacity:.85}
.principlegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.principlebox{background:#fff;padding:32px 24px;border-radius:8px;border-left:4px solid #FF6C31}
.princnumber{font-size:42px;font-weight:700;color:#FF6C31;opacity:.3;margin:0 0 12px;line-height:1}
.princhead{font-size:20px;font-weight:700;color:#282534;margin:0 0 12px}
.princdesc{font-size:15px;line-height:1.6;color:#282534;margin:0;opacity:.85}
.contactprompt{background:linear-gradient(132deg,#FF6C31 0%,#ff8555 100%);padding:48px 40px;border-radius:8px;text-align:center}
.prompthead{font-size:32px;font-weight:700;color:#fff;margin:0 0 16px}
.prompttext{font-size:18px;line-height:1.6;color:#fff;margin:0 0 28px;opacity:.95}
.buttonrow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.butt{padding:14px 32px;border-radius:6px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block;transition:all .2s linear;position:relative;z-index:10}
.buttprimary{background:#282534;color:#fff}
.buttprimary:hover{background:#1a1823;transform:translateY(-2px)}
.buttsecondary{background:#fff;color:#FF6C31}
.buttsecondary:hover{background:#F4F6F8;transform:translateY(-2px)}
@media (max-width: 1366px) {
.headseparator{padding:50px 20px;min-height:380px}
.leadline{font-size:42px}
.dataview{padding:32px}
}
@media (max-width: 768px) {
.headseparator{flex-direction:column;min-height:auto;padding:40px 20px;gap:32px}
.leadline{font-size:34px}
.descline{font-size:18px}
.visualarea{width:100%;height:280px}
.foundationblock{padding:60px 20px}
.storytext{font-size:30px}
.dataview{grid-template-columns:1fr;padding:28px 20px}
.methodgrid{grid-template-columns:1fr}
.teamintrobox{grid-template-columns:1fr}
.teamvisualpart img{height:240px}
.stepgridbox{grid-template-columns:1fr}
.capabilitysection{grid-template-columns:1fr}
.resultgrid{grid-template-columns:1fr}
.principlegrid{grid-template-columns:1fr}
.buttonrow{flex-direction:column}
.butt{width:100%;text-align:center}
}
@media (max-width: 375px) {
.leadline{font-size:28px}
.storytext{font-size:26px}
.dataview{padding:20px 16px}
.numval{font-size:32px}
.methcardbox{padding:24px 18px}
.processflow{padding:36px 20px}
.contactprompt{padding:36px 24px}
}
.succpanel{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(127deg,#F4F6F8 0%,#fff 100%);padding:3rem 1.5rem;position:relative;overflow:hidden}
.succpanel::before{content:'';position:absolute;width:420px;height:420px;background:radial-gradient(circle,#ff6c3114 0%,transparent 70%);border-radius:50%;top:-210px;right:-100px;animation:floatparticle 8s ease-in-out infinite}
.succpanel::after{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(circle,#2825340d 0%,transparent 70%);border-radius:50%;bottom:-140px;left:-80px;animation:floatparticle 6s ease-in-out infinite reverse}
@keyframes floatparticle {
0%,100%{transform:translate(0,0)}
50%{transform:translate(15px,-15px)}
}
.succwrap{max-width:680px;width:100%;position:relative;z-index:2}
.iconbox{width:92px;height:92px;margin:0 auto 2.5rem;position:relative}
.iconbox svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #ff6c3133)}
.iconbox::before{content:'';position:absolute;width:120%;height:120%;top:-10%;left:-10%;background:radial-gradient(circle,#ff6c311f 0%,transparent 65%);border-radius:50%;animation:pulsering 2s ease-in-out infinite}
@keyframes pulsering {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.15);opacity:.3}
}
.msgtxt{text-align:center;margin-bottom:3rem}
.msgtxt h1{font-size:2.25rem;color:#282534;margin:0 0 1.25rem;font-weight:700;line-height:1.2}
.msgtxt .detailpara{font-size:1.125rem;color:#5a5768;line-height:1.7;margin:0 0 .75rem}
.msgtxt .refnumb{display:inline-block;background:linear-gradient(135deg,#FF6C31 0%,#ff8659 100%);color:#fff;padding:.5rem 1.25rem;border-radius:6px;font-size:.95rem;font-weight:600;margin-top:1.5rem;box-shadow:0 3px 8px #ff6c3140}
.actionrow{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.actionrow .butt{padding:.875rem 2rem;border-radius:6px;text-decoration:none;font-size:1rem;font-weight:600;transition:all 200ms linear;display:inline-block;position:relative;z-index:5}
.actionrow .primbutt{background:#FF6C31;color:#fff;box-shadow:0 2px 6px #ff6c314d}
.actionrow .primbutt:hover{background:#e85f2a;box-shadow:0 4px 12px #ff6c3166;transform:translateY(-1px)}
.actionrow .secbutt{background:transparent;color:#282534;border:2px solid #282534}
.actionrow .secbutt:hover{background:#282534;color:#fff;transform:translateY(-1px)}
.infopanel{background:linear-gradient(162deg,#282534 0%,#3d3a4a 100%);padding:4rem 1.5rem;position:relative;overflow:hidden}
.infopanel::before{content:'';position:absolute;width:380px;height:380px;background:radial-gradient(circle,#ff6c311a 0%,transparent 70%);border-radius:50%;top:50%;left:-120px;transform:translateY(-50%)}
.infopanel::after{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(circle,#f4f6f80f 0%,transparent 70%);border-radius:50%;top:20%;right:-80px}
.infohold{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.infogrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.infocard{background:#ffffff0d;padding:2rem;border-radius:8px;border:1px solid #ffffff1a;transition:all 200ms linear}
.infocard:hover{background:#ffffff14;border-color:#ff6c314d;transform:translateY(-2px)}
.infocard .cardicon{width:48px;height:48px;margin-bottom:1.25rem}
.infocard .cardicon svg{width:100%;height:100%}
.infocard h3{font-size:1.375rem;color:#fff;margin:0 0 .75rem;font-weight:600}
.infocard .cardtxt{font-size:.975rem;color:#c8c6d1;line-height:1.6;margin:0}
.infocard .cardlink{display:inline-block;color:#FF6C31;text-decoration:none;font-weight:600;margin-top:1rem;font-size:.95rem;transition:all 200ms linear}
.infocard .cardlink:hover{color:#ff8659}
@media (max-width: 768px) {
.succpanel{padding:2rem 1rem;min-height:70vh}
.msgtxt h1{font-size:1.75rem}
.msgtxt .detailpara{font-size:1rem}
.actionrow{flex-direction:column}
.actionrow .butt{width:100%;text-align:center}
.infopanel{padding:3rem 1rem}
.infogrid{grid-template-columns:1fr}
}
@media (max-width: 375px) {
.iconbox{width:72px;height:72px}
.msgtxt h1{font-size:1.5rem}
}