*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Roboto',sans-serif;background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);color:#e0e0e0;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
h1,h2,h3,h4,h5,h6{font-family:'Archivo',sans-serif;font-weight:700}
main{flex:1}
.topHeaderWrapper{background:linear-gradient(180deg,#2E2D2D 0%,#1f1f1f 100%);border-bottom:3px solid #f3d10099;box-shadow:0 4px 12px #00000080;padding:24px 0}
.header-container{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.brandColumn{display:flex;align-items:center;gap:18px}
.logo-wrap{background:#f3d1001a;padding:12px;border-radius:12px;box-shadow:0 3px 8px #0006;border:2px solid #f3d1004d}
.siteLogo{height:90px;width:90px;display:block}
.brandIdentity{display:flex;flex-direction:column;gap:4px}
.companyTitle{font-family:'Archivo',sans-serif;font-size:28px;font-weight:700;color:#F3D100;letter-spacing:.5px}
.companyTagline{font-size:14px;color:#0F7C97;font-weight:400}
.navigationColumn{display:flex;flex-direction:column;gap:16px;align-items:flex-end}
.primaryNav{display:flex;gap:32px}
.primaryNav .navLink{font-family:'Archivo',sans-serif;font-size:16px;font-weight:700;color:#e0e0e0;text-decoration:none;padding:10px 18px;border-radius:8px;transition:background 200ms,color 200ms;border:2px solid transparent}
.primaryNav .navLink:hover{background:#f3d10026;color:#F3D100;border-color:#f3d1004d}
.contactDetails{display:flex;gap:24px}
.contactDetails .contact-item{display:flex;align-items:center;gap:8px;font-size:14px}
.contactDetails .contact-item .typcn{font-size:20px;color:#0F7C97}
.contactDetails .contact-item a{color:#b0b0b0;text-decoration:none;transition:color 180ms}
.contactDetails .contact-item a:hover{color:#F3D100}
.footerMainSection{background:linear-gradient(180deg,#2E2D2D 0%,#1a1a1a 100%);padding:60px 0 40px;border-top:4px solid #0f7c9780}
.footer-container{max-width:1320px;margin:0 auto;padding:0 20px}
.footerGrid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:50px}
.footerInfoBlock .footerBrandName{font-size:32px;color:#F3D100;margin-bottom:16px}
.footerInfoBlock .footerDescription{color:#b0b0b0;font-size:15px;line-height:1.7;margin-bottom:28px}
.footerContactCard{background:#0f7c971a;padding:24px;border-radius:12px;border:2px solid #0f7c974d;display:flex;flex-direction:column;gap:16px}
.footerContactCard .contactCardItem{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#d0d0d0}
.footerContactCard .contactCardItem .typcn{font-size:22px;color:#0F7C97;flex-shrink:0;margin-top:2px}
.footerContactCard .contactCardItem a{color:#d0d0d0;text-decoration:none;transition:color 180ms}
.footerContactCard .contactCardItem a:hover{color:#F3D100}
.footerNavBlock .footerNavTitle{font-size:20px;color:#F3D100;margin-bottom:20px}
.footerNavList{list-style:none;display:flex;flex-direction:column;gap:12px}
.footerNavList li a{color:#b0b0b0;text-decoration:none;font-size:15px;transition:color 180ms;display:inline-block}
.footerNavList li a:hover{color:#F3D100}
.footerCtaBlock .footerCtaTitle{font-size:22px;color:#0F7C97;margin-bottom:14px}
.footerCtaBlock .footerCtaText{color:#b0b0b0;font-size:15px;line-height:1.6;margin-bottom:20px}
.footerCtaButton{display:inline-block;background:#F3D100;color:#2E2D2D;padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none;font-size:15px;transition:background 200ms,box-shadow 200ms;box-shadow:0 3px 8px #f3d1004d}
.footerCtaButton:hover{background:#e0c400;box-shadow:0 5px 14px #f3d10080}
.footerBottomBar{background:#0d0d0d;padding:20px 0;border-top:2px solid #f3d10033}
.footerBottomBar .copyrightText{text-align:center;color:gray;font-size:14px}
.cookieConsentPopup{position:fixed;bottom:-400px;right:24px;width:380px;background:#2E2D2D;border-radius:12px;padding:24px;box-shadow:0 6px 20px #0009;border:2px solid #f3d10066;z-index:10000;transition:bottom 250ms}
.cookieConsentPopup[data-visible="true"]{bottom:24px}
.cookieContent .cookieHeading{font-size:20px;color:#F3D100;margin-bottom:12px}
.cookieContent .cookieText{font-size:14px;color:silver;line-height:1.5;margin-bottom:20px}
.cookieCategoryBlock{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.cookieLabel{display:flex;align-items:center;gap:10px;font-size:14px;color:#d0d0d0;cursor:pointer}
.cookieCheckbox{width:18px;height:18px;cursor:pointer}
.cookieActions{display:flex;gap:12px;margin-bottom:16px}
.cookieBtn{flex:1;padding:12px;border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:background 180ms}
.cookieAccept{background:#F3D100;color:#2E2D2D}
.cookieAccept:hover{background:#e0c400}
.cookieDecline{background:#0F7C97;color:#fff}
.cookieDecline:hover{background:#0d6a82}
.cookiePolicyLink{font-size:13px;color:#0F7C97;text-decoration:underline}
.cookiePolicyLink:hover{color:#F3D100}
.cookieSettingsIcon{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#F3D100;border:none;border-radius:12px;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px #f3d10066;transition:background 200ms;z-index:9999}
.cookieSettingsIcon[data-visible="true"]{display:flex}
.cookieSettingsIcon .typcn{font-size:28px;color:#2E2D2D}
.cookieSettingsIcon:hover{background:#e0c400}
@media (max-width: 992px) {
.header-container{flex-direction:column;gap:24px}
.navigationColumn{align-items:center;width:100%}
.primaryNav{flex-wrap:wrap;justify-content:center}
.contactDetails{flex-direction:column;gap:12px;align-items:center}
.footerGrid{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.brandColumn{flex-direction:column;text-align:center}
.siteLogo{height:70px;width:70px}
.companyTitle{font-size:24px}
.primaryNav{flex-direction:column;gap:12px;width:100%}
.primaryNav .navLink{text-align:center;width:100%}
.cookieConsentPopup{width:calc(100% - 32px);right:16px;left:16px}
.cookieConsentPopup[data-visible="true"]{bottom:16px}
.cookieSettingsIcon{right:16px;bottom:16px}
}
.rules-section{max-width:1320px;margin:0 auto;padding:60px 20px;background:#1a1a1a;color:#e0e0e0}
.rules-section p{font-size:16px;line-height:1.8;margin-bottom:20px;color:#d4d4d4}
.rules-section p:last-child{margin-bottom:0}
.rules-section strong,.rules-section b{font-weight:600;color:#F3D100}
.rules-section em,.rules-section i{font-style:italic;color:#0F7C97}
.rules-section table{width:100%;margin:30px 0;border-collapse:collapse;background:#2a2a2a;box-shadow:0 4px 8px #0006;border-radius:8px;overflow:hidden}
.rules-section thead{background:#0f7c97b3}
.rules-section thead tr{border-bottom:2px solid #F3D100}
.rules-section th{padding:16px 20px;text-align:left;font-weight:600;font-size:15px;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.rules-section tbody tr{border-bottom:1px solid #3a3a3a;transition:background 180ms}
.rules-section tbody tr:last-child{border-bottom:none}
.rules-section tbody tr:hover{background:#f3d10014}
.rules-section td{padding:14px 20px;font-size:15px;color:#d4d4d4;vertical-align:top}
.rules-section hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#0F7C97,transparent);margin:40px 0;box-shadow:0 2px 4px #0f7c974d}
.rules-section div{margin:24px 0}
.rules-section div p{margin-bottom:14px}
@media (max-width: 768px) {
.rules-section{padding:40px 16px}
.rules-section p{font-size:15px;line-height:1.7}
.rules-section table{display:block;overflow-x:auto;margin:24px 0}
.rules-section th,.rules-section td{padding:12px 14px;font-size:14px}
.rules-section th{white-space:nowrap}
.rules-section hr{margin:32px 0}
}
@media (max-width: 480px) {
.rules-section{padding:32px 12px}
.rules-section p{font-size:14px;margin-bottom:16px}
.rules-section th,.rules-section td{padding:10px 12px;font-size:13px}
}
.domain-mainWrapper{width:100%;background:linear-gradient(165deg,#1a1818 0%,#2E2D2D 100%);position:relative}
.domain-heroBlock{max-width:1320px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.heroTxt-wrapper{padding-right:30px}
.heroTxt-wrapper .mainHd{font-size:54px;font-weight:700;color:#F3D100;margin:0 0 20px;line-height:1.15;letter-spacing:-.5px}
.heroTxt-wrapper .subline{font-size:22px;color:#e8e8e8;margin:0 0 32px;line-height:1.5;font-weight:400}
.heroTxt-wrapper .primaryBtn{display:inline-block;background:linear-gradient(135deg,#0F7C97 0%,#0a5f75 100%);color:#fff;padding:16px 38px;border-radius:10px;text-decoration:none;font-size:18px;font-weight:600;transition:all 180ms ease;box-shadow:0 4px 14px #0f7c974d;position:relative;z-index:10}
.heroTxt-wrapper .primaryBtn:hover{transform:translateY(-3px);box-shadow:0 7px 20px #0f7c9773;background:linear-gradient(135deg,#0a5f75 0%,#0F7C97 100%)}
.heroImg-container{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px #00000080}
.heroImg-container img{width:100%;height:480px;object-fit:cover;display:block;filter:brightness(0.88) contrast(1.08)}
.heroImg-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#f3d1001f 0%,#0f7c972e 100%);pointer-events:none;z-index:1}
.domain-storySection{background:#1c1b1b;padding:90px 20px;position:relative}
.domain-storySection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:5px;background:linear-gradient(90deg,transparent 0%,#F3D100 50%,transparent 100%)}
.storyContent-holder{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:480px 1fr;gap:80px;align-items:start}
.storyImage-wrap{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px #0006}
.storyImage-wrap img{width:100%;height:520px;object-fit:cover;display:block}
.storyImage-wrap::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#0f7c9726;pointer-events:none}
.storyTxtArea{padding-top:10px}
.storyTxtArea h2{font-size:42px;color:#F3D100;margin:0 0 26px;font-weight:700;line-height:1.2}
.storyTxtArea .narrative-chunk{margin-bottom:28px}
.storyTxtArea .narrative-chunk p{font-size:18px;color:#d4d4d4;line-height:1.7;margin:0 0 14px}
.storyTxtArea .narrative-chunk p:last-child{margin-bottom:0}
.domain-valuesBlock{background:linear-gradient(155deg,#2E2D2D 0%,#1a1919 100%);padding:85px 20px;position:relative}
.values-container{max-width:1320px;margin:0 auto}
.values-container h2{font-size:44px;color:#F3D100;text-align:center;margin:0 0 50px;font-weight:700}
.valueGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valueCard{background:#f3d1000d;border:2px solid #f3d10033;border-radius:12px;padding:36px 28px;transition:all 200ms ease;position:relative}
.valueCard:hover{transform:translateY(-5px);box-shadow:0 8px 22px #f3d10033;border-color:#f3d10073}
.valueCard .iconHolder{width:60px;height:60px;background:linear-gradient(135deg,#0F7C97 0%,#0a5f75 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;box-shadow:0 4px 12px #0f7c974d}
.valueCard .iconHolder svg{width:32px;height:32px;fill:#fff}
.valueCard h3{font-size:24px;color:#F3D100;margin:0 0 14px;font-weight:600}
.valueCard p{font-size:17px;color:#c9c9c9;line-height:1.6;margin:0}
.cta-wrapper{text-align:center;margin-top:60px}
.cta-wrapper .secondaryBtn{display:inline-block;background:#f3d10014;border:2px solid #F3D100;color:#F3D100;padding:15px 40px;border-radius:10px;text-decoration:none;font-size:18px;font-weight:600;transition:all 180ms ease;position:relative;z-index:10}
.cta-wrapper .secondaryBtn:hover{background:#F3D100;color:#2E2D2D;box-shadow:0 5px 18px #f3d10066;transform:translateY(-2px)}
.statsBand{background:#0f7c9714;padding:50px 20px;margin-top:70px;border-top:3px solid #0f7c974d;border-bottom:3px solid #0f7c974d}
.stats-holder{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.statItem{text-align:center;padding:20px}
.statItem .number{font-size:48px;color:#F3D100;font-weight:700;margin:0 0 8px;line-height:1}
.statItem .label{font-size:16px;color:#c2c2c2;margin:0;font-weight:500}
@media (max-width: 1024px) {
.domain-heroBlock{grid-template-columns:1fr;gap:45px;padding:60px 20px}
.heroTxt-wrapper{padding-right:0}
.heroTxt-wrapper .mainHd{font-size:44px}
.heroTxt-wrapper .subline{font-size:20px}
.heroImg-container img{height:400px}
.storyContent-holder{grid-template-columns:1fr;gap:50px}
.storyImage-wrap{max-width:600px;margin:0 auto}
.valueGrid{grid-template-columns:repeat(2,1fr)}
.stats-holder{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 768px) {
.heroTxt-wrapper .mainHd{font-size:36px}
.heroTxt-wrapper .subline{font-size:18px}
.heroImg-container img{height:320px}
.domain-storySection{padding:70px 20px}
.storyImage-wrap img{height:380px}
.storyTxtArea h2{font-size:34px}
.storyTxtArea .narrative-chunk p{font-size:17px}
.values-container h2{font-size:36px}
.valueGrid{grid-template-columns:1fr;gap:30px}
.stats-holder{grid-template-columns:1fr;gap:25px}
.statItem .number{font-size:40px}
}
@media (max-width: 480px) {
.domain-heroBlock{padding:40px 15px}
.heroTxt-wrapper .mainHd{font-size:30px}
.heroTxt-wrapper .subline{font-size:16px}
.heroTxt-wrapper .primaryBtn{padding:14px 32px;font-size:16px}
.heroImg-container img{height:280px}
.domain-storySection{padding:50px 15px}
.storyTxtArea h2{font-size:28px}
.values-container h2{font-size:30px}
.valueCard{padding:28px 22px}
.statItem .number{font-size:36px}
}
.titleBanner{position:relative;background:linear-gradient(135deg,#0F7C97 0%,#2E2D2D 100%);padding:120px 0 140px;overflow:hidden}
.titleBanner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,#f3d10026 0%,transparent 50%);pointer-events:none}
.titleBanner::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:80px;background:linear-gradient(to bottom right,transparent 49%,#1a1a1a 50%)}
.titleBanner .patternDots{position:absolute;top:30%;right:8%;width:200px;height:200px;background-image:radial-gradient(circle,#f3d1004d 2px,transparent 2px);background-size:24px 24px;opacity:.4}
.bannerWrapper{max-width:1320px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.bannerGrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.bannerContent h1{font-size:52px;color:#F3D100;margin:0 0 24px;font-weight:700;line-height:1.2}
.bannerContent .leadText{font-size:20px;color:#e8e8e8;margin:0 0 16px;line-height:1.6}
.bannerContent .descText{font-size:17px;color:#b8b8b8;margin:0 0 40px;line-height:1.7}
.bannerImage{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080;transform:translateY(0);transition:transform .2s ease-out}
.bannerImage:hover{transform:translateY(-8px)}
.bannerImage img{width:100%;height:420px;object-fit:cover;display:block}
.bannerImage::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f7c974d 0%,transparent 60%);z-index:1;pointer-events:none}
.actionGroup{display:flex;gap:16px;flex-wrap:wrap}
.primaryBtn{background:#F3D100;color:#2E2D2D;padding:16px 36px;border-radius:10px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .18s ease;box-shadow:0 4px 12px #f3d1004d;position:relative;z-index:5}
.primaryBtn:hover{background:#e0c300;transform:translateY(-2px);box-shadow:0 6px 16px #f3d10066}
.secondaryBtn{background:transparent;color:#F3D100;padding:16px 36px;border-radius:10px;border:2px solid #F3D100;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .18s ease;position:relative;z-index:5}
.secondaryBtn:hover{background:#f3d1001a;border-color:#e0c300;transform:translateY(-2px)}
.tipsContentArea{background:#1a1a1a;padding:100px 0}
.tipsContainer{max-width:1320px;margin:0 auto;padding:0 20px}
.tipsIntro{max-width:840px;margin:0 auto 70px;text-align:center}
.tipsIntro h2{font-size:42px;color:#F3D100;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.tipsIntro h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#0F7C97;border-radius:2px}
.tipsIntro p{font-size:18px;color:#c4c4c4;line-height:1.7;margin:24px 0 0}
.tipsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.tipCard{background:#242424;border-radius:12px;padding:0;overflow:hidden;border:1px solid #333;transition:all .2s ease;position:relative}
.tipCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0009;border-color:#0F7C97}
.tipCard .cardHeader{background:linear-gradient(135deg,#0F7C97 0%,#2E2D2D 100%);padding:28px 28px 24px;position:relative}
.tipCard .cardHeader::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,#f3d10026 0%,transparent 70%)}
.tipCard .iconCircle{width:56px;height:56px;background:#f3d10033;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:2px solid #F3D100;position:relative}
.tipCard .iconCircle svg{width:28px;height:28px;fill:#F3D100}
.tipCard h3{font-size:22px;color:#F3D100;margin:0;font-weight:600;position:relative}
.tipCard .cardBody{padding:28px}
.tipCard .tipText{font-size:16px;color:#b8b8b8;line-height:1.7;margin:0 0 20px}
.tipCard .tipList{list-style:none;padding:0;margin:0}
.tipCard .tipList li{font-size:15px;color:#a0a0a0;padding:10px 0 10px 28px;position:relative;line-height:1.6;border-bottom:1px solid #2e2e2e}
.tipCard .tipList li:last-child{border-bottom:none}
.tipCard .tipList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#0F7C97;border-radius:50%;box-shadow:0 0 8px #0f7c9799}
.practicalExamples{background:#151515;padding:24px;border-radius:8px;margin-top:24px;border-left:4px solid #F3D100}
.practicalExamples h4{font-size:16px;color:#F3D100;margin:0 0 12px;font-weight:600}
.practicalExamples p{font-size:14px;color:#a8a8a8;line-height:1.6;margin:0}
@media (max-width: 1024px) {
.bannerGrid{grid-template-columns:1fr;gap:50px}
.bannerContent h1{font-size:44px}
.titleBanner .patternDots{opacity:.2}
.tipsGrid{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 768px) {
.titleBanner{padding:80px 0 100px}
.bannerContent h1{font-size:36px}
.bannerContent .leadText{font-size:18px}
.bannerImage img{height:320px}
.tipsGrid{grid-template-columns:1fr;gap:24px}
.tipsIntro h2{font-size:34px}
.actionGroup{flex-direction:column}
.primaryBtn,.secondaryBtn{width:100%;text-align:center}
}
@media (max-width: 480px) {
.bannerContent h1{font-size:30px}
.bannerContent .leadText{font-size:17px}
.tipsIntro h2{font-size:28px}
.titleBanner .patternDots{display:none}
}
.title-wrapper{position:relative;background:linear-gradient(135deg,#0F7C97 0%,#2E2D2D 100%);padding:120px 20px;overflow:hidden}
.title-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#f3d10014;pointer-events:none}
.title-wrapper .content-limiter{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.title-wrapper .main-heading{font-size:56px;line-height:1.2;color:#F3D100;font-weight:700;margin:0 0 18px;letter-spacing:-.5px}
.title-wrapper .subtitle-text{font-size:22px;line-height:1.5;color:#ffffffeb;margin:0;max-width:720px}
@media (max-width: 768px) {
.title-wrapper{padding:80px 20px}
.title-wrapper .main-heading{font-size:38px}
.title-wrapper .subtitle-text{font-size:18px}
}
.impulse-container{background:#1a1a1a;padding:90px 20px;position:relative}
.impulse-container .section-inner{max-width:1320px;margin:0 auto}
.impulse-container .section-heading{font-size:42px;color:#F3D100;margin:0 0 48px;font-weight:600;position:relative;display:inline-block}
.impulse-container .section-heading::after{content:'';position:absolute;bottom:-12px;left:0;width:80px;height:4px;background:#0F7C97}
.impulse-container .dual-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.impulse-container .text-content-block p{font-size:17px;line-height:1.7;color:#ffffffe0;margin:0 0 22px}
.impulse-container .visual-frame{position:relative;border:3px solid #0F7C97;padding:8px;background:#242424}
.impulse-container .visual-frame img{width:100%;height:auto;display:block;filter:brightness(0.92) contrast(1.05)}
@media (max-width: 968px) {
.impulse-container .dual-column-layout{grid-template-columns:1fr;gap:40px}
.impulse-container .section-heading{font-size:34px}
}
.ecosystem-wrapper{background:linear-gradient(180deg,#2E2D2D 0%,#1a1a1a 100%);padding:95px 20px}
.ecosystem-wrapper .container-limit{max-width:1320px;margin:0 auto}
.ecosystem-wrapper .heading-centered{font-size:38px;color:#F3D100;text-align:center;margin:0 0 62px;font-weight:600}
.ecosystem-wrapper .grid-four-items{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.ecosystem-wrapper .feature-card{background:#0f7c971f;border:2px solid #0f7c974d;padding:36px 28px;border-radius:12px;transition:all 220ms ease}
.ecosystem-wrapper .feature-card:hover{transform:translateY(-6px);border-color:#0F7C97;box-shadow:0 8px 24px #0f7c9740}
.ecosystem-wrapper .feature-card .icon-holder{font-size:46px;color:#F3D100;margin-bottom:20px;display:block}
.ecosystem-wrapper .feature-card h3{font-size:20px;color:#F3D100;margin:0 0 14px;font-weight:600}
.ecosystem-wrapper .feature-card p{font-size:16px;line-height:1.6;color:#ffffffd9;margin:0}
@media (max-width: 968px) {
.ecosystem-wrapper .grid-four-items{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 580px) {
.ecosystem-wrapper .grid-four-items{grid-template-columns:1fr}
}
.advantages-section{background:#1d1d1d;padding:88px 20px;position:relative}
.advantages-section::before{content:'';position:absolute;top:0;right:0;width:340px;height:340px;background:radial-gradient(circle,#f3d10014 0%,transparent 70%);pointer-events:none}
.advantages-section .bounded-content{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.advantages-section .section-title{font-size:40px;color:#F3D100;margin:0 0 52px;font-weight:600}
.advantages-section .comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.advantages-section .advantage-item{background:#2e2d2d99;border-left:4px solid #0F7C97;padding:32px 26px;border-radius:8px;transition:background 200ms ease}
.advantages-section .advantage-item:hover{background:#2e2d2dd9}
.advantages-section .advantage-item h4{font-size:22px;color:#F3D100;margin:0 0 16px;font-weight:600}
.advantages-section .advantage-item p{font-size:16px;line-height:1.65;color:#ffffffdb;margin:0}
@media (max-width: 968px) {
.advantages-section .comparison-grid{grid-template-columns:1fr;gap:30px}
}
.partners-area{background:linear-gradient(135deg,#0F7C97 0%,#2E2D2D 100%);padding:85px 20px}
.partners-area .content-bounded{max-width:1320px;margin:0 auto}
.partners-area .title-with-accent{font-size:36px;color:#F3D100;margin:0 0 24px;font-weight:600;position:relative;padding-left:22px}
.partners-area .title-with-accent::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:50px;background:#F3D100}
.partners-area .split-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.partners-area .text-area p{font-size:17px;line-height:1.7;color:#ffffffeb;margin:0 0 20px}
.partners-area .image-visual{position:relative;border:4px solid #f3d1004d;padding:10px;background:#0000004d}
.partners-area .image-visual img{width:100%;height:auto;display:block;filter:brightness(0.95)}
@media (max-width: 968px) {
.partners-area .split-layout{grid-template-columns:1fr;gap:40px}
}
.tools-showcase{background:#1a1a1a;padding:92px 20px}
.tools-showcase .limiter{max-width:1320px;margin:0 auto}
.tools-showcase .heading-primary{font-size:38px;color:#F3D100;margin:0 0 56px;font-weight:600;text-align:center}
.tools-showcase .tool-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:34px}
.tools-showcase .tool-card{background:linear-gradient(145deg,#0f7c9726,#2e2d2d66);border:2px solid #0f7c9740;padding:38px 30px;border-radius:14px;position:relative;overflow:hidden;transition:all 200ms ease}
.tools-showcase .tool-card::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#f3d1000f 0%,transparent 60%);opacity:0;transition:opacity 200ms ease}
.tools-showcase .tool-card:hover::before{opacity:1}
.tools-showcase .tool-card:hover{border-color:#0F7C97;transform:translateY(-4px);box-shadow:0 6px 20px #0f7c974d}
.tools-showcase .tool-card .icon-display{font-size:42px;color:#F3D100;margin-bottom:18px;display:block}
.tools-showcase .tool-card h5{font-size:21px;color:#F3D100;margin:0 0 12px;font-weight:600;position:relative;z-index:2}
.tools-showcase .tool-card p{font-size:16px;line-height:1.6;color:#ffffffd6;margin:0;position:relative;z-index:2}
.expertise-zone{background:linear-gradient(180deg,#2E2D2D 0%,#1a1a1a 100%);padding:90px 20px;position:relative}
.expertise-zone .container-wrapper{max-width:1320px;margin:0 auto}
.expertise-zone .heading-styled{font-size:40px;color:#F3D100;margin:0 0 18px;font-weight:600}
.expertise-zone .subheading-line{font-size:19px;color:#ffffffc7;margin:0 0 48px;line-height:1.5}
.expertise-zone .three-column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.expertise-zone .expertise-block{background:#0f7c9714;border:2px solid #0f7c9733;padding:34px 28px;border-radius:10px;position:relative}
.expertise-zone .expertise-block::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#0F7C97 0%,transparent 100%)}
.expertise-zone .expertise-block .number-badge{display:inline-block;width:48px;height:48px;background:#f3d10026;border:2px solid #F3D100;border-radius:50%;text-align:center;line-height:44px;font-size:20px;font-weight:700;color:#F3D100;margin-bottom:20px}
.expertise-zone .expertise-block h6{font-size:20px;color:#F3D100;margin:0 0 14px;font-weight:600}
.expertise-zone .expertise-block p{font-size:16px;line-height:1.65;color:#ffffffd9;margin:0}
.expertise-zone .image-showcase-box{margin-top:56px;border:3px solid #f3d10040;padding:12px;background:#2e2d2d66}
.expertise-zone .image-showcase-box img{width:100%;height:auto;display:block}
@media (max-width: 968px) {
.expertise-zone .three-column-grid{grid-template-columns:1fr;gap:32px}
}
.cta-bottom-zone{background:linear-gradient(135deg,#0F7C97 0%,#2E2D2D 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.cta-bottom-zone::before{content:'';position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#f3d1001f 0%,transparent 70%);pointer-events:none}
.cta-bottom-zone::after{content:'';position:absolute;bottom:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#f3d1001f 0%,transparent 70%);pointer-events:none}
.cta-bottom-zone .cta-inner{max-width:820px;margin:0 auto;position:relative;z-index:2}
.cta-bottom-zone .cta-heading{font-size:44px;color:#F3D100;margin:0 0 20px;font-weight:700;letter-spacing:-.3px}
.cta-bottom-zone .cta-description{font-size:19px;line-height:1.6;color:#ffffffeb;margin:0 0 36px}
.cta-bottom-zone .button-group-wrapper{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cta-bottom-zone .btn-primary-action{display:inline-block;padding:16px 42px;background:#F3D100;color:#2E2D2D;font-size:18px;font-weight:600;border-radius:8px;text-decoration:none;transition:all 180ms ease;border:2px solid #F3D100;box-shadow:0 4px 12px #f3d1004d;position:relative;z-index:3}
.cta-bottom-zone .btn-primary-action:hover{background:#ffdb1a;transform:translateY(-3px);box-shadow:0 6px 18px #f3d10073}
.cta-bottom-zone .btn-secondary-outline{display:inline-block;padding:16px 42px;background:transparent;color:#F3D100;font-size:18px;font-weight:600;border-radius:8px;text-decoration:none;transition:all 180ms ease;border:2px solid #F3D100;position:relative;z-index:3}
.cta-bottom-zone .btn-secondary-outline:hover{background:#f3d10026;transform:translateY(-3px)}
@media (max-width: 768px) {
.cta-bottom-zone .cta-heading{font-size:34px}
.cta-bottom-zone .button-group-wrapper{flex-direction:column;align-items:center}
.cta-bottom-zone .btn-primary-action,.cta-bottom-zone .btn-secondary-outline{width:100%;max-width:320px}
}
.contactIntro{background:linear-gradient(135deg,#1a1a1a 0%,#2E2D2D 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.contactIntro::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#f3d10008 1px,transparent 1px),linear-gradient(90deg,#f3d10008 1px,transparent 1px);background-size:60px 60px;opacity:.5}
.contactIntro .introContainer{max-width:1320px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.contactIntro .textContent{transform:translateY(-20px)}
.contactIntro .leadDesc{color:#F3D100;font-size:16px;letter-spacing:.8px;margin-bottom:20px;font-weight:600;text-transform:uppercase}
.contactIntro .mainHeading{font-size:52px;color:#fff;line-height:1.2;margin-bottom:24px;font-weight:700}
.contactIntro .subText{font-size:18px;color:#fffc;line-height:1.7;margin-bottom:0}
.contactIntro .visualPart{position:relative;transform:translateY(20px) rotate(-2deg)}
.contactIntro .heroVisual{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 25px 60px #0006 0 8px 20px #0f7c974d inset 0 1px 0 #ffffff1a;border:2px solid #f3d10033}
.formSection{background:#1a1a1a;padding:100px 20px}
.formSection .formWrapper{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:100px}
.formSection .sideInfo{padding-top:40px}
.formSection .sectionLabel{font-size:14px;color:#0F7C97;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px;font-weight:600}
.formSection .infoHeading{font-size:38px;color:#fff;line-height:1.3;margin-bottom:32px;font-weight:700}
.formSection .contactItem{margin-bottom:36px;padding-left:12px;border-left:3px solid #f3d1004d}
.formSection .contactItem .itemLabel{font-size:13px;color:#ffffff80;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-weight:600}
.formSection .contactItem .itemValue{font-size:17px;color:#F3D100;line-height:1.6}
.formSection .contactItem .itemValue a{color:#F3D100;text-decoration:none;transition:color 180ms}
.formSection .contactItem .itemValue a:hover{color:#0F7C97}
.formSection .actualForm{background:linear-gradient(145deg,#2E2D2D 0%,#1f1f1f 100%);padding:60px;border-radius:16px;box-shadow:0 12px 40px #00000080 inset 0 1px 0 #ffffff0d}
.formSection .formGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px}
.formSection .inputGroup{display:flex;flex-direction:column}
.formSection .inputGroup.fullWidth{grid-column:1 / -1}
.formSection .inputGroup label{font-size:14px;color:#ffffffb3;margin-bottom:10px;font-weight:600}
.formSection .inputGroup input,.formSection .inputGroup textarea{background:#0000004d;border:2px solid #f3d10033;border-radius:8px;padding:16px 20px;color:#fff;font-size:16px;transition:all 200ms}
.formSection .inputGroup input:focus,.formSection .inputGroup textarea:focus{outline:none;border-color:#F3D100;background:#00000080;box-shadow:0 0 0 3px #f3d1001a}
.formSection .inputGroup textarea{min-height:140px;resize:vertical}
.formSection .timePrefs{margin-bottom:32px}
.formSection .timePrefs .prefsLabel{font-size:14px;color:#ffffffb3;margin-bottom:16px;font-weight:600}
.formSection .timePrefs .optionsRow{display:flex;gap:16px;flex-wrap:wrap}
.formSection .timePrefs .radioOption{position:relative}
.formSection .timePrefs .radioOption input[type="radio"]{position:absolute;opacity:0}
.formSection .timePrefs .radioOption label{display:block;padding:12px 24px;background:#0000004d;border:2px solid #0f7c974d;border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all 180ms;font-size:15px;font-weight:600}
.formSection .timePrefs .radioOption input[type="radio"]:checked + label{background:#f3d10026;border-color:#F3D100;color:#F3D100}
.formSection .timePrefs .radioOption label:hover{border-color:#0F7C97;background:#0f7c971a}
.formSection .privacyCheckbox{margin-bottom:32px;display:flex;align-items:flex-start;gap:12px}
.formSection .privacyCheckbox input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;accent-color:#F3D100}
.formSection .privacyCheckbox label{font-size:14px;color:#fff9;line-height:1.6}
.formSection .privacyCheckbox label a{color:#0F7C97;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 180ms}
.formSection .privacyCheckbox label a:hover{border-bottom-color:#0F7C97}
.formSection .submitWrapper{display:flex;justify-content:flex-end}
.formSection .submitBtn{background:linear-gradient(135deg,#F3D100 0%,#d4b700 100%);color:#1a1a1a;border:none;padding:18px 48px;border-radius:10px;font-size:17px;font-weight:700;cursor:pointer;transition:all 200ms;box-shadow:0 6px 20px #f3d1004d;position:relative;z-index:10}
.formSection .submitBtn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f3d10066;background:linear-gradient(135deg,#ffd700 0%,#F3D100 100%)}
.formSection .submitBtn:active{transform:translateY(0)}
.additionalInfo{background:linear-gradient(180deg,#1a1a1a 0%,#0d0d0d 100%);padding:90px 20px;position:relative}
.additionalInfo::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#0f7c974d 50%,transparent 100%)}
.additionalInfo .infoContainer{max-width:1320px;margin:0 auto}
.additionalInfo .topRow{display:grid;grid-template-columns:2fr 1fr;gap:80px;margin-bottom:60px}
.additionalInfo .aboutText{padding-right:40px}
.additionalInfo .aboutText h2{font-size:36px;color:#fff;margin-bottom:24px;font-weight:700;line-height:1.3}
.additionalInfo .aboutText p{font-size:17px;color:#ffffffb3;line-height:1.8;margin-bottom:20px}
.additionalInfo .quickDetails{background:#2e2d2d66;padding:40px;border-radius:12px;border:1px solid #f3d10026}
.additionalInfo .quickDetails h3{font-size:22px;color:#F3D100;margin-bottom:28px;font-weight:700}
.additionalInfo .quickDetails .detailRow{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ffffff14}
.additionalInfo .quickDetails .detailRow:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.additionalInfo .quickDetails .detailRow .detailLabel{font-size:13px;color:#ffffff80;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-weight:600}
.additionalInfo .quickDetails .detailRow .detailText{font-size:16px;color:#0F7C97;font-weight:600}
.additionalInfo .imageSection{position:relative;margin-top:40px}
.additionalInfo .imageSection img{width:100%;height:380px;object-fit:cover;border-radius:12px;box-shadow:0 16px 48px #0009}
.additionalInfo .ctaRow{margin-top:60px;padding-top:60px;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;align-items:center}
.additionalInfo .ctaRow .ctaText{font-size:26px;color:#fff;font-weight:700;margin:0}
.additionalInfo .ctaRow .ctaBtnGroup{display:flex;gap:20px}
.additionalInfo .ctaRow .primaryBtn{background:linear-gradient(135deg,#0F7C97 0%,#0a5768 100%);color:#fff;padding:16px 40px;border-radius:10px;text-decoration:none;font-size:16px;font-weight:700;transition:all 200ms;box-shadow:0 6px 20px #0f7c974d;display:inline-block;position:relative;z-index:10}
.additionalInfo .ctaRow .primaryBtn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0f7c9766}
.additionalInfo .ctaRow .secondaryBtn{background:transparent;color:#F3D100;padding:16px 40px;border-radius:10px;text-decoration:none;font-size:16px;font-weight:700;border:2px solid #F3D100;transition:all 200ms;display:inline-block;position:relative;z-index:10}
.additionalInfo .ctaRow .secondaryBtn:hover{background:#f3d1001a;transform:translateY(-2px)}
@media (max-width: 968px) {
.contactIntro{padding:80px 20px 60px}
.contactIntro .introContainer{grid-template-columns:1fr;gap:50px}
.contactIntro .textContent{transform:none}
.contactIntro .mainHeading{font-size:40px}
.contactIntro .visualPart{transform:none}
.contactIntro .heroVisual{height:320px}
.formSection{padding:70px 20px}
.formSection .formWrapper{grid-template-columns:1fr;gap:50px}
.formSection .sideInfo{padding-top:0}
.formSection .actualForm{padding:40px 30px}
.formSection .formGrid{grid-template-columns:1fr;gap:24px}
.additionalInfo{padding:60px 20px}
.additionalInfo .topRow{grid-template-columns:1fr;gap:40px}
.additionalInfo .aboutText{padding-right:0}
.additionalInfo .aboutText h2{font-size:30px}
.additionalInfo .ctaRow{flex-direction:column;gap:24px;text-align:center}
.additionalInfo .ctaRow .ctaBtnGroup{flex-direction:column;width:100%}
.additionalInfo .ctaRow .primaryBtn,.additionalInfo .ctaRow .secondaryBtn{width:100%;text-align:center}
}
@media (max-width: 640px) {
.contactIntro .mainHeading{font-size:32px}
.contactIntro .subText{font-size:16px}
.formSection .infoHeading{font-size:28px}
.formSection .actualForm{padding:30px 20px}
.formSection .timePrefs .optionsRow{flex-direction:column}
.formSection .timePrefs .radioOption label{width:100%;text-align:center}
.additionalInfo .aboutText h2{font-size:26px}
.additionalInfo .imageSection img{height:260px}
.additionalInfo .ctaRow .ctaText{font-size:22px}
}
.learningProgramWrapper{background:linear-gradient(135deg,#1a1a1a 0%,#2E2D2D 50%,#1a1a1a 100%);padding:0;margin:0}
.learningProgramWrapper .titleHero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:#0d0d0d}
.learningProgramWrapper .titleHero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(125deg,#0f7c9799 0%,#f3d10080 100%);z-index:1}
.learningProgramWrapper .titleHero .heroImageContainer{position:absolute;top:0;right:0;width:55%;height:100%;z-index:0}
.learningProgramWrapper .titleHero .heroImageContainer img{width:100%;height:100%;object-fit:cover;object-position:center}
.learningProgramWrapper .titleHero .heroContent{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:60px 20px;width:100%}
.learningProgramWrapper .titleHero .heroTextBox{max-width:580px;background:#0d0d0dd9;padding:48px 42px;border-radius:12px;border-left:5px solid #F3D100}
.learningProgramWrapper .titleHero .heroTextBox h1{font-size:42px;line-height:1.2;color:#F3D100;margin:0 0 20px;font-weight:700}
.learningProgramWrapper .titleHero .heroTextBox .leadParagraph{font-size:19px;line-height:1.6;color:#e8e8e8;margin:0 0 16px}
.learningProgramWrapper .titleHero .heroTextBox .emphasizedLine{font-size:17px;line-height:1.5;color:#0F7C97;margin:0;font-weight:600}
.learningProgramWrapper .pathwayStructure{max-width:1320px;margin:0 auto;padding:90px 20px}
.learningProgramWrapper .pathwayStructure .sectionIntro{text-align:center;margin-bottom:70px}
.learningProgramWrapper .pathwayStructure .sectionIntro h2{font-size:36px;color:#F3D100;margin:0 0 18px;font-weight:700}
.learningProgramWrapper .pathwayStructure .sectionIntro .introParagraph{font-size:17px;line-height:1.6;color:#d4d4d4;max-width:720px;margin:0 auto}
.learningProgramWrapper .pathwayStructure .phaseGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.learningProgramWrapper .pathwayStructure .phaseCard{background:linear-gradient(145deg,#2a2a2a 0%,#1f1f1f 100%);padding:38px 28px;border-radius:14px;border:2px solid transparent;transition:all 220ms;position:relative}
.learningProgramWrapper .pathwayStructure .phaseCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#F3D100 0%,#0F7C97 100%);border-radius:14px 14px 0 0}
.learningProgramWrapper .pathwayStructure .phaseCard[data-state="active"]{border-color:#0F7C97;transform:translateY(-6px)}
.learningProgramWrapper .pathwayStructure .phaseCard:hover{border-color:#F3D100;transform:translateY(-6px)}
.learningProgramWrapper .pathwayStructure .phaseCard .phaseNumber{display:inline-block;width:48px;height:48px;background:#F3D100;color:#1a1a1a;font-size:22px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.learningProgramWrapper .pathwayStructure .phaseCard h3{font-size:22px;color:#F3D100;margin:0 0 14px;font-weight:600}
.learningProgramWrapper .pathwayStructure .phaseCard .phaseDescription{font-size:15px;line-height:1.6;color:#c8c8c8;margin:0 0 20px}
.learningProgramWrapper .pathwayStructure .phaseCard .skillsList{list-style:none;padding:0;margin:0}
.learningProgramWrapper .pathwayStructure .phaseCard .skillsList li{font-size:14px;color:#0F7C97;padding-left:24px;position:relative;margin-bottom:10px;line-height:1.4}
.learningProgramWrapper .pathwayStructure .phaseCard .skillsList li::before{content:'→';position:absolute;left:0;color:#F3D100;font-weight:700}
.learningProgramWrapper .methodologySection{background:linear-gradient(180deg,#1a1a1a 0%,#2E2D2D 100%);padding:85px 20px;position:relative}
.learningProgramWrapper .methodologySection::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#0F7C97 50%,transparent 100%)}
.learningProgramWrapper .methodologySection .contentContainer{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:60px;align-items:center}
.learningProgramWrapper .methodologySection .textColumn h2{font-size:38px;color:#F3D100;margin:0 0 26px;font-weight:700;line-height:1.2}
.learningProgramWrapper .methodologySection .textColumn .methodParagraph{font-size:16px;line-height:1.7;color:#d4d4d4;margin:0 0 18px}
.learningProgramWrapper .methodologySection .textColumn .highlightBox{background:#0f7c9726;padding:24px 28px;border-left:4px solid #0F7C97;border-radius:8px;margin-top:28px}
.learningProgramWrapper .methodologySection .textColumn .highlightBox .highlightText{font-size:15px;line-height:1.6;color:#e8e8e8;margin:0}
.learningProgramWrapper .methodologySection .imageColumn{position:relative}
.learningProgramWrapper .methodologySection .imageColumn .imageWrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #0009}
.learningProgramWrapper .methodologySection .imageColumn .imageWrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f3d10033 0%,#0f7c974d 100%);z-index:1}
.learningProgramWrapper .methodologySection .imageColumn .imageWrapper img{width:100%;height:460px;object-fit:cover;display:block}
.learningProgramWrapper .enrollmentZone{max-width:1320px;margin:0 auto;padding:90px 20px}
.learningProgramWrapper .enrollmentZone .enrollmentCard{background:linear-gradient(165deg,#2E2D2D 0%,#1a1a1a 100%);padding:60px 50px;border-radius:20px;position:relative;overflow:hidden;border:3px solid #F3D100}
.learningProgramWrapper .enrollmentZone .enrollmentCard::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#0f7c9733 0%,transparent 70%);border-radius:50%}
.learningProgramWrapper .enrollmentZone .enrollmentCard .cardContent{position:relative;z-index:2;display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:center}
.learningProgramWrapper .enrollmentZone .enrollmentCard .infoColumn h2{font-size:34px;color:#F3D100;margin:0 0 22px;font-weight:700}
.learningProgramWrapper .enrollmentZone .enrollmentCard .infoColumn .enrollParagraph{font-size:16px;line-height:1.7;color:#d4d4d4;margin:0 0 16px}
.learningProgramWrapper .enrollmentZone .enrollmentCard .infoColumn .benefitsList{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.learningProgramWrapper .enrollmentZone .enrollmentCard .infoColumn .benefitsList li{font-size:15px;color:#0F7C97;padding-left:28px;position:relative;line-height:1.5}
.learningProgramWrapper .enrollmentZone .enrollmentCard .infoColumn .benefitsList li::before{content:'✓';position:absolute;left:0;color:#F3D100;font-weight:700;font-size:18px}
.learningProgramWrapper .enrollmentZone .enrollmentCard .actionColumn{text-align:center}
.learningProgramWrapper .enrollmentZone .enrollmentCard .actionColumn .enrollButton{display:inline-block;background:linear-gradient(135deg,#F3D100 0%,#e0c000 100%);color:#1a1a1a;font-size:18px;font-weight:700;padding:18px 46px;border-radius:12px;text-decoration:none;transition:all 200ms;box-shadow:0 6px 20px #f3d10066;border:none;cursor:pointer;position:relative;z-index:10}
.learningProgramWrapper .enrollmentZone .enrollmentCard .actionColumn .enrollButton:hover{transform:translateY(-3px);box-shadow:0 10px 30px #f3d10099;background:linear-gradient(135deg,#ffe033 0%,#F3D100 100%)}
.learningProgramWrapper .enrollmentZone .enrollmentCard .actionColumn .supportText{font-size:14px;color:#a8a8a8;margin:20px 0 0;line-height:1.5}
@media (max-width: 1024px) {
.learningProgramWrapper .titleHero .heroImageContainer{width:50%}
.learningProgramWrapper .pathwayStructure .phaseGrid{grid-template-columns:repeat(2,1fr)}
.learningProgramWrapper .methodologySection .contentContainer{grid-template-columns:1fr;gap:40px}
.learningProgramWrapper .enrollmentZone .enrollmentCard .cardContent{grid-template-columns:1fr;gap:35px}
.learningProgramWrapper .enrollmentZone .enrollmentCard .infoColumn .benefitsList{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.learningProgramWrapper .titleHero{min-height:420px}
.learningProgramWrapper .titleHero .heroImageContainer{width:100%;opacity:.3}
.learningProgramWrapper .titleHero .heroTextBox{padding:36px 28px;max-width:100%}
.learningProgramWrapper .titleHero .heroTextBox h1{font-size:32px}
.learningProgramWrapper .titleHero .heroTextBox .leadParagraph{font-size:17px}
.learningProgramWrapper .pathwayStructure{padding:60px 20px}
.learningProgramWrapper .pathwayStructure .sectionIntro h2{font-size:28px}
.learningProgramWrapper .pathwayStructure .phaseGrid{grid-template-columns:1fr;gap:24px}
.learningProgramWrapper .methodologySection{padding:60px 20px}
.learningProgramWrapper .methodologySection .textColumn h2{font-size:28px}
.learningProgramWrapper .methodologySection .imageColumn .imageWrapper img{height:320px}
.learningProgramWrapper .enrollmentZone{padding:60px 20px}
.learningProgramWrapper .enrollmentZone .enrollmentCard{padding:40px 30px}
.learningProgramWrapper .enrollmentZone .enrollmentCard .infoColumn h2{font-size:26px}
.learningProgramWrapper .enrollmentZone .enrollmentCard .actionColumn .enrollButton{width:100%;padding:16px 30px}
}
.successPage-wrapper{background:linear-gradient(135deg,#1a1a1a 0%,#2E2D2D 50%,#1a1a1a 100%);min-height:92vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.successPage-wrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#f3d10014 0%,transparent 70%);animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1) rotate(0deg);opacity:.6}
50%{transform:scale(1.1) rotate(5deg);opacity:.8}
}
.successContent-container{max-width:720px;width:100%;position:relative;z-index:2}
.geometricShapes-backdrop{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}
.shape-hexagon{position:absolute;width:180px;height:180px;top:15%;right:8%;opacity:.12}
.shape-hexagon::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(45deg,#F3D100 0%,#0F7C97 100%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);filter:blur(3px);animation:rotateShape 12s linear infinite}
@keyframes rotateShape {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.shape-circle{position:absolute;width:140px;height:140px;bottom:12%;left:5%;background:radial-gradient(circle,#0f7c9726 0%,transparent 70%);border-radius:50%;animation:floatCircle 6s ease-in-out infinite}
@keyframes floatCircle {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-25px)}
}
.shape-triangle{position:absolute;width:0;height:0;top:45%;left:3%;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:104px solid #f3d1001a;filter:blur(2px);animation:scaleTriangle 7s ease-in-out infinite}
@keyframes scaleTriangle {
0%,100%{transform:scale(1);opacity:.1}
50%{transform:scale(1.15);opacity:.18}
}
.successCard-main{background:linear-gradient(155deg,#2e2d2df2 0%,#1a1a1afa 100%);border-radius:16px;padding:70px 50px 60px;box-shadow:0 20px 60px #00000080 0 0 0 1px #f3d10026;position:relative;backdrop-filter:blur(10px);border:2px solid #f3d10033}
.successCard-main::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#F3D100 0%,#0F7C97 50%,#F3D100 100%);border-radius:16px 16px 0 0}
.iconWrapper-success{width:110px;height:110px;margin:0 auto 35px;position:relative;display:flex;align-items:center;justify-content:center}
.iconWrapper-success::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#f3d10033 0%,#0f7c9733 100%);border-radius:50%;animation:pulseRing 2s ease-out infinite}
@keyframes pulseRing {
0%{transform:scale(0.9);opacity:.8}
100%{transform:scale(1.4);opacity:0}
}
.iconWrapper-success::after{content:'';position:absolute;width:85%;height:85%;background:linear-gradient(135deg,#F3D100 0%,#0F7C97 100%);border-radius:50%;box-shadow:0 8px 24px #f3d10059 inset 0 2px 8px #fff3}
.checkmark-svg{width:50px;height:50px;position:relative;z-index:1}
.checkPath{stroke:#1a1a1a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .8s ease-out .3s forwards}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.mainHeading-success{font-size:42px;font-weight:700;color:#F3D100;text-align:center;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px;text-shadow:0 2px 12px #f3d1004d}
.subtext-success{font-size:19px;color:#ffffffd9;text-align:center;line-height:1.6;margin:0 0 40px;max-width:520px;margin-left:auto;margin-right:auto}
.infoBox-details{background:#0f7c971f;border-left:4px solid #0F7C97;border-radius:8px;padding:28px 32px;margin-bottom:40px}
.infoBox-details p{font-size:16px;color:#ffffffe6;line-height:1.7;margin:0 0 14px}
.infoBox-details p:last-child{margin-bottom:0}
.infoBox-details strong{color:#F3D100;font-weight:600}
.buttonGroup-actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.btn-primary-action{background:linear-gradient(135deg,#F3D100 0%,#e0c000 100%);color:#1a1a1a;padding:16px 38px;font-size:17px;font-weight:600;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .2s ease;box-shadow:0 6px 20px #f3d10059;border:none}
.btn-primary-action:hover{transform:translateY(-3px);box-shadow:0 10px 30px #f3d10080;background:linear-gradient(135deg,#ffe033 0%,#F3D100 100%)}
.btn-secondary-outline{background:transparent;color:#F3D100;padding:16px 38px;font-size:17px;font-weight:600;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .2s ease;border:2px solid #f3d10080}
.btn-secondary-outline:hover{background:#f3d1001f;border-color:#F3D100;transform:translateY(-2px)}
.contactInfo-footer{margin-top:45px;padding-top:35px;border-top:1px solid #ffffff1a;text-align:center}
.contactInfo-footer p{font-size:15px;color:#ffffffb3;margin:0 0 18px;line-height:1.6}
.contactLinks-wrapper{display:flex;gap:25px;justify-content:center;flex-wrap:wrap}
.contactLink-item{display:inline-flex;align-items:center;gap:8px;color:#0F7C97;text-decoration:none;font-size:15px;transition:all .2s ease;padding:8px 16px;border-radius:8px;background:#0f7c9714}
.contactLink-item:hover{color:#F3D100;background:#f3d1001f;transform:translateX(3px)}
.contactLink-item svg{width:18px;height:18px;fill:currentColor}
@media (max-width: 768px) {
.successPage-wrapper{padding:40px 16px}
.successCard-main{padding:50px 30px 45px}
.mainHeading-success{font-size:32px}
.subtext-success{font-size:17px}
.buttonGroup-actions{flex-direction:column}
.btn-primary-action,.btn-secondary-outline{width:100%;justify-content:center}
.shape-hexagon{width:120px;height:120px}
.shape-circle{width:100px;height:100px}
.contactLinks-wrapper{flex-direction:column;gap:12px}
.contactLink-item{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.successCard-main{padding:40px 24px 35px}
.mainHeading-success{font-size:28px}
.iconWrapper-success{width:90px;height:90px}
.checkmark-svg{width:40px;height:40px}
.infoBox-details{padding:20px 24px}
}