html,body{margin:0;padding:0;font-family:'Cabin',sans-serif;background:#02323D;color:#ECEFF0;font-size:16px;line-height:1.6}
.headerOuter{background:linear-gradient(160deg,#02323D 60%,#02323df2 100%);border-bottom:1px solid #f47b0540;box-shadow:0 4px 20px #02323db3;position:relative;z-index:100}
.headerInner{max-width:1400px;margin:0 auto;padding:0 24px}
.headerTopRow{display:flex;align-items:center;justify-content:space-between;padding:18px 0 14px;gap:20px}
.siteLogo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
.siteLogo img{width:90px;height:90px;object-fit:contain;background:#eceff012;border-radius:16px;padding:6px;box-shadow:0 2px 12px #f47b052e}
.headerCenterName{flex:1;text-align:center}
.headerCenterName .companyTitle{font-size:2.2rem;font-weight:700;color:#ECEFF0;letter-spacing:.08em;text-transform:uppercase;line-height:1.1;text-shadow:0 2px 16px #f47b054d}
.headerCenterName .companySubtag{font-size:.78rem;color:#eceff08c;letter-spacing:.18em;text-transform:uppercase;margin-top:3px}
.headerNavArea{display:flex;align-items:center;flex-shrink:0}
.mainNav{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.mainNav li{margin:0}
.mainNav li a{display:block;color:#eceff0d1;text-decoration:none;font-size:.88rem;font-weight:600;padding:9px 16px;border-radius:22px;border:1px solid transparent;transition:color 0.2s,border-color 0.2s,background .2s;letter-spacing:.03em;white-space:nowrap}
.mainNav li a:hover{color:#F47B05;border-color:#f47b0559;background:#f47b0512}
.mainNav li a.nav-active{color:#F47B05;border-color:#f47b0580;background:#f47b051a}
.headerBottomRow{border-top:1px solid #eceff012;padding:10px 0;display:flex;align-items:center;justify-content:center;gap:28px}
.headerContactChip{display:flex;align-items:center;gap:7px;font-size:.8rem;color:#eceff080;text-decoration:none}
.headerContactChip ion-icon{color:#F47B05;font-size:1rem}
.headerContactChip:hover{color:#eceff0cc}
.footerOuter{margin-top:80px;background:#02323d99;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid #f47b0533;box-shadow:inset 0 2px 0 #eceff00a}
.footerInner{max-width:1400px;margin:0 auto;padding:52px 24px 28px}
.footerGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;padding-bottom:36px;border-bottom:1px solid #eceff017}
.footerCol .footColHead{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#F47B05;margin-bottom:16px}
.footerCol p,.footerCol address{font-size:.88rem;color:#eceff099;line-height:1.7;font-style:normal}
.footerCol a{color:#eceff099;text-decoration:none;transition:color .2s}
.footerCol a:hover{color:#F47B05}
.footServiceLinks{list-style:none;margin:0;padding:0}
.footServiceLinks li{margin-bottom:10px}
.footServiceLinks li a{display:flex;align-items:center;gap:8px;font-size:.88rem;color:#eceff099;text-decoration:none;transition:color .2s}
.footServiceLinks li a ion-icon{color:#f47b0599;font-size:.9rem}
.footServiceLinks li a:hover{color:#F47B05}
.footerCopyRow{padding-top:22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footerCopyRow .copyText{font-size:.8rem;color:#eceff059}
.footerCopyRow .copyText span{color:#f47b0599}
.cookieLayer{position:fixed;bottom:24px;right:24px;width:300px;background:#02323df5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #f47b054d;border-radius:4px;box-shadow:0 8px 40px #02323dcc 0 0 0 1px #eceff00f;z-index:9999;opacity:0;transition:opacity .35s ease;display:none;flex-direction:column}
.cookieLayer.show-state{display:flex;opacity:0}
.cookieLayer.visible-state{opacity:1}
.cookieLayer.hide-state{opacity:0}
.cookiePanelHead{padding:16px 16px 10px;border-bottom:1px solid #eceff014}
.cookiePanelHead .panelTitle{font-size:.92rem;font-weight:700;color:#ECEFF0;display:flex;align-items:center;gap:8px}
.cookiePanelHead .panelTitle ion-icon{color:#F47B05}
.cookiePolicyLink{display:block;font-size:.75rem;color:#f47b05cc;text-decoration:none;margin-top:6px}
.cookiePolicyLink:hover{color:#F47B05}
.cookieBody{padding:14px 16px}
.cookieBody p{font-size:.8rem;color:#eceff0a6;line-height:1.55;margin:0 0 12px}
.cookieCustomizeArea{display:none;padding:0 0 10px}
.cookieCustomizeArea.expand-state{display:block}
.cookieCatRow{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eceff00f}
.cookieCatRow .catLabel{font-size:.78rem;color:#eceff0b3}
.cookieCatRow .catLabel small{display:block;font-size:.7rem;color:#eceff061}
.cookieToggle{position:relative;width:34px;height:18px;flex-shrink:0}
.cookieToggle input{opacity:0;width:0;height:0;position:absolute}
.toggleSlide{position:absolute;inset:0;background:#eceff026;border-radius:2px;cursor:pointer;transition:background .2s}
.toggleSlide:before{content:'';position:absolute;width:12px;height:12px;background:#ECEFF0;top:3px;left:3px;border-radius:1px;transition:transform .2s}
.cookieToggle input:checked + .toggleSlide{background:#f47b0599}
.cookieToggle input:checked + .toggleSlide:before{transform:translateX(16px)}
.cookieToggle input:disabled + .toggleSlide{cursor:not-allowed;opacity:.7}
.cookieButtGroup{padding:0 16px 14px;display:flex;flex-direction:column;gap:8px}
.cookiePrimaryButt{display:block;width:100%;padding:10px;font-size:.82rem;font-weight:700;font-family:'Cabin',sans-serif;text-align:center;cursor:pointer;border:none;border-radius:0;transition:background 0.2s,color .2s}
.cookiePrimaryButt.accept-butt{background:#F47B05;color:#02323D}
.cookiePrimaryButt.accept-butt:hover{background:#e06e04}
.cookiePrimaryButt.decline-butt{background:#eceff01a;color:#eceff0bf}
.cookiePrimaryButt.decline-butt:hover{background:#eceff026}
.cookieSecondRow{display:flex;gap:8px}
.cookieSecondRow button{flex:1;padding:8px 6px;font-size:.75rem;font-family:'Cabin',sans-serif;cursor:pointer;border:1px solid #eceff026;border-radius:0;background:transparent;color:#eceff080;transition:color 0.2s,border-color .2s}
.cookieSecondRow button:hover{color:#F47B05;border-color:#f47b0566}
.cookieBadgeBtn{position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:#02323de6;border:1px solid #f47b0566;border-radius:4px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:9998;transition:background .2s}
.cookieBadgeBtn:hover{background:#02323dff}
.cookieBadgeBtn ion-icon{color:#F47B05;font-size:1.4rem}
@media (max-width: 1024px) {
.headerCenterName .companyTitle{font-size:1.7rem}
.footerGrid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px) {
.headerTopRow{flex-direction:column;text-align:center;padding:16px 0 10px;gap:12px}
.headerNavArea{width:100%;justify-content:center}
.mainNav{flex-wrap:wrap;justify-content:center;gap:4px}
.mainNav li a{padding:7px 12px;font-size:.82rem}
.headerBottomRow{flex-direction:column;gap:8px;padding:8px 0}
.footerGrid{grid-template-columns:1fr;gap:28px}
.footerCopyRow{flex-direction:column;text-align:center}
.headerCenterName .companyTitle{font-size:1.4rem}
}
.legal-info-qaoh{max-width:860px;margin:0 auto;padding:48px 32px 80px;background:#02323D;border-radius:28px;box-shadow:0 8px 40px #02323db3 0 2px 8px #f47b0514}
.legal-info-qaoh h1{font-size:2.4rem;font-weight:800;line-height:1.2;color:#ECEFF0;margin:0 0 32px;padding-bottom:20px;border-bottom:2px solid #f47b0566;letter-spacing:-.02em}
.legal-info-qaoh h2{font-size:1.7rem;font-weight:700;line-height:1.3;color:#ECEFF0;margin:48px 0 16px;padding-left:14px;border-left:4px solid #F47B05;letter-spacing:-.01em}
.legal-info-qaoh h3{font-size:1.3rem;font-weight:600;line-height:1.4;color:#ECEFF0;margin:36px 0 12px;padding-left:10px;border-left:2px solid #f47b0580}
.legal-info-qaoh h4{font-size:1.1rem;font-weight:600;line-height:1.45;color:#eceff0e6;margin:28px 0 10px;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem}
.legal-info-qaoh h5{font-size:.95rem;font-weight:600;line-height:1.5;color:#eceff0cc;margin:22px 0 8px;letter-spacing:.03em}
.legal-info-qaoh h6{font-size:.88rem;font-weight:500;line-height:1.5;color:#eceff0a6;margin:18px 0 8px;letter-spacing:.05em;text-transform:uppercase}
.legal-info-qaoh p{font-size:1rem;line-height:1.85;color:#eceff0d1;margin:0 0 20px;font-weight:400;max-width:72ch}
.legal-info-qaoh strong,.legal-info-qaoh b{font-weight:700;color:#ECEFF0}
.legal-info-qaoh em,.legal-info-qaoh i{font-style:italic;color:#f47b05e6}
.legal-info-qaoh hr{border:none;border-top:1px solid #eceff01a;margin:40px 0;box-shadow:0 1px 0 #f47b050d}
.legal-info-qaoh div{margin-bottom:16px}
@media (max-width: 1024px) {
.legal-info-qaoh{padding:40px 28px 64px;border-radius:24px}
.legal-info-qaoh h1{font-size:2rem}
.legal-info-qaoh h2{font-size:1.5rem}
}
@media (max-width: 640px) {
.legal-info-qaoh{padding:28px 18px 48px;border-radius:20px}
.legal-info-qaoh h1{font-size:1.65rem;margin-bottom:24px;padding-bottom:16px}
.legal-info-qaoh h2{font-size:1.3rem;margin-top:36px}
.legal-info-qaoh h3{font-size:1.1rem}
.legal-info-qaoh p{font-size:.97rem;line-height:1.75;max-width:100%}
.legal-info-qaoh hr{margin:28px 0}
}
.progPage{background:#02323D;color:#ECEFF0;padding-bottom:80px}
.heroOuter{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center}
.heroOuter .heroBg{position:absolute;inset:0;background:linear-gradient(135deg,#02323D 0%,#011e26 60%,#02323df2 100%);z-index:0}
.heroOuter .heroGeoShape1{position:absolute;top:-60px;right:-60px;width:340px;height:340px;border:2px solid #f47b052e;border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;z-index:1;pointer-events:none}
.heroOuter .heroGeoShape2{position:absolute;bottom:-40px;left:10%;width:180px;height:180px;border:1px solid #eceff014;border-radius:50%;z-index:1;pointer-events:none}
.heroOuter .heroGeoShape3{position:absolute;top:30px;left:38%;width:60px;height:60px;background:#f47b0512;transform:rotate(45deg);border-radius:8px;z-index:1;pointer-events:none}
.heroInner{position:relative;z-index:2;max-width:1400px;margin:auto;padding:70px 24px 60px;display:flex;flex-direction:row;align-items:center;gap:48px;width:100%;box-sizing:border-box}
.heroTextCol{flex:1 1 0;min-width:0}
.heroTextCol .heroLabel{display:inline-block;background:#f47b0521;color:#F47B05;border:1px solid #f47b0559;border-radius:20px;padding:5px 18px;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}
.heroTextCol h1{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.15;color:#ECEFF0;margin:0 0 20px;font-weight:700}
.heroTextCol h1 .heroAccent{color:#F47B05}
.heroTextCol .heroDesc{font-size:1.05rem;line-height:1.7;color:#eceff0c7;margin:0 0 32px;max-width:480px}
.heroTextCol .heroCtaRow{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap;align-items:center}
.heroBtnPrimary{display:inline-block;background:#F47B05;color:#02323D;font-weight:700;font-size:.97rem;padding:13px 32px;border-radius:30px;text-decoration:none;border:none;cursor:pointer;transition:background 0.22s,box-shadow 0.22s,transform .18s;box-shadow:0 4px 18px #f47b0547;z-index:10;position:relative}
.heroBtnPrimary:hover{background:#d96d04;box-shadow:0 6px 28px #f47b056b;transform:translateY(-2px)}
.heroBtnSecondary{display:inline-block;background:transparent;color:#ECEFF0;font-size:.97rem;padding:12px 28px;border-radius:30px;border:1.5px solid #eceff047;text-decoration:none;cursor:pointer;transition:border-color 0.2s,color .2s;z-index:10;position:relative}
.heroBtnSecondary:hover{border-color:#F47B05;color:#F47B05}
.heroImgCol{flex:0 0 420px;max-width:420px;position:relative}
.heroImgCol .heroImgFrame{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 12px 48px #02323db3 0 0 0 2px #f47b0526}
.heroImgCol .heroImgFrame img{width:100%;height:300px;object-fit:cover;display:block;filter:contrast(1.08) brightness(0.92)}
.heroImgCol .heroImgOverlay{position:absolute;inset:0;background:linear-gradient(160deg,#02323d2e 0%,#f47b051a 100%);border-radius:28px}
.heroImgCol .heroImgBadge{position:absolute;bottom:-16px;left:24px;background:#F47B05;color:#02323D;font-weight:700;font-size:.85rem;padding:10px 22px;border-radius:24px;box-shadow:0 4px 16px #f47b0559;white-space:nowrap}
.dividerWave{width:100%;overflow:hidden;line-height:0;background:#02323D}
.dividerWave svg{display:block;width:100%}
.modulesSect{background:#011e26;padding:80px 0 70px}
.modulesInner{max-width:1400px;margin:auto;padding:0 24px;box-sizing:border-box}
.sectionHeadRow{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px;flex-wrap:wrap}
.sectionHeadRow .sectLabel{display:block;color:#F47B05;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.sectionHeadRow h2{font-size:clamp(1.5rem,3vw,2.2rem);color:#ECEFF0;margin:0;font-weight:700;position:relative;padding-bottom:14px}
.sectionHeadRow h2::after{content:'';position:absolute;bottom:0;left:0;width:48px;height:3px;background:#F47B05;border-radius:2px}
.sectionHeadRow .sectSubtext{max-width:360px;color:#eceff099;font-size:.95rem;line-height:1.65}
.modulesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.moduleCard{background:#02323d8c;border:1px solid #eceff014;border-radius:24px;padding:30px 28px;position:relative;overflow:hidden;transition:border-color 0.22s,box-shadow 0.22s,transform .22s}
.moduleCard:hover{border-color:#f47b0559;box-shadow:0 8px 32px #f47b051f;transform:translateY(-4px)}
.moduleCard .cardNum{font-size:.75rem;color:#f47b0599;font-weight:700;letter-spacing:.12em;margin-bottom:16px;display:block}
.moduleCard .cardIconWrap{width:48px;height:48px;background:#f47b051a;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#F47B05;font-size:1.5rem}
.moduleCard h4{color:#ECEFF0;font-size:1.05rem;font-weight:700;margin:0 0 10px}
.moduleCard p{color:#eceff09e;font-size:.9rem;line-height:1.65;margin:0 0 18px}
.moduleCard .cardTagList{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}
.moduleCard .cardTag{background:#eceff012;color:#eceff08c;border-radius:20px;padding:4px 12px;font-size:.78rem}
.progressSect{background:#02323D;padding:80px 0}
.progressInner{max-width:1400px;margin:auto;padding:0 24px;box-sizing:border-box;display:flex;flex-direction:row;gap:60px;align-items:center}
.progressTextCol{flex:1 1 0;min-width:0}
.progressTextCol .sectLabel{display:block;color:#F47B05;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.progressTextCol h2{font-size:clamp(1.4rem,2.8vw,2rem);color:#ECEFF0;margin:0 0 18px;font-weight:700}
.progressTextCol .progDesc{color:#eceff0ad;font-size:.96rem;line-height:1.7;margin:0 0 36px}
.statsRow{display:flex;flex-direction:row;gap:28px;flex-wrap:wrap}
.statItem{display:flex;flex-direction:column;gap:4px}
.statItem .statNum{font-size:2rem;font-weight:800;color:#F47B05;line-height:1}
.statItem .statLbl{font-size:.82rem;color:#eceff08c}
.progressSkillsCol{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:20px}
.skillBar{display:flex;flex-direction:column;gap:8px}
.skillBar .skillHead{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.skillBar .skillName{color:#ECEFF0;font-size:.9rem;font-weight:600}
.skillBar .skillPct{color:#F47B05;font-size:.85rem;font-weight:700}
.skillBar .barTrack{width:100%;height:8px;background:#eceff01a;border-radius:8px;overflow:hidden}
.skillBar .barFill{height:100%;background:linear-gradient(90deg,#F47B05,#f47b058c);border-radius:8px;transition:width .8s ease}
.dividerDashed{width:100%;border:none;border-top:1.5px dashed #eceff01a;margin:0}
.faqSect{background:#011e26;padding:80px 0 70px}
.faqInner{max-width:1000px;margin:auto;padding:0 24px;box-sizing:border-box}
.faqInner .faqHeadWrap{text-align:center;margin-bottom:48px}
.faqInner .faqHeadWrap .sectLabel{display:inline-block;color:#F47B05;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.faqInner .faqHeadWrap h2{font-size:clamp(1.4rem,2.8vw,2rem);color:#ECEFF0;margin:0;font-weight:700}
.faqList{display:flex;flex-direction:column;gap:0}
.faqItem input[type="checkbox"]{display:none}
.faqItem{border-bottom:1px solid #eceff014}
.faqItem .faqQLabel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;padding:22px 4px;color:#ECEFF0;font-size:1rem;font-weight:600;user-select:none;transition:color .2s;gap:16px}
.faqItem .faqQLabel:hover{color:#F47B05}
.faqItem .faqQLabel .faqIcon{flex-shrink:0;width:26px;height:26px;border:1.5px solid #f47b0566;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#F47B05;font-size:1rem;transition:background 0.2s,transform .28s}
.faqItem input:checked + .faqQLabel .faqIcon{background:#f47b0526;transform:rotate(45deg)}
.faqItem input:checked + .faqQLabel{color:#F47B05}
.faqAnswer{max-height:0;overflow:hidden;transition:max-height .38s ease,padding .28s;padding:0 4px}
.faqAnswer p{color:#eceff0a6;font-size:.93rem;line-height:1.75;margin:0 0 18px}
.faqItem input:checked ~ .faqAnswer{max-height:300px;padding:0 4px 20px}
.ctaSect{background:linear-gradient(120deg,#02323D 0%,#011e26 100%);padding:80px 0;position:relative;overflow:hidden}
.ctaSect .ctaBgAccent{position:absolute;top:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,#f47b0514 0%,transparent 70%);pointer-events:none}
.ctaSect .ctaBgAccent2{position:absolute;bottom:-60px;left:5%;width:250px;height:250px;background:radial-gradient(circle,#02323d80 0%,transparent 70%);pointer-events:none}
.ctaInner{max-width:760px;margin:auto;padding:0 24px;box-sizing:border-box;text-align:center;position:relative;z-index:2}
.ctaInner .ctaTag{display:inline-block;background:#f47b051f;color:#F47B05;border:1px solid #f47b054d;border-radius:20px;padding:5px 18px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px}
.ctaInner h2{font-size:clamp(1.5rem,3vw,2.3rem);color:#ECEFF0;margin:0 0 18px;font-weight:700;line-height:1.25}
.ctaInner .ctaDesc{color:#eceff0a6;font-size:.97rem;line-height:1.7;margin:0 0 36px}
.ctaBtnRow{display:flex;flex-direction:row;gap:16px;justify-content:center;flex-wrap:wrap}
.ctaBtnMain{display:inline-block;background:#F47B05;color:#02323D;font-weight:700;font-size:1rem;padding:15px 38px;border-radius:32px;text-decoration:none;transition:background 0.22s,box-shadow 0.22s,transform .18s;box-shadow:0 4px 22px #f47b0552;position:relative;z-index:10}
.ctaBtnMain:hover{background:#d96d04;box-shadow:0 8px 36px #f47b0573;transform:translateY(-2px)}
.ctaBtnAlt{display:inline-block;background:transparent;color:#ECEFF0;font-size:.97rem;padding:14px 30px;border-radius:32px;border:1.5px solid #eceff038;text-decoration:none;transition:border-color 0.2s,color .2s;position:relative;z-index:10}
.ctaBtnAlt:hover{border-color:#F47B05;color:#F47B05}
@media (max-width: 1024px) {
.heroInner{flex-direction:column;gap:36px;padding:56px 20px 48px}
.heroImgCol{flex:none;max-width:100%;width:100%}
.modulesGrid{grid-template-columns:repeat(2,1fr)}
.progressInner{flex-direction:column;gap:40px;padding:0 20px}
}
@media (max-width: 640px) {
.heroTextCol h1{font-size:1.7rem}
.modulesGrid{grid-template-columns:1fr}
.sectionHeadRow{flex-direction:column;align-items:flex-start;gap:12px}
.statsRow{gap:20px}
.progressTextCol,.progressSkillsCol{width:100%}
.heroImgCol .heroImgBadge{font-size:.75rem;padding:8px 14px;left:12px}
}
.tipPage-outer{background:#02323D;min-height:60vh}
.tipHero-wrap{position:relative;overflow:hidden;padding:90px 20px 80px;display:flex;align-items:center;justify-content:center}
.tipHero-bgLayer{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 40%,#f47b052e 0%,#02323df2 55%,#02323D 100%);z-index:0}
.tipHero-bgLayer::before{content:'';position:absolute;top:-80px;right:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#f47b051f 0%,transparent 70%)}
.tipHero-bgLayer::after{content:'';position:absolute;bottom:-60px;left:10%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#eceff00f 0%,transparent 70%)}
.tipHero-inner{position:relative;z-index:2;max-width:1100px;width:100%;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:56px}
.tipHero-textSide{flex:1 1 0;min-width:0}
.tipHero-badge{display:inline-flex;align-items:center;gap:8px;background:#f47b0526;border:1px solid #f47b0559;border-radius:40px;padding:6px 18px;margin-bottom:24px}
.tipHero-badge span{font-size:12px;letter-spacing:.08em;color:#F47B05;text-transform:uppercase;font-weight:600}
.tipHero-h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;line-height:1.15;color:#ECEFF0;margin:0 0 20px}
.tipHero-h1 em{font-style:normal;color:#F47B05}
.tipHero-lead{font-size:1.1rem;line-height:1.7;color:#eceff0c7;margin:0 0 32px;max-width:480px}
.tipHero-stats{display:flex;flex-direction:row;gap:28px;flex-wrap:wrap}
.tipHero-statItem{display:flex;flex-direction:column;gap:2px}
.tipHero-statNum{font-size:1.6rem;font-weight:700;color:#F47B05;line-height:1}
.tipHero-statLabel{font-size:.78rem;color:#eceff099;letter-spacing:.04em}
.tipHero-imgSide{flex:0 0 380px;max-width:380px;position:relative}
.tipHero-imgFrame{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 12px 40px #02323d99 0 0 0 1px #f47b052e}
.tipHero-imgFrame img{width:100%;height:300px;object-fit:cover;display:block}
.tipHero-imgFrame::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,#f47b0514 0%,#02323d59 100%)}
.tipHero-floatCard{position:absolute;bottom:-18px;left:-22px;background:#02323deb;border:1px solid #f47b054d;border-radius:18px;padding:14px 20px;backdrop-filter:blur(8px);box-shadow:0 8px 24px #02323d80;display:flex;align-items:center;gap:12px;z-index:3}
.tipHero-floatCard ion-icon{font-size:1.6rem;color:#F47B05}
.tipHero-floatCard-text strong{display:block;font-size:.95rem;color:#ECEFF0;font-weight:600}
.tipHero-floatCard-text span{font-size:.78rem;color:#eceff099}
.tipDivider-wave{width:100%;line-height:0;overflow:hidden}
.tipDivider-wave svg{display:block;width:100%}
.tipTips-section{background:#ECEFF0;padding:80px 20px 90px}
.tipTips-inner{max-width:1200px;margin:0 auto}
.tipTips-header{text-align:center;margin-bottom:56px}
.tipTips-overline{display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#F47B05;font-weight:700;margin-bottom:12px}
.tipTips-h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:#02323D;margin:0 0 14px;line-height:1.2}
.tipTips-h2::after{content:'';display:block;width:52px;height:3px;background:#F47B05;border-radius:2px;margin:14px auto 0}
.tipTips-sub{font-size:1rem;color:#02323da6;max-width:520px;margin:0 auto;line-height:1.6}
.tipCards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tipCard{background:#fff;border-radius:24px;padding:32px 28px;box-shadow:0 4px 20px #02323d14;border:1px solid #02323d0f;transition:transform .22s ease,box-shadow .22s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px}
.tipCard:hover{transform:translateY(-5px);box-shadow:0 12px 36px #02323d24 0 0 0 1px #f47b052e}
.tipCard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#F47B05,#f47b054d);border-radius:24px 24px 0 0}
.tipCard-num{font-size:2.5rem;font-weight:700;color:#02323d12;line-height:1;position:absolute;top:16px;right:22px}
.tipCard-icon{width:48px;height:48px;background:#f47b051a;border-radius:14px;display:flex;align-items:center;justify-content:center}
.tipCard-icon ion-icon{font-size:1.5rem;color:#F47B05}
.tipCard-title{font-size:1.05rem;font-weight:700;color:#02323D;margin:0;line-height:1.3}
.tipCard-desc{font-size:.9rem;line-height:1.6;color:#02323db3;margin:0;flex:1}
.tipCard-tag{display:inline-block;padding:4px 12px;background:#02323d0f;border-radius:20px;font-size:.75rem;color:#02323D;font-weight:600;letter-spacing:.04em}
.tipAccord-section{background:#02323D;padding:80px 20px 90px;position:relative;overflow:hidden}
.tipAccord-section::before{content:'';position:absolute;top:-120px;right:-80px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#f47b0512 0%,transparent 65%);pointer-events:none}
.tipAccord-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;gap:64px;align-items:flex-start}
.tipAccord-leftCol{flex:0 0 340px;max-width:340px;position:sticky;top:32px}
.tipAccord-sideTag{display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#F47B05;font-weight:700;margin-bottom:16px}
.tipAccord-sideH2{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:700;color:#ECEFF0;line-height:1.25;margin:0 0 20px}
.tipAccord-sideTxt{font-size:.95rem;line-height:1.7;color:#eceff0a6;margin:0 0 32px}
.tipAccord-imgBlock{border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #00000059;position:relative}
.tipAccord-imgBlock img{width:100%;height:220px;object-fit:cover;display:block}
.tipAccord-imgBlock::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#02323d99 100%)}
.tipAccord-rightCol{flex:1 1 0;min-width:0}
.tipAccord-list{display:flex;flex-direction:column;gap:4px}
.tipAccord-item input[type="radio"]{display:none}
.tipAccord-item{border-radius:18px;overflow:hidden;border:1px solid #eceff01a;transition:border-color .2s}
.tipAccord-item:has(input:checked){border-color:#f47b0566;background:#f47b050d}
.tipAccord-label{display:flex;flex-direction:row;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;transition:background .18s}
.tipAccord-label:hover{background:#eceff00a}
.tipAccord-labelIcon{width:40px;height:40px;border-radius:12px;background:#f47b051f;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}
.tipAccord-item:has(input:checked) .tipAccord-labelIcon{background:#f47b0540}
.tipAccord-labelIcon ion-icon{font-size:1.2rem;color:#F47B05}
.tipAccord-labelTxt{flex:1}
.tipAccord-labelTxt strong{display:block;font-size:1rem;color:#ECEFF0;font-weight:600;line-height:1.3}
.tipAccord-labelTxt span{font-size:.82rem;color:#eceff080}
.tipAccord-arrow{color:#eceff066;font-size:1.1rem;transition:transform 0.22s,color .22s}
.tipAccord-item:has(input:checked) .tipAccord-arrow{transform:rotate(90deg);color:#F47B05}
.tipAccord-body{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 24px}
.tipAccord-item:has(input:checked) .tipAccord-body{max-height:400px;padding-bottom:24px}
.tipAccord-bodyContent{padding-top:4px;border-top:1px solid #eceff014}
.tipAccord-bodyContent p{font-size:.92rem;line-height:1.7;color:#eceff0b8;margin:14px 0 0}
.tipAccord-bodyTags{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;margin-top:14px}
.tipAccord-bodyTags span{padding:4px 12px;background:#f47b051f;border:1px solid #f47b0540;border-radius:20px;font-size:.75rem;color:#F47B05;font-weight:500}
.tipCta-section{background:linear-gradient(135deg,#02323D 0%,#02323dd9 100%);padding:70px 20px 80px;text-align:center;border-top:1px solid #f47b0526}
.tipCta-inner{max-width:620px;margin:0 auto}
.tipCta-h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#ECEFF0;margin:0 0 16px;line-height:1.25}
.tipCta-h3 em{font-style:normal;color:#F47B05}
.tipCta-txt{font-size:1rem;line-height:1.65;color:#eceff0b3;margin:0 0 32px}
.tipCta-butt{display:inline-flex;align-items:center;gap:10px;background:#F47B05;color:#fff;font-size:1rem;font-weight:700;padding:16px 36px;border-radius:40px;text-decoration:none;border:none;cursor:pointer;box-shadow:0 6px 24px #f47b0559;transition:background 0.2s,transform 0.2s,box-shadow .2s;position:relative;z-index:2}
.tipCta-butt:hover{background:#d46800;transform:translateY(-2px);box-shadow:0 10px 32px #f47b0573}
.tipCta-butt ion-icon{font-size:1.1rem}
@media (max-width: 1024px) {
.tipHero-inner{gap:36px}
.tipHero-imgSide{flex:0 0 300px;max-width:300px}
.tipCards-grid{grid-template-columns:repeat(2,1fr)}
.tipAccord-inner{gap:40px}
.tipAccord-leftCol{flex:0 0 280px;max-width:280px}
}
@media (max-width: 640px) {
.tipHero-inner{flex-direction:column;gap:32px}
.tipHero-imgSide{flex:none;max-width:100%;width:100%}
.tipHero-floatCard{left:12px;bottom:-14px}
.tipCards-grid{grid-template-columns:1fr;gap:16px}
.tipAccord-inner{flex-direction:column;gap:36px}
.tipAccord-leftCol{flex:none;max-width:100%;width:100%;position:static}
.tipHero-stats{gap:20px}
.tipTips-section{padding:56px 16px 64px}
.tipAccord-section{padding:56px 16px 64px}
}
.heroOuter{position:relative;overflow:hidden;min-height:560px;display:flex;align-items:center}
.heroOuter .heroBgImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.heroOuter .heroOverlay{position:absolute;inset:0;background:linear-gradient(120deg,#02323de0 55%,#02323d73 100%);z-index:1}
.heroOuter .heroInner{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:100px 40px 80px;width:100%}
.heroOuter .heroInner .heroTag{display:inline-block;background:#f47b052e;border:1px solid #f47b0580;color:#F47B05;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 16px;border-radius:30px;margin-bottom:22px}
.heroOuter .heroInner h1{color:#ECEFF0;font-size:3rem;line-height:1.18;font-weight:700;margin:0 0 20px;max-width:620px;text-shadow:0 4px 24px #02323d80}
.heroOuter .heroInner h1 .heroAccent{color:#F47B05}
.heroOuter .heroInner .heroSub{color:#eceff0d1;font-size:1.1rem;max-width:480px;line-height:1.65;margin:0 0 36px}
.heroOuter .heroInner .heroBtns{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}
.heroOuter .heroInner .heroBtns .btnPrimary{background:#F47B05;color:#ECEFF0;border:none;border-radius:30px;padding:13px 34px;font-size:.97rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 6px 20px #f47b0559;transition:background 0.2s,transform 0.2s,box-shadow .2s;position:relative;z-index:3}
.heroOuter .heroInner .heroBtns .btnPrimary:hover{background:#d96a00;transform:translateY(-2px);box-shadow:0 10px 28px #f47b0573}
.heroOuter .heroInner .heroBtns .btnOutline{background:transparent;color:#ECEFF0;border:2px solid #eceff080;border-radius:30px;padding:13px 34px;font-size:.97rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:border-color 0.2s,color 0.2s,background .2s;position:relative;z-index:3}
.heroOuter .heroInner .heroBtns .btnOutline:hover{border-color:#F47B05;color:#F47B05;background:#f47b0514}
.efficiencyOuter{background:#02323D;padding:80px 40px}
.efficiencyInner{max-width:1400px;margin:0 auto}
.efficiencyInner .secLabel{color:#F47B05;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px;display:block}
.efficiencyInner .secHead{color:#ECEFF0;font-size:2rem;font-weight:700;margin:0 0 48px;max-width:560px;line-height:1.25}
.efficiencyInner .secHead::after{content:'';display:block;width:48px;height:3px;background:#F47B05;border-radius:2px;margin-top:16px}
.efficiencyGrid{display:grid;grid-template-columns:1fr 1fr;gap:32px 40px}
.efficiencyCard{background:#eceff00d;border:1px solid #eceff01a;border-radius:24px;padding:32px 28px;display:flex;flex-direction:row;gap:20px;align-items:flex-start;transition:border-color 0.2s,box-shadow .2s}
.efficiencyCard:hover{border-color:#f47b0566;box-shadow:0 8px 32px #02323d66}
.efficiencyCard .cardIcon{width:48px;height:48px;border-radius:14px;background:#f47b0526;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.efficiencyCard .cardIcon svg{width:24px;height:24px;fill:#F47B05}
.efficiencyCard .cardBody h4{color:#ECEFF0;font-size:1.05rem;font-weight:600;margin:0 0 8px}
.efficiencyCard .cardBody p{color:#eceff0b3;font-size:.9rem;line-height:1.6;margin:0}
.splitDivider{width:100%;overflow:hidden;line-height:0;background:#02323D}
.splitDivider svg{display:block;width:100%}
.communityOuter{background:#ECEFF0;padding:80px 40px}
.communityInner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.communityInner .commImgWrap{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 12px 40px #02323d2e}
.communityInner .commImgWrap img{width:100%;height:380px;object-fit:cover;display:block}
.communityInner .commImgWrap .commBadge{position:absolute;bottom:20px;left:20px;background:#02323de6;color:#ECEFF0;border-radius:16px;padding:12px 20px;font-size:.85rem;font-weight:600;backdrop-filter:blur(4px)}
.communityInner .commBadge span{color:#F47B05}
.communityInner .commText .secLabel{color:#F47B05;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px;display:block}
.communityInner .commText h2{color:#02323D;font-size:1.9rem;font-weight:700;margin:0 0 20px;line-height:1.25}
.communityInner .commText p{color:#02323dbf;font-size:.95rem;line-height:1.65;margin:0 0 16px}
.communityInner .commText .commFeatures{list-style:none;padding:0;margin:24px 0 32px;display:flex;flex-direction:column;gap:12px}
.communityInner .commText .commFeatures li{display:flex;flex-direction:row;align-items:center;gap:12px;color:#02323D;font-size:.92rem}
.communityInner .commText .commFeatures li::before{content:'';width:20px;height:20px;border-radius:50%;background:#f47b0526;border:2px solid #F47B05;flex-shrink:0;display:inline-block}
.communityInner .commText .btnCommCta{background:#02323D;color:#ECEFF0;border:none;border-radius:30px;padding:13px 32px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block;transition:background 0.2s,transform .2s;position:relative;z-index:2}
.communityInner .commText .btnCommCta:hover{background:#F47B05;transform:translateY(-2px)}
.certOuter{background:linear-gradient(145deg,#011d24 0%,#02323D 60%,#013742 100%);padding:80px 40px}
.certInner{max-width:1400px;margin:0 auto}
.certInner .certHeadRow{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px;flex-wrap:wrap}
.certInner .certHeadRow .certHeadText .secLabel{color:#F47B05;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px;display:block}
.certInner .certHeadRow .certHeadText h2{color:#ECEFF0;font-size:1.9rem;font-weight:700;margin:0;line-height:1.25;max-width:480px}
.certInner .certGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.certCard{background:#eceff00d;border:1px solid #eceff01a;border-radius:28px;overflow:hidden;transition:box-shadow 0.25s,transform .25s}
.certCard:hover{box-shadow:0 16px 40px #0000004d;transform:translateY(-4px)}
.certCard .certCardImg{width:100%;height:200px;object-fit:cover;display:block}
.certCard .certCardBody{padding:24px 22px 22px}
.certCard .certCardBody .certType{display:inline-block;background:#f47b0526;color:#F47B05;border-radius:20px;font-size:.73rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;margin-bottom:12px}
.certCard .certCardBody h4{color:#ECEFF0;font-size:1rem;font-weight:600;margin:0 0 10px;line-height:1.35}
.certCard .certCardBody p{color:#eceff0a6;font-size:.87rem;line-height:1.6;margin:0 0 16px}
.certCard .certCardBody .certMeta{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}
.certCard .certCardBody .certMeta span{color:#eceff080;font-size:.8rem;display:flex;flex-direction:row;align-items:center;gap:5px}
.certCard .certCardBody .certMeta span svg{width:14px;height:14px;fill:#f47b05b3}
.personalizationOuter{background:#ECEFF0;padding:80px 40px}
.personalizationInner{max-width:1400px;margin:0 auto}
.personalizationInner .persoHeadWrap{text-align:center;margin-bottom:56px}
.personalizationInner .persoHeadWrap .secLabel{color:#F47B05;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px;display:block}
.personalizationInner .persoHeadWrap h2{color:#02323D;font-size:1.9rem;font-weight:700;margin:0 0 16px;line-height:1.25}
.personalizationInner .persoHeadWrap p{color:#02323db3;max-width:520px;margin:0 auto;font-size:.95rem;line-height:1.65}
.persoSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.persoSteps::before{content:'';position:absolute;top:36px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#F47B05,#f47b0533);z-index:0}
.persoStep{position:relative;z-index:1;text-align:center;padding:24px 16px}
.persoStep .stepNum{width:56px;height:56px;border-radius:50%;background:#02323D;color:#F47B05;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:3px solid #F47B05;box-shadow:0 0 0 6px #f47b051a}
.persoStep h4{color:#02323D;font-size:.95rem;font-weight:600;margin:0 0 8px}
.persoStep p{color:#02323db3;font-size:.86rem;line-height:1.6;margin:0}
.persoImgStrip{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:56px;align-items:center}
.persoImgStrip .persoImgMain{border-radius:28px;overflow:hidden;box-shadow:0 10px 36px #02323d26}
.persoImgStrip .persoImgMain img{width:100%;height:320px;object-fit:cover;display:block}
.persoImgStrip .persoTipBox{background:#02323D;border-radius:28px;padding:36px 32px}
.persoImgStrip .persoTipBox h4{color:#ECEFF0;font-size:1.1rem;font-weight:600;margin:0 0 16px}
.persoImgStrip .persoTipBox p{color:#eceff0b8;font-size:.9rem;line-height:1.65;margin:0 0 20px}
.persoImgStrip .persoTipBox a{color:#F47B05;text-decoration:none;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:gap .2s}
.persoImgStrip .persoTipBox a:hover{gap:12px}
.trustOuter{background:#02323D;padding:80px 40px}
.trustInner{max-width:1400px;margin:0 auto}
.trustInner .trustTopRow{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:64px}
.trustInner .trustTopRow .trustImg{border-radius:28px;overflow:hidden;box-shadow:0 12px 40px #00000059}
.trustInner .trustTopRow .trustImg img{width:100%;height:340px;object-fit:cover;display:block}
.trustInner .trustTopRow .trustTextSide .secLabel{color:#F47B05;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px;display:block}
.trustInner .trustTopRow .trustTextSide h2{color:#ECEFF0;font-size:1.9rem;font-weight:700;margin:0 0 20px;line-height:1.25}
.trustInner .trustTopRow .trustTextSide p{color:#eceff0b8;font-size:.93rem;line-height:1.65;margin:0 0 14px}
.trustStatsRow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:56px}
.trustStatCard{background:#eceff00d;border:1px solid #eceff01a;border-radius:22px;padding:28px 22px;text-align:center}
.trustStatCard .statNum{color:#F47B05;font-size:2.2rem;font-weight:700;line-height:1;margin-bottom:8px;display:block}
.trustStatCard .statDesc{color:#eceff0a6;font-size:.84rem;line-height:1.5}
.trustReviews{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.reviewCard{background:#eceff00d;border:1px solid #eceff01a;border-radius:22px;padding:26px 22px}
.reviewCard .reviewStars{display:flex;flex-direction:row;gap:3px;margin-bottom:14px}
.reviewCard .reviewStars svg{width:16px;height:16px;fill:#F47B05}
.reviewCard .reviewText{color:#eceff0c7;font-size:.88rem;line-height:1.65;margin:0 0 18px}
.reviewCard .reviewAuthor{color:#ECEFF0;font-size:.85rem;font-weight:600}
.reviewCard .reviewRole{color:#eceff073;font-size:.78rem;margin-top:3px}
@media (max-width: 1024px) {
.heroOuter .heroInner h1{font-size:2.3rem}
.efficiencyGrid{grid-template-columns:1fr}
.communityInner{grid-template-columns:1fr;gap:36px}
.certInner .certGrid{grid-template-columns:1fr 1fr}
.persoSteps{grid-template-columns:1fr 1fr}
.persoSteps::before{display:none}
.persoImgStrip{grid-template-columns:1fr}
.trustInner .trustTopRow{grid-template-columns:1fr;gap:32px}
.trustStatsRow{grid-template-columns:1fr 1fr}
.trustReviews{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px) {
.heroOuter .heroInner{padding:80px 22px 60px}
.heroOuter .heroInner h1{font-size:1.7rem}
.heroOuter .heroInner .heroBtns{flex-direction:column}
.efficiencyOuter,.communityOuter,.certOuter,.personalizationOuter,.trustOuter{padding:56px 22px}
.certInner .certGrid{grid-template-columns:1fr}
.persoSteps{grid-template-columns:1fr}
.trustStatsRow{grid-template-columns:1fr 1fr}
.trustReviews{grid-template-columns:1fr}
.certInner .certHeadRow{flex-direction:column;align-items:flex-start}
}
.contactPageOuter{background:#02323D;min-height:100px}
.titleBlockWrap{position:relative;overflow:hidden;padding:80px 20px 60px;background:linear-gradient(160deg,#02323D 0%,#011f27 50%,#01141a 100%)}
.titleBlockWrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 70% 30%,#f47b051f 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 20% 80%,#02323dcc 0%,transparent 70%);pointer-events:none}
.dotsLineDecor{position:absolute;top:40px;left:0;right:0;display:flex;justify-content:center;gap:18px;pointer-events:none}
.dotsLineDecor span{width:5px;height:5px;border-radius:50%;background:#f47b0559;display:inline-block}
.dotsLineDecor span:nth-child(3n){background:#eceff033;width:4px;height:4px}
.titleBlockInner{position:relative;z-index:2;max-width:860px;margin:0 auto;text-align:center}
.titleBlockInner .pageBadge{display:inline-block;background:#f47b0526;border:1px solid #f47b0566;color:#F47B05;font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:6px 18px;border-radius:30px;margin-bottom:28px}
.titleBlockInner h1{font-size:clamp(32px,5vw,58px);font-weight:700;color:#ECEFF0;line-height:1.15;margin:0 0 20px;letter-spacing:-.5px}
.titleBlockInner h1 .accentWord{color:#F47B05;position:relative}
.titleBlockInner h1 .accentWord::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:2px;background:linear-gradient(90deg,#F47B05,transparent);border-radius:2px}
.titleBlockInner .titleSubtext{font-size:17px;color:#eceff0b3;line-height:1.65;max-width:540px;margin:0 auto 36px}
.titleBtnRow{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btnPrimary{background:#F47B05;color:#02323D;font-weight:700;font-size:14px;letter-spacing:.5px;padding:13px 28px;border-radius:30px;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:background 0.25s,box-shadow 0.25s,transform .2s;position:relative;z-index:3;box-shadow:0 4px 16px #f47b0559}
.btnPrimary:hover{background:#e06e00;transform:translateY(-2px);box-shadow:0 8px 24px #f47b0573}
.btnOutline{background:transparent;color:#ECEFF0;font-size:14px;font-weight:600;padding:12px 28px;border-radius:30px;border:1.5px solid #eceff04d;cursor:pointer;text-decoration:none;display:inline-block;transition:border-color 0.25s,color 0.25s,transform .2s;position:relative;z-index:3}
.btnOutline:hover{border-color:#F47B05;color:#F47B05;transform:translateY(-2px)}
.svgDividerWave{display:block;width:100%;overflow:hidden;line-height:0;margin-bottom:-1px}
.contactInfoBlockOuter{background:#011f27;padding:70px 20px}
.contactInfoInner{max-width:1200px;margin:0 auto}
.contactInfoGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:48px}
.infoCardFrame{background:linear-gradient(145deg,#02323de6,#011e26f2);border:1px solid #f47b0526;border-radius:28px;padding:36px 28px;position:relative;overflow:hidden;transition:transform 0.3s,box-shadow .3s}
.infoCardFrame::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#F47B05,transparent);opacity:0;transition:opacity .3s}
.infoCardFrame:hover{transform:translateY(-4px);box-shadow:0 12px 32px #f47b0526}
.infoCardFrame:hover::before{opacity:1}
.infoCardFrame .cardIconWrap{width:52px;height:52px;background:#f47b051f;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#F47B05;font-size:24px}
.infoCardFrame .cardTitle{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#eceff073;margin-bottom:10px}
.infoCardFrame .cardValue{font-size:18px;font-weight:600;color:#ECEFF0;line-height:1.5;text-decoration:none;display:block}
.infoCardFrame .cardValue:hover{color:#F47B05}
.infoCardFrame .cardNote{font-size:13px;color:#eceff073;margin-top:8px;line-height:1.5}
.sectionLabelSmall{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#F47B05;display:block;margin-bottom:12px}
.sectionHeadingMid{font-size:clamp(24px,3.5vw,36px);font-weight:700;color:#ECEFF0;line-height:1.2;margin:0}
.formBlockOuter{background:linear-gradient(180deg,#011f27 0%,#02323D 100%);padding:70px 20px;position:relative;overflow:hidden}
.formBlockOuter::after{content:'';position:absolute;right:-100px;bottom:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#f47b050f 0%,transparent 70%);pointer-events:none}
.formBlockInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.formSideText .formSideHeading{font-size:clamp(22px,3vw,32px);font-weight:700;color:#ECEFF0;line-height:1.25;margin:20px 0 16px}
.formSideText .formSideDesc{font-size:15px;color:#eceff0a6;line-height:1.7;margin-bottom:30px}
.ratingInfoBox{background:#f47b0514;border:1px solid #f47b0533;border-radius:20px;padding:24px;margin-top:10px}
.ratingInfoBox .ratingInfoTitle{font-size:14px;font-weight:600;color:#F47B05;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.ratingInfoBox ul{list-style:none;padding:0;margin:0}
.ratingInfoBox ul li{font-size:13px;color:#eceff099;padding:6px 0;border-bottom:1px solid #eceff00f;display:flex;align-items:center;gap:8px}
.ratingInfoBox ul li:last-child{border-bottom:none}
.ratingInfoBox ul li::before{content:'';width:6px;height:6px;background:#F47B05;border-radius:50%;flex-shrink:0}
.contactFormCanvas{background:linear-gradient(145deg,#011e26f2,#02323de6);border:1px solid #f47b0526;border-radius:32px;padding:40px;box-shadow:0 8px 40px #010f1480}
.formFieldGroup{margin-bottom:20px}
.formFieldGroup label{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#eceff080;margin-bottom:8px}
.formFieldGroup input[type="text"],.formFieldGroup input[type="email"]{width:100%;background:#02323d99;border:1.5px solid #eceff01f;border-radius:14px;padding:14px 18px;color:#ECEFF0;font-size:15px;outline:none;transition:border-color 0.25s,box-shadow .25s;box-sizing:border-box;box-shadow:inset 0 2px 4px #010a0f4d}
.formFieldGroup input[type="text"]:focus,.formFieldGroup input[type="email"]:focus{border-color:#F47B05;box-shadow:inset 0 2px 4px #010a0f4d 0 0 0 3px #f47b051f}
.formFieldGroup input[type="text"]::placeholder,.formFieldGroup input[type="email"]::placeholder{color:#eceff040}
.ratingFieldset{border:none;padding:0;margin:0 0 22px}
.ratingFieldset legend{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#eceff080;margin-bottom:12px;display:block;width:100%}
.ratingStarsRow{display:flex;flex-direction:row-reverse;gap:6px;justify-content:flex-end}
.ratingStarsRow input[type="radio"]{display:none}
.ratingStarsRow label{cursor:pointer;font-size:28px;color:#eceff033;transition:color 0.2s,transform .2s;line-height:1}
.ratingStarsRow input[type="radio"]:checked ~ label,.ratingStarsRow label:hover,.ratingStarsRow label:hover ~ label{color:#F47B05}
.ratingStarsRow input[type="radio"]:checked + label{transform:scale(1.15)}
.privacyCheckRow{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}
.privacyCheckRow input[type="checkbox"]{width:18px;height:18px;accent-color:#F47B05;margin-top:2px;flex-shrink:0;cursor:pointer}
.privacyCheckRow .privacyText{font-size:13px;color:#eceff080;line-height:1.55}
.privacyCheckRow .privacyText a{color:#F47B05;text-decoration:underline;text-underline-offset:2px}
.privacyCheckRow .privacyText a:hover{color:#e06e00}
.formSubmitBtn{width:100%;background:#F47B05;color:#02323D;font-weight:700;font-size:15px;letter-spacing:.5px;padding:15px 20px;border-radius:14px;border:none;cursor:pointer;transition:background 0.25s,box-shadow 0.25s,transform .2s;box-shadow:0 4px 16px #f47b054d;position:relative;z-index:2}
.formSubmitBtn:hover{background:#e06e00;transform:translateY(-2px);box-shadow:0 8px 24px #f47b0566}
.faqBlockOuter{background:#02323D;padding:70px 20px;position:relative}
.faqBlockOuter::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#f47b054d,transparent)}
.faqBlockInner{max-width:800px;margin:0 auto}
.faqBlockHeader{text-align:center;margin-bottom:48px}
.faqBlockHeader .faqSubhead{font-size:15px;color:#eceff08c;margin-top:12px;line-height:1.6}
.faqAccordion{display:flex;flex-direction:column;gap:12px}
.faqItem{background:#011e26b3;border:1px solid #eceff014;border-radius:20px;overflow:hidden}
.faqItem input[type="checkbox"]{display:none}
.faqItem label{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;cursor:pointer;color:#ECEFF0;font-size:16px;font-weight:600;transition:color .25s;gap:16px}
.faqItem label:hover{color:#F47B05}
.faqItem label .faqArrow{width:28px;height:28px;background:#f47b051a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.25s,transform .3s;color:#F47B05;font-size:14px}
.faqItem input[type="checkbox"]:checked + label .faqArrow{background:#F47B05;color:#02323D;transform:rotate(180deg)}
.faqItem input[type="checkbox"]:checked + label{color:#F47B05}
.faqBody{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease}
.faqItem input[type="checkbox"]:checked ~ .faqBody{max-height:200px}
.faqBodyInner{padding:0 26px 22px;font-size:14px;color:#eceff099;line-height:1.75;border-top:1px solid #eceff00f;padding-top:16px}
.linkProgramBanner{background:linear-gradient(135deg,#f47b051f 0%,#02323d80 100%);border:1px solid #f47b0540;border-radius:24px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:48px;flex-wrap:wrap}
.linkProgramBanner .bannerTextGroup .bannerTitle{font-size:18px;font-weight:700;color:#ECEFF0;margin-bottom:6px}
.linkProgramBanner .bannerTextGroup .bannerDesc{font-size:14px;color:#eceff08c;line-height:1.6}
@media (max-width: 1024px) {
.contactInfoGrid{grid-template-columns:1fr 1fr}
.formBlockInner{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.titleBlockWrap{padding:60px 16px 50px}
.contactInfoGrid{grid-template-columns:1fr;gap:16px}
.contactInfoBlockOuter,.formBlockOuter,.faqBlockOuter{padding:50px 16px}
.contactFormCanvas{padding:28px 20px}
.linkProgramBanner{padding:24px 20px;flex-direction:column;text-align:center}
.dotsLineDecor{gap:10px}
}
.teachPageWrap{background:#02323D;overflow-x:hidden}
.titleBlockOuter{position:relative;padding:80px 20px 90px;overflow:hidden}
.titleBlockInner{max-width:1400px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:60px}
.titleBlockOuter::before{content:'';position:absolute;top:-80px;right:-100px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#f47b051f 0%,#02323d00 70%);pointer-events:none}
.titleBlockOuter::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#f47b0566,transparent)}
.titleCurveDeco{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.titleCurveDeco svg{position:absolute;opacity:.07}
.titleTextSide{flex:1 1 50%;max-width:580px}
.titleTextSide .titleEyebrow{display:inline-flex;align-items:center;gap:8px;background:#f47b0526;border:1px solid #f47b0559;border-radius:30px;padding:6px 16px;font-size:13px;color:#F47B05;letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px}
.titleTextSide h1{font-size:clamp(32px,4.5vw,56px);line-height:1.15;color:#ECEFF0;margin:0 0 22px;font-weight:700}
.titleTextSide h1 .accentSpan{color:#F47B05;position:relative;display:inline-block}
.titleTextSide h1 .accentSpan::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#F47B05,#f47b0533);border-radius:2px}
.titleTextSide .titleDesc{font-size:17px;line-height:1.7;color:#eceff0c7;margin:0 0 34px}
.titleCtaButt{display:inline-flex;align-items:center;gap:10px;background:#F47B05;color:#02323D;font-weight:700;font-size:15px;padding:14px 30px;border-radius:40px;text-decoration:none;transition:background 0.25s,box-shadow 0.25s,transform .2s;box-shadow:0 6px 24px #f47b0559;position:relative;z-index:2}
.titleCtaButt:hover{background:#d96b04;box-shadow:0 8px 32px #f47b0580;transform:translateY(-2px)}
.titleImgSide{flex:1 1 44%;position:relative;display:flex;align-items:center;justify-content:center}
.titleImgFrame{position:relative;border-radius:28px;overflow:hidden;width:100%;max-width:520px;box-shadow:0 16px 48px #02323db3 0 0 0 1px #f47b052e}
.titleImgFrame img{width:100%;height:380px;object-fit:cover;display:block;border-radius:28px}
.titleImgFrame::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#f47b052e 0%,transparent 60%);border-radius:28px;pointer-events:none}
.titleImgAccentDot{position:absolute;bottom:-18px;right:-18px;width:80px;height:80px;border-radius:50%;background:#f47b0538;border:2px solid #f47b0566;z-index:0}
.titleImgAccentLine{position:absolute;top:-12px;left:-12px;width:60px;height:60px;border-radius:50%;border:2px dashed #eceff033;z-index:0}
.methodsBlockOuter{padding:90px 20px 100px;background:#ECEFF0;position:relative}
.methodsBlockOuter::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#02323D,#F47B05,#02323D)}
.methodsBlockInner{max-width:1400px;margin:0 auto}
.methodsHeadRow{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:60px}
.methodsHeadLeft{flex:1 1 55%}
.methodsLabel{display:inline-flex;align-items:center;gap:8px;background:#02323d14;border:1px solid #02323d2e;border-radius:30px;padding:5px 14px;font-size:12px;color:#02323D;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.methodsHeadLeft h2{font-size:clamp(26px,3.5vw,44px);color:#02323D;line-height:1.2;margin:0;font-weight:700}
.methodsHeadLeft h2 em{font-style:normal;color:#F47B05}
.methodsHeadRight{flex:0 0 340px;font-size:16px;line-height:1.65;color:#02323db8;padding-bottom:4px}
.methodsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:60px}
.methodCard{background:#fff;border-radius:24px;padding:32px 28px;position:relative;overflow:hidden;box-shadow:0 4px 18px #02323d17;transition:transform 0.25s,box-shadow .25s;display:flex;flex-direction:column;gap:16px;border:1px solid #02323d0f}
.methodCard:hover{transform:translateY(-5px);box-shadow:0 12px 36px #02323d26}
.methodCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#F47B05,#f47b054d);border-radius:24px 24px 0 0}
.methodCard.cardVariantB::before{background:linear-gradient(90deg,#02323D,#02323d4d)}
.methodCard.cardVariantC::before{background:linear-gradient(90deg,#F47B05,#02323D)}
.methodIconWrap{width:52px;height:52px;border-radius:16px;background:#f47b051a;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.methodCard.cardVariantB .methodIconWrap{background:#02323d14}
.methodIconWrap ion-icon{font-size:24px;color:#F47B05}
.methodCard.cardVariantB .methodIconWrap ion-icon{color:#02323D}
.methodCard h4{font-size:18px;font-weight:700;color:#02323D;margin:0;line-height:1.3}
.methodCard p{font-size:15px;line-height:1.65;color:#02323dad;margin:0}
.methodCardSteps{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.methodCardStep{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#02323dbf}
.methodCardStep::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#F47B05;flex-shrink:0}
.methodCard.cardVariantB .methodCardStep::before{background:#02323D}
.methodsImgRow{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.methodsImgVisual{border-radius:28px;overflow:hidden;position:relative;box-shadow:0 8px 32px #02323d26}
.methodsImgVisual img{width:100%;height:320px;object-fit:cover;display:block;border-radius:28px}
.methodsImgVisual::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#02323d80 100%);z-index:1;pointer-events:none;border-radius:28px}
.methodsImgCaption{position:absolute;bottom:20px;left:20px;z-index:2;color:#ECEFF0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}
.methodsStatPanel{display:flex;flex-direction:column;gap:24px}
.methodsStatPanel h3{font-size:clamp(20px,2.5vw,30px);color:#02323D;font-weight:700;margin:0 0 6px;line-height:1.3}
.methodsStatPanel p{font-size:16px;line-height:1.65;color:#02323db3;margin:0 0 20px}
.statBarList{display:flex;flex-direction:column;gap:16px}
.statBarItem{display:flex;flex-direction:column;gap:6px}
.statBarLabel{display:flex;justify-content:space-between;font-size:13.5px;color:#02323D;font-weight:600}
.statBarTrack{height:8px;background:#02323d1a;border-radius:8px;overflow:hidden}
.statBarFill{height:100%;border-radius:8px;background:linear-gradient(90deg,#F47B05,#d96b04);transition:width .5s ease}
.statBarFill.fillAlt{background:linear-gradient(90deg,#02323D,#025e72)}
@media (max-width: 1024px) {
.titleBlockInner{gap:40px}
.methodsGrid{grid-template-columns:repeat(2,1fr)}
.methodsHeadRow{flex-direction:column;align-items:flex-start;gap:20px}
.methodsHeadRight{flex:unset}
}
@media (max-width: 640px) {
.titleBlockOuter{padding:56px 16px 64px}
.titleBlockInner{flex-direction:column;gap:36px}
.titleTextSide{max-width:100%}
.titleImgSide{width:100%}
.titleImgFrame img{height:240px}
.methodsBlockOuter{padding:60px 16px 70px}
.methodsGrid{grid-template-columns:1fr;gap:20px}
.methodsImgRow{grid-template-columns:1fr}
.methodsImgVisual img{height:220px}
}
.successPageOuter{background:#02323D;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px 100px;position:relative;overflow:hidden}
.successPageOuter .blurSpotA{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#f47b0538 0%,#f47b0500 70%);top:-80px;left:-100px;pointer-events:none;z-index:0}
.successPageOuter .blurSpotB{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#02323de6 0%,#02506459 60%,#02323d00 100%);bottom:-60px;right:-80px;pointer-events:none;z-index:0}
.successPageOuter .blurSpotC{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#eceff00f 0%,#eceff000 70%);top:50%;left:60%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}
.successCentralWrapper{position:relative;z-index:2;max-width:720px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.successIconFrame{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#f47b052e 0%,#02323db3 100%);border:2.5px solid #f47b058c;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:36px;box-shadow:0 0 38px #f47b052e inset 0 2px 4px #00000040;position:relative}
.successIconFrame svg{width:42px;height:42px}
.successCardSurface{background:linear-gradient(160deg,#02323dd1 0%,#02232bf7 100%);border:1px solid #f47b052e;border-radius:32px;padding:56px 52px 52px;box-shadow:0 8px 40px #02141e8c 0 2px 10px #f47b0512;position:relative;overflow:hidden;width:100%}
.successCardSurface::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,#f47b05b3,transparent);border-radius:2px}
.successCardSurface .mainHeado{color:#ECEFF0;font-size:2.3rem;font-weight:700;line-height:1.2;margin:0 0 14px;letter-spacing:-.3px}
.successCardSurface .mainHeado .accentTerm{color:#F47B05;position:relative;display:inline-block}
.successCardSurface .mainHeado .accentTerm::after{content:'';position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:linear-gradient(90deg,#F47B05,#f47b054d);border-radius:2px}
.successCardSurface .secondaryHeado{color:#eceff0b8;font-size:1.08rem;font-weight:400;line-height:1.55;margin:0 0 28px;letter-spacing:.01em}
.successCardSurface .descLayer{color:#eceff094;font-size:.95rem;line-height:1.7;margin:0 0 38px;max-width:480px;margin-left:auto;margin-right:auto}
.successDividerLine{width:48px;height:3px;background:linear-gradient(90deg,#F47B05,#f47b054d);border-radius:3px;margin:0 auto 32px}
.successActionsRow{display:flex;flex-direction:row;gap:16px;justify-content:center;flex-wrap:wrap}
.successActionsRow .butt-primary{background:linear-gradient(135deg,#F47B05 0%,#d96a00 100%);color:#02323D;border:none;border-radius:40px;padding:14px 34px;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;flex-direction:row;align-items:center;gap:8px;transition:box-shadow 0.22s,transform .18s;box-shadow:0 4px 18px #f47b0547;position:relative;z-index:3;letter-spacing:.01em}
.successActionsRow .butt-primary:hover{box-shadow:0 8px 28px #f47b056b;transform:translateY(-2px);color:#02323D}
.successActionsRow .butt-outline{background:transparent;color:#ECEFF0;border:1.5px solid #eceff047;border-radius:40px;padding:14px 34px;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;flex-direction:row;align-items:center;gap:8px;transition:border-color 0.22s,background 0.2s,transform .18s;position:relative;z-index:3}
.successActionsRow .butt-outline:hover{border-color:#f47b058c;background:#f47b0512;transform:translateY(-2px);color:#ECEFF0}
.successStepsBadge{margin-top:44px;display:flex;flex-direction:row;align-items:center;gap:10px;background:#eceff00a;border:1px solid #eceff017;border-radius:20px;padding:12px 22px;color:#eceff075;font-size:.82rem;letter-spacing:.03em}
.successStepsBadge ion-icon{color:#F47B05;font-size:1rem}
@media (max-width: 640px) {
.successCardSurface{padding:36px 22px;border-radius:24px}
.successCardSurface .mainHeado{font-size:1.65rem}
.successActionsRow{flex-direction:column;align-items:center}
.successActionsRow .butt-primary,.successActionsRow .butt-outline{width:100%;justify-content:center}
.successStepsBadge{flex-direction:column;text-align:center}
.blurSpotA{width:220px!important;height:220px!important}
}
@media (min-width: 641px) and (max-width: 1024px) {
.successCardSurface{padding:48px 38px 44px}
.successCardSurface .mainHeado{font-size:2rem}
}