@import "https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Noto Serif',serif;background:#FAFAFA;color:#1A1A1A;line-height:1.7;font-size:16px}
.headerOuter{background:linear-gradient(135deg,#FFF 0%,#F5F5F5 100%);box-shadow:0 4px 12px #d4294d14;padding:0}
.headerInner{max-width:1024px;margin:0 auto;padding:0 24px}
.companyNameSection{text-align:center;padding:28px 0 22px;border-bottom:2px solid #EBEBEB}
.companyTitle{font-size:32px;font-weight:700;color:#D4294D;letter-spacing:.5px;text-shadow:2px 2px 6px #d4294d1f}
.foundationRow{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:40px}
.logoWrapper{flex-shrink:0}
.logoImage{height:110px;width:110px;display:block;background:#FFF;padding:12px;border-radius:24px;box-shadow:0 6px 16px #faa70026}
.mainNavigation{flex-grow:1;display:flex;justify-content:flex-end}
.navList{list-style:none;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.navItem{position:relative}
.navLink{display:block;padding:12px 22px;color:#2A2A2A;text-decoration:none;font-size:17px;font-weight:400;border-radius:18px;transition:background .2s ease,color .2s ease}
.navLink:hover{background:#d4294d14;color:#D4294D}
.subMenuWrapper{position:absolute;top:100%;left:0;background:#FFF;border-radius:16px;box-shadow:0 8px 24px #0000001f;min-width:220px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:1000;margin-top:4px}
.navItem:hover .subMenuWrapper{opacity:1;visibility:visible;transform:translateY(0)}
.subMenuList{list-style:none}
.subMenuItem{margin:0}
.subMenuLink{display:block;padding:12px 24px;color:#2A2A2A;text-decoration:none;font-size:16px;transition:background .2s ease,color .2s ease}
.subMenuLink:hover{background:#faa7001a;color:#FAA700}
main{min-height:200px}
.footerOuter{background:linear-gradient(180deg,#2A2A2A 0%,#1A1A1A 100%);color:#E0E0E0;padding:64px 0 0;margin-top:80px}
.footerInner{max-width:1024px;margin:0 auto;padding:0 24px}
.footerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-bottom:48px}
.footerSection h3{font-size:20px;font-weight:700;color:#FAA700;margin-bottom:20px;letter-spacing:.3px}
.contactDetails{display:flex;flex-direction:column;gap:14px}
.contactItem{display:flex;align-items:flex-start;gap:12px;color:#CFCFCF;line-height:1.6}
.contactItem i{color:#D4294D;font-size:18px;margin-top:2px;flex-shrink:0}
.footerNav{list-style:none}
.footerNav li{margin-bottom:12px}
.footerNav a{color:#CFCFCF;text-decoration:none;transition:color .2s ease;font-size:15px}
.footerNav a:hover{color:#FAA700}
.copyrightBar{border-top:1px solid #3A3A3A;padding:28px 0;text-align:center;color:#999;font-size:14px}
.cookiePopup{position:fixed;left:24px;top:50%;transform:translateY(-50%) translateX(-120%);background:#FFF;border-radius:24px;box-shadow:0 12px 40px #0003;max-width:420px;width:calc(100% - 48px);padding:32px;z-index:10000;transition:transform .4s ease}
.cookiePopup.visible{transform:translateY(-50%) translateX(0)}
.cookieHeader{font-size:22px;font-weight:700;color:#D4294D;margin-bottom:16px}
.cookieDescription{color:#4A4A4A;margin-bottom:24px;font-size:15px;line-height:1.6}
.cookieCategories{margin-bottom:24px}
.categoryItem{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #EBEBEB}
.categoryItem:last-child{border-bottom:none}
.categoryLabel{font-size:15px;color:#2A2A2A;font-weight:400}
.toggleSwitch{position:relative;width:50px;height:26px;background:#CCC;border-radius:20px;cursor:pointer;transition:background .3s ease}
.toggleSwitch.active{background:#FAA700}
.toggleSwitch.disabled{background:#D4294D;cursor:not-allowed;opacity:.7}
.toggleSlider{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#FFF;border-radius:50%;transition:transform .3s ease}
.toggleSwitch.active .toggleSlider{transform:translateX(24px)}
.cookieActions{display:flex;gap:12px}
.cookieButton{flex:1;padding:14px 20px;border:none;border-radius:18px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:'Noto Serif',serif}
.acceptButton{background:linear-gradient(135deg,#D4294D 0%,#FAA700 100%);color:#FFF}
.acceptButton:hover{box-shadow:0 6px 16px #d4294d4d}
.rejectButton{background:#EBEBEB;color:#2A2A2A}
.rejectButton:hover{background:#DADADA}
@media (max-width: 768px) {
.foundationRow{flex-direction:column;gap:24px;text-align:center}
.mainNavigation{justify-content:center}
.navList{flex-direction:column;align-items:stretch;width:100%}
.navLink{text-align:center}
.subMenuWrapper{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:#F5F5F5;margin-top:8px}
.companyTitle{font-size:26px}
.logoImage{height:90px;width:90px}
.footerGrid{grid-template-columns:1fr;gap:36px}
.cookiePopup{left:50%;top:auto;bottom:24px;transform:translateX(-50%) translateY(150%);max-width:calc(100% - 48px)}
.cookiePopup.visible{transform:translateX(-50%) translateY(0)}
.cookieActions{flex-direction:column}
}
.rules-block-v{max-width:1024px;margin:0 auto;padding:80px 24px;background:#fff}
.rules-block-v h1{font-size:48px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 48px;padding-bottom:24px;border-bottom:3px solid #D4294D}
.rules-block-v h2{font-size:36px;font-weight:600;line-height:1.3;color:#2a2a2a;margin:64px 0 24px;background:linear-gradient(114deg,#D4294D 0%,#FAA700 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.rules-block-v h3{font-size:28px;font-weight:600;line-height:1.4;color:#3a3a3a;margin:48px 0 20px}
.rules-block-v h4{font-size:22px;font-weight:600;line-height:1.4;color:#4a4a4a;margin:36px 0 16px}
.rules-block-v h5{font-size:18px;font-weight:600;line-height:1.5;color:#5a5a5a;margin:28px 0 12px}
.rules-block-v h6{font-size:16px;font-weight:600;line-height:1.5;color:#6a6a6a;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.rules-block-v p{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 24px}
.rules-block-v strong,.rules-block-v b{font-weight:700;color:#2a2a2a}
.rules-block-v em,.rules-block-v i{font-style:italic;color:#3a3a3a}
.rules-block-v a{color:#D4294D;text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease;font-weight:500}
.rules-block-v a:hover{color:#FAA700;border-bottom-color:#FAA700}
.rules-block-v a:focus{outline:3px solid #FAA700;outline-offset:4px;border-radius:4px}
.rules-block-v table{width:100%;border-collapse:separate;border-spacing:0;margin:40px 0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #d4294d14}
.rules-block-v thead{background:linear-gradient(114deg,#D4294D 0%,#FAA700 100%)}
.rules-block-v thead tr th{padding:20px 24px;text-align:left;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.rules-block-v tbody tr{border-bottom:1px solid #EBEBEB;transition:background .2s ease}
.rules-block-v tbody tr:last-child{border-bottom:none}
.rules-block-v tbody tr:hover{background:#ebebeb66}
.rules-block-v tbody tr td{padding:20px 24px;font-size:16px;line-height:1.6;color:#4a4a4a}
.rules-block-v th{font-weight:700}
.rules-block-v td{vertical-align:top}
.rules-block-v hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#EBEBEB 20%,#EBEBEB 80%,transparent 100%);margin:56px 0}
@media (max-width: 768px) {
.rules-block-v{padding:48px 20px}
.rules-block-v h1{font-size:36px;margin-bottom:32px;padding-bottom:16px}
.rules-block-v h2{font-size:28px;margin:48px 0 20px}
.rules-block-v h3{font-size:24px;margin:36px 0 16px}
.rules-block-v h4{font-size:20px;margin:28px 0 14px}
.rules-block-v h5{font-size:17px;margin:24px 0 12px}
.rules-block-v h6{font-size:15px}
.rules-block-v p{font-size:16px;line-height:1.7;margin-bottom:20px}
.rules-block-v table{margin:32px 0;border-radius:16px;display:block;overflow-x:auto}
.rules-block-v thead tr th{padding:16px;font-size:14px;white-space:nowrap}
.rules-block-v tbody tr td{padding:16px;font-size:15px}
.rules-block-v hr{margin:40px 0}
}
@media (max-width: 480px) {
.rules-block-v{padding:32px 16px}
.rules-block-v h1{font-size:30px;margin-bottom:24px}
.rules-block-v h2{font-size:24px;margin:40px 0 16px}
.rules-block-v h3{font-size:20px}
.rules-block-v p{font-size:15px}
.rules-block-v table{font-size:14px}
.rules-block-v thead tr th{padding:12px;font-size:13px}
.rules-block-v tbody tr td{padding:12px;font-size:14px}
}
.heroFrame{position:relative;width:100%;height:520px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:80px}
.heroFrame .backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./site_images/temp_component_01.jpg);background-size:cover;background-position:center;filter:blur(8px) brightness(0.4);z-index:1}
.heroFrame .backdrop::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#d4294d99 0%,#faa70066 100%);mix-blend-mode:multiply}
.heroFrame .textLayer{position:relative;z-index:2;max-width:820px;text-align:center;padding:0 24px;backdrop-filter:blur(12px);background:#ffffff14;border-radius:24px;padding:48px 56px;box-shadow:0 8px 32px #0000004d}
.heroFrame .textLayer h1{font-size:3.2rem;line-height:1.2;color:#fff;margin:0 0 20px;font-weight:700}
.heroFrame .textLayer .highlight{color:#FAA700;position:relative;display:inline-block}
.heroFrame .textLayer .highlight::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FAA700 0%,#D4294D 100%);border-radius:2px}
.heroFrame .textLayer p{font-size:1.25rem;line-height:1.6;color:#EBEBEB;margin:0}
.programCanvas{max-width:1024px;margin:0 auto 100px;padding:0 24px}
.programCanvas .gridSurface{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:64px}
.programCanvas .moduleCard{background:#fff;border-radius:20px;padding:36px 28px;box-shadow:0 6px 24px #d4294d14;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.programCanvas .moduleCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#D4294D 0%,#FAA700 100%)}
.programCanvas .moduleCard:hover{transform:translateY(-6px);box-shadow:0 12px 36px #d4294d26}
.programCanvas .moduleCard .cardNumber{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#D4294D 0%,#FAA700 100%);color:#fff;font-size:1.5rem;font-weight:700;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.programCanvas .moduleCard h3{font-size:1.5rem;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.programCanvas .moduleCard p{font-size:1rem;line-height:1.65;color:#4a4a4a;margin:0}
.journeyWrapper{max-width:1024px;margin:0 auto 100px;padding:0 24px}
.journeyWrapper .sectionLabel{text-align:center;margin-bottom:56px}
.journeyWrapper .sectionLabel h2{font-size:2.5rem;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.journeyWrapper .sectionLabel p{font-size:1.15rem;color:#6a6a6a;margin:0;max-width:680px;margin:0 auto}
.journeyWrapper .timelineStage{display:grid;grid-template-columns:1fr 1fr;gap:48px 64px;position:relative}
.journeyWrapper .timelineStage::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#D4294D 0%,#FAA700 50%,#EBEBEB 100%);transform:translateX(-50%);z-index:1}
.journeyWrapper .phaseBox{background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 20px #faa7001a;position:relative;z-index:2}
.journeyWrapper .phaseBox.leftAlign{text-align:right}
.journeyWrapper .phaseBox.rightAlign{text-align:left}
.journeyWrapper .phaseBox .phaseBadge{display:inline-block;padding:8px 20px;background:linear-gradient(114deg,#D4294D 0%,#FAA700 100%);color:#fff;font-size:.9rem;font-weight:600;border-radius:20px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.journeyWrapper .phaseBox h4{font-size:1.4rem;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.journeyWrapper .phaseBox p{font-size:1rem;line-height:1.6;color:#5a5a5a;margin:0}
.journeyWrapper .phaseBox .phaseIcon{position:absolute;width:56px;height:56px;background:#fff;border:3px solid #D4294D;border-radius:50%;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #d4294d33}
.journeyWrapper .phaseBox.leftAlign .phaseIcon{right:-92px}
.journeyWrapper .phaseBox.rightAlign .phaseIcon{left:-92px}
.journeyWrapper .phaseIcon svg{width:28px;height:28px;fill:#D4294D}
.expertShowcase{max-width:1024px;margin:0 auto 100px;padding:0 24px}
.expertShowcase .showcaseGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.expertShowcase .profilePanel{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 6px 20px #d4294d14;transition:all .3s ease;position:relative}
.expertShowcase .profilePanel:hover{transform:scale(1.03);box-shadow:0 10px 32px #d4294d26}
.expertShowcase .profilePanel .imageContainer{width:100%;height:240px;position:relative;overflow:hidden}
.expertShowcase .profilePanel .imageContainer img{width:100%;height:100%;object-fit:cover;filter:grayscale(30%);transition:filter .3s ease,transform .3s ease}
.expertShowcase .profilePanel:hover .imageContainer img{filter:grayscale(0%);transform:scale(1.05)}
.expertShowcase .profilePanel .imageContainer::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(180deg,transparent 0%,#d4294db3 100%)}
.expertShowcase .profilePanel .infoLayer{padding:24px 20px;text-align:center}
.expertShowcase .profilePanel h5{font-size:1.15rem;color:#1a1a1a;margin:0 0 6px;font-weight:600}
.expertShowcase .profilePanel .roleTag{font-size:.9rem;color:#D4294D;font-weight:500}
.featureStage{max-width:1024px;margin:0 auto 100px;padding:0 24px}
.featureStage .splitContainer{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.featureStage .contentSide h2{font-size:2.4rem;color:#1a1a1a;margin:0 0 24px;font-weight:700;line-height:1.25}
.featureStage .contentSide p{font-size:1.1rem;line-height:1.7;color:#5a5a5a;margin:0 0 32px}
.featureStage .benefitList{list-style:none;padding:0;margin:0 0 36px}
.featureStage .benefitList li{display:flex;align-items:flex-start;margin-bottom:20px;font-size:1.05rem;color:#3a3a3a}
.featureStage .benefitList li::before{content:'';display:inline-block;width:24px;height:24px;background:linear-gradient(135deg,#D4294D 0%,#FAA700 100%);border-radius:6px;margin-right:14px;flex-shrink:0;margin-top:2px;position:relative}
.featureStage .benefitList li::after{content:'✓';position:absolute;color:#fff;font-weight:700;font-size:.85rem;left:6px;top:2px}
.featureStage .visualSide{position:relative}
.featureStage .visualSide img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 40px #d4294d26}
.featureStage .visualSide .decorShape{position:absolute;width:180px;height:180px;background:linear-gradient(135deg,#d4294d26 0%,#faa70026 100%);border-radius:50%;z-index:-1}
.featureStage .visualSide .decorShape.top{top:-40px;right:-40px}
.featureStage .visualSide .decorShape.bottom{bottom:-40px;left:-40px;background:linear-gradient(135deg,#faa70026 0%,#ebebeb40 100%)}
.featureStage .actionBtn{display:inline-block;padding:16px 40px;background:linear-gradient(114deg,#D4294D 0%,#FAA700 100%);color:#fff;font-size:1.05rem;font-weight:600;border-radius:28px;text-decoration:none;box-shadow:0 6px 20px #d4294d40;transition:all .3s ease}
.featureStage .actionBtn:hover{transform:translateY(-3px);box-shadow:0 10px 32px #d4294d59}
@media (max-width: 768px) {
.heroFrame{height:420px;margin-bottom:60px}
.heroFrame .textLayer{padding:32px 28px}
.heroFrame .textLayer h1{font-size:2.2rem}
.heroFrame .textLayer p{font-size:1.05rem}
.programCanvas .gridSurface{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
.journeyWrapper .timelineStage{grid-template-columns:1fr;gap:32px}
.journeyWrapper .timelineStage::before{left:24px}
.journeyWrapper .phaseBox{text-align:left!important;padding-left:72px}
.journeyWrapper .phaseBox .phaseIcon{left:-16px!important;right:auto!important}
.expertShowcase .showcaseGrid{grid-template-columns:repeat(2,1fr);gap:20px}
.featureStage .splitContainer{grid-template-columns:1fr;gap:40px}
.featureStage .visualSide .decorShape{width:120px;height:120px}
}
@media (max-width: 480px) {
.heroFrame{height:360px}
.heroFrame .textLayer h1{font-size:1.8rem}
.programCanvas .moduleCard{padding:28px 20px}
.expertShowcase .showcaseGrid{grid-template-columns:1fr}
.journeyWrapper .sectionLabel h2{font-size:2rem}
.featureStage .contentSide h2{font-size:1.9rem}
}
.techReqHero{position:relative;max-width:1024px;margin:0 auto 80px;padding:0 20px}
.techReqHero-inner{position:relative;background:linear-gradient(114deg,#D4294D 0%,#FAA700 50%,#EBEBEB 100%);border-radius:24px;padding:60px 50px;overflow:hidden;box-shadow:0 8px 24px #d4294d26}
.techReqHero-inner::before{content:'';position:absolute;top:20px;left:20px;width:8px;height:8px;background:radial-gradient(circle,#fffc 0%,#ffffff4d 100%);border-radius:50%;box-shadow:0 0 0 3px #fff3 16px 0 0 0 #fff3 32px 0 0 0 #fff3}
.techReqHero-inner::after{content:'';position:absolute;bottom:20px;right:20px;width:8px;height:8px;background:radial-gradient(circle,#fffc 0%,#ffffff4d 100%);border-radius:50%;box-shadow:0 0 0 3px #fff3 -16px 0 0 0 #fff3 -32px 0 0 0 #fff3}
.techReqHero-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.25;mix-blend-mode:overlay}
.techReqHero-content{position:relative;z-index:2;max-width:720px}
.techReqHero-content h1{font-size:42px;font-weight:700;color:#fff;margin:0 0 28px;line-height:1.2;text-shadow:0 2px 8px #00000026}
.techReqHero-specs{list-style:none;padding:0;margin:0 0 32px}
.techReqHero-specs li{font-size:18px;color:#fff;margin-bottom:14px;padding-left:32px;position:relative;line-height:1.5}
.techReqHero-specs li::before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;background:#fff;border-radius:4px;box-shadow:0 2px 6px #0000001a}
.techReqHero-specs li::after{content:'✓';position:absolute;left:4px;top:4px;color:#D4294D;font-weight:700;font-size:14px}
.techReqHero-cta{display:inline-block;padding:16px 36px;background:#fff;color:#D4294D;font-size:16px;font-weight:600;text-decoration:none;border-radius:28px;box-shadow:0 4px 16px #00000026 inset 0 1px 2px #ffffff80;transition:all .3s ease;border:2px solid transparent}
.techReqHero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;background:#FAA700;color:#fff}
.requirementGrid{max-width:1024px;margin:0 auto 80px;padding:0 20px}
.requirementGrid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.requirementCard{background:linear-gradient(135deg,#fff 0%,#EBEBEB 100%);border-radius:20px;padding:32px;box-shadow:0 6px 18px #d4294d14;transition:all .4s ease;position:relative;overflow:hidden}
.requirementCard::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,#faa7001a 0%,transparent 70%);transition:all .6s ease}
.requirementCard:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px #d4294d2e}
.requirementCard:hover::before{top:-20%;right:-20%}
.requirementCard-icon{width:56px;height:56px;background:linear-gradient(135deg,#D4294D 0%,#FAA700 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 12px #d4294d40;position:relative;z-index:1}
.requirementCard-icon svg{width:28px;height:28px;fill:#fff}
.requirementCard h3{font-size:22px;font-weight:600;color:#2c2c2c;margin:0 0 14px;position:relative;z-index:1}
.requirementCard-text{font-size:15px;color:#5a5a5a;line-height:1.6;margin:0 0 18px;position:relative;z-index:1}
.requirementCard-details{list-style:none;padding:0;margin:0;position:relative;z-index:1}
.requirementCard-details li{font-size:14px;color:#6a6a6a;padding:8px 0;border-bottom:1px dashed #d4294d26;display:flex;justify-content:space-between;align-items:center}
.requirementCard-details li:last-child{border-bottom:none}
.requirementCard-details li strong{color:#D4294D;font-weight:600}
.compatibilitySection{max-width:1024px;margin:0 auto 60px;padding:0 20px}
.compatibilitySection-wrapper{background:#fff;border-radius:24px;padding:50px;box-shadow:0 8px 24px #0000000f;position:relative}
.compatibilitySection-header{text-align:center;margin-bottom:48px}
.compatibilitySection-header h2{font-size:36px;font-weight:700;color:#2c2c2c;margin:0 0 16px;position:relative;display:inline-block}
.compatibilitySection-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#D4294D 0%,#FAA700 100%);border-radius:2px}
.compatibilitySection-subtitle{font-size:16px;color:#6a6a6a;line-height:1.6;max-width:680px;margin:16px auto 0}
.platformGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}
.platformItem{background:linear-gradient(135deg,#fafafa 0%,#f0f0f0 100%);border:2px solid #EBEBEB;border-radius:16px;padding:24px;text-align:center;transition:all .3s ease;position:relative}
.platformItem:hover{border-color:#FAA700;transform:translateY(-4px);box-shadow:0 8px 20px #faa70033}
.platformItem h4{font-size:18px;font-weight:600;color:#2c2c2c;margin:0 0 10px}
.platformItem-version{font-size:14px;color:#6a6a6a;margin:0}
.browserTable{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:32px;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000000d}
.browserTable thead{background:linear-gradient(135deg,#D4294D 0%,#FAA700 100%)}
.browserTable th{padding:18px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff}
.browserTable tbody tr{background:#fff;transition:background .2s ease}
.browserTable tbody tr:nth-child(even){background:#fafafa}
.browserTable tbody tr:hover{background:#faa70014}
.browserTable td{padding:16px 20px;font-size:14px;color:#4a4a4a;border-bottom:1px solid #EBEBEB}
.browserTable tbody tr:last-child td{border-bottom:none}
.statusBadge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}
.statusBadge.supported{background:#4caf5026;color:#4caf50}
.statusBadge.limited{background:#faa70026;color:#FAA700}
.compatibilitySection-expert{display:flex;align-items:center;gap:24px;padding:28px;background:linear-gradient(135deg,#d4294d0d 0%,#faa7000d 100%);border-radius:16px;border-left:4px solid #D4294D}
.expertPhoto{width:80px;height:80px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #00000026;flex-shrink:0}
.expertInfo h5{font-size:18px;font-weight:600;color:#2c2c2c;margin:0 0 6px}
.expertInfo-role{font-size:14px;color:#D4294D;margin:0 0 10px;font-weight:500}
.expertInfo-quote{font-size:14px;color:#5a5a5a;line-height:1.5;margin:0;font-style:italic}
@media (max-width: 768px) {
.techReqHero-inner{padding:40px 28px}
.techReqHero-content h1{font-size:32px}
.requirementGrid-layout{grid-template-columns:1fr}
.compatibilitySection-wrapper{padding:32px 24px}
.compatibilitySection-header h2{font-size:28px}
.platformGrid{grid-template-columns:1fr}
.browserTable{font-size:13px}
.browserTable th,.browserTable td{padding:12px 14px}
.compatibilitySection-expert{flex-direction:column;text-align:center}
}
@media (max-width: 480px) {
.techReqHero-content h1{font-size:26px}
.techReqHero-specs li{font-size:16px}
.requirementCard{padding:24px}
.compatibilitySection-header h2{font-size:24px}
}
.heroOuter{background:linear-gradient(135deg,#D4294D 0%,#FAA700 48%,#EBEBEB 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.heroOuter::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#faa7004d 0%,transparent 70%);border-radius:50%;animation:floatDecor 8s ease-in-out infinite}
@keyframes floatDecor {
0%,100%{transform:translateY(0) scale(1)}
50%{transform:translateY(-30px) scale(1.1)}
}
.heroInner{max-width:1024px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.heroContent{flex:1}
.heroHeading{font-size:52px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2;text-shadow:2px 4px 12px #0003}
.heroTagline{font-size:20px;color:#fff;margin:0 0 32px;line-height:1.6;opacity:.95}
.heroActions{display:flex;gap:16px;flex-wrap:wrap}
.primaryBtn{background:#fff;color:#D4294D;padding:16px 32px;border:none;border-radius:24px;font-size:17px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 8px 20px #00000026}
.primaryBtn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000040;background:#EBEBEB}
.secondaryBtn{background:transparent;color:#fff;padding:16px 32px;border:2px solid #fff;border-radius:24px;font-size:17px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease}
.secondaryBtn:hover{background:#ffffff26;transform:translateY(-3px)}
.heroVisual{flex:0 0 420px;position:relative}
.heroImage{width:100%;height:auto;border-radius:28px;box-shadow:0 16px 48px #0000004d;display:block;object-fit:cover}
.supportWrapper{background:#fff;padding:100px 20px}
.supportContainer{max-width:1024px;margin:0 auto}
.supportTitle{font-size:42px;font-weight:700;color:#D4294D;margin:0 0 48px;text-align:center;position:relative}
.supportTitle::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#D4294D 0%,#FAA700 100%);border-radius:2px}
.assistanceLevels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:60px}
.levelCard{background:#FAFAFA;padding:32px;border-radius:20px;border:2px solid #EBEBEB;transition:all .4s ease;position:relative}
.levelCard:hover{border-color:#FAA700;box-shadow:0 12px 32px #faa70033;transform:translateY(-6px)}
.levelCard::before{content:'';position:absolute;top:0;left:0;width:6px;height:0;background:linear-gradient(180deg,#D4294D 0%,#FAA700 100%);border-radius:20px 0 0 20px;transition:height .4s ease}
.levelCard:hover::before{height:100%}
.levelHeading{font-size:24px;font-weight:600;color:#D4294D;margin:0 0 12px}
.levelDescription{font-size:16px;color:#333;line-height:1.7;margin:0}
.resourceSection{display:flex;gap:40px;align-items:center}
.resourceImage{flex:0 0 380px;border-radius:24px;box-shadow:0 12px 36px #d4294d26;width:380px;height:auto;object-fit:cover}
.resourceDetails{flex:1}
.resourceHeading{font-size:32px;font-weight:700;color:#333;margin:0 0 20px}
.resourceList{list-style:none;padding:0;margin:0 0 28px}
.resourceList li{font-size:16px;color:#555;line-height:1.8;padding-left:32px;position:relative;margin-bottom:12px}
.resourceList li::before{content:'→';position:absolute;left:0;color:#FAA700;font-weight:700;font-size:20px}
.experienceZone{background:linear-gradient(165deg,#FAA700 0%,#D4294D 100%);padding:100px 20px;position:relative;overflow:hidden}
.experienceZone::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);border-radius:50%}
.experienceContainer{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.experienceIntro{font-size:38px;font-weight:700;color:#fff;text-align:center;margin:0 0 60px;line-height:1.3}
.storiesGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.storyCard{background:#fffffff2;padding:36px;border-radius:24px;box-shadow:0 8px 24px #00000026;display:flex;gap:24px;transition:all .3s ease}
.storyCard:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000040}
.profilePic{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid #FAA700;flex-shrink:0}
.storyContent{flex:1}
.learnerName{font-size:22px;font-weight:600;color:#D4294D;margin:0 0 8px}
.learnerPath{font-size:14px;color:#777;margin:0 0 16px;font-style:italic}
.learnerQuote{font-size:15px;color:#333;line-height:1.7;margin:0}
.milestonesWrapper{background:#F5F5F5;padding:80px 20px}
.milestonesInner{max-width:1024px;margin:0 auto}
.milestonesHeading{font-size:36px;font-weight:700;color:#D4294D;margin:0 0 48px;text-align:center}
.progressTracker{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.progressTracker::before{content:'';position:absolute;top:40px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(90deg,#D4294D 0%,#FAA700 100%);z-index:1}
.milestonePoint{text-align:center;position:relative;z-index:2}
.pointCircle{width:80px;height:80px;border-radius:50%;background:#fff;border:5px solid #FAA700;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#D4294D;box-shadow:0 6px 18px #0000001f}
.pointLabel{font-size:17px;font-weight:600;color:#333;margin:0 0 8px}
.pointDetail{font-size:14px;color:#666;line-height:1.5;margin:0}
.recognitionArea{background:#fff;padding:100px 20px}
.recognitionBox{max-width:1024px;margin:0 auto;display:flex;gap:50px;align-items:center}
.recognitionVisual{flex:0 0 400px;position:relative}
.recognitionImg{width:100%;height:auto;border-radius:26px;box-shadow:0 14px 40px #0000002e;object-fit:cover}
.recognitionVisual::after{content:'';position:absolute;top:20px;right:20px;width:100px;height:100px;background:#faa70033;border-radius:50%;z-index:-1}
.recognitionText{flex:1}
.recognitionTitle{font-size:38px;font-weight:700;color:#D4294D;margin:0 0 24px;line-height:1.3}
.recognitionPara{font-size:17px;color:#444;line-height:1.8;margin:0 0 16px}
.partnershipDisplay{background:linear-gradient(145deg,#EBEBEB 0%,#fff 100%);padding:80px 20px}
.partnershipContent{max-width:1024px;margin:0 auto}
.partnershipHeader{font-size:34px;font-weight:700;color:#333;margin:0 0 40px;text-align:center}
.partnersLayout{display:flex;gap:40px;align-items:stretch}
.partnerColumn{flex:1}
.partnerItem{background:#fff;padding:28px;border-radius:18px;margin-bottom:20px;border-left:5px solid #FAA700;box-shadow:0 4px 16px #00000014;transition:all .3s ease}
.partnerItem:hover{transform:translateX(8px);box-shadow:0 8px 24px #00000026}
.partnerName{font-size:20px;font-weight:600;color:#D4294D;margin:0 0 10px}
.partnerRole{font-size:15px;color:#666;line-height:1.6;margin:0}
.processView{background:#fff;padding:100px 20px}
.processInner{max-width:1024px;margin:0 auto}
.processMainTitle{font-size:40px;font-weight:700;color:#D4294D;margin:0 0 56px;text-align:center}
.stepsFlow{display:flex;gap:32px;align-items:flex-start}
.stepBox{flex:1;background:linear-gradient(135deg,#F8F8F8 0%,#fff 100%);padding:36px;border-radius:22px;border:2px solid #EBEBEB;position:relative;transition:all .4s ease}
.stepBox:hover{border-color:#D4294D;box-shadow:0 14px 36px #d4294d26}
.stepNumber{position:absolute;top:-20px;left:30px;width:50px;height:50px;background:linear-gradient(135deg,#D4294D 0%,#FAA700 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;box-shadow:0 6px 16px #d4294d4d}
.stepTitle{font-size:22px;font-weight:600;color:#333;margin:20px 0 14px}
.stepText{font-size:16px;color:#555;line-height:1.7;margin:0}
.testimonialsSection{background:linear-gradient(135deg,#D4294D 0%,#FAA700 100%);padding:100px 20px;position:relative}
.testimonialsSection::before{content:'';position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:100px;height:100px;background:#ffffff26;border-radius:50%}
.testimonialsWrapper{max-width:1024px;margin:0 auto}
.testimonialsHeading{font-size:38px;font-weight:700;color:#fff;margin:0 0 56px;text-align:center}
.testimonialCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.testimonialCard{background:#fffffff5;padding:36px;border-radius:24px;box-shadow:0 12px 32px #0003;transition:all .3s ease}
.testimonialCard:hover{transform:translateY(-6px);box-shadow:0 18px 48px #0000004d}
.testimonialText{font-size:16px;color:#333;line-height:1.8;margin:0 0 24px;font-style:italic}
.testimonialAuthor{display:flex;align-items:center;gap:16px}
.authorPhoto{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #FAA700}
.authorInfo{flex:1}
.authorName{font-size:18px;font-weight:600;color:#D4294D;margin:0 0 4px}
.authorPosition{font-size:14px;color:#666;margin:0}
@media (max-width: 768px) {
.heroInner{flex-direction:column;text-align:center}
.heroVisual{flex:0 0 auto;width:100%;max-width:400px}
.heroHeading{font-size:36px}
.heroTagline{font-size:18px}
.heroActions{justify-content:center}
.assistanceLevels{grid-template-columns:1fr}
.resourceSection{flex-direction:column}
.resourceImage{flex:0 0 auto;width:100%;max-width:400px}
.storiesGrid{grid-template-columns:1fr}
.storyCard{flex-direction:column;text-align:center}
.profilePic{margin:0 auto}
.progressTracker{grid-template-columns:repeat(2,1fr);gap:40px 24px}
.progressTracker::before{display:none}
.recognitionBox{flex-direction:column}
.recognitionVisual{flex:0 0 auto;width:100%;max-width:400px;margin:0 auto}
.partnersLayout{flex-direction:column}
.stepsFlow{flex-direction:column}
.testimonialCards{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.heroOuter{padding:60px 20px 80px}
.heroHeading{font-size:28px}
.heroTagline{font-size:16px}
.primaryBtn,.secondaryBtn{width:100%;text-align:center}
.supportTitle{font-size:32px}
.experienceIntro{font-size:28px}
.milestonesHeading{font-size:28px}
.progressTracker{grid-template-columns:1fr}
.recognitionTitle{font-size:28px}
.processMainTitle{font-size:32px}
.testimonialsHeading{font-size:28px}
}
.pageWrap{max-width:1024px;margin:0 auto;padding:0 20px}
.contactHero{position:relative;padding:80px 0 100px;overflow:hidden}
.heroVisual{position:absolute;top:0;right:0;width:45%;height:100%;z-index:1}
.heroVisual img{width:100%;height:100%;object-fit:cover;border-radius:32px 0 0 32px;opacity:.15}
.heroContent{position:relative;z-index:2;max-width:520px}
.heroContent h1{font-size:3.2rem;line-height:1.1;color:#D4294D;margin:0 0 24px;font-weight:700}
.heroContent .leadText{font-size:1.15rem;line-height:1.6;color:#333;margin:0}
.formSection{padding:60px 0 80px;background:linear-gradient(135deg,#EBEBEB 0%,#fff 100%);border-radius:24px;margin:0 0 60px}
.formSection .pageWrap{display:flex;gap:60px;align-items:flex-start}
.formIntro{flex:1;padding-top:20px}
.formIntro h2{font-size:2rem;color:#222;margin:0 0 20px;font-weight:600}
.formIntro .description{font-size:1rem;line-height:1.7;color:#555;margin:0 0 28px}
.contactDetails{display:flex;flex-direction:column;gap:18px}
.detailItem{display:flex;align-items:flex-start;gap:12px}
.detailIcon{width:22px;height:22px;flex-shrink:0;margin-top:2px}
.detailIcon svg{width:100%;height:100%;fill:#FAA700}
.detailContent{flex:1}
.detailLabel{font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:#888;margin:0 0 4px}
.detailValue{font-size:1.05rem;color:#222;line-height:1.5;margin:0}
.detailValue a{color:#D4294D;text-decoration:none;transition:color .3s ease}
.detailValue a:hover{color:#FAA700}
.mainForm{flex:1.2;background:#fff;padding:44px;border-radius:24px;box-shadow:0 8px 24px #d4294d14}
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 24px}
.inputGroup{display:flex;flex-direction:column;gap:8px}
.inputGroup.fullWidth{grid-column:1 / -1}
.inputGroup label{font-size:.95rem;font-weight:500;color:#333}
.inputGroup input,.inputGroup textarea{padding:14px 18px;border:2px solid #EBEBEB;border-radius:16px;font-size:1rem;color:#222;background:#fafafa;transition:all .3s ease}
.inputGroup input:focus,.inputGroup textarea:focus{outline:none;border-color:#D4294D;background:#fff;box-shadow:0 4px 12px #d4294d1a}
.inputGroup textarea{min-height:120px;resize:vertical}
.checkboxSection{margin:0 0 24px}
.checkboxSection h3{font-size:1rem;color:#222;margin:0 0 16px;font-weight:500}
.checkboxList{display:flex;flex-direction:column;gap:12px}
.checkboxItem{display:flex;align-items:center;gap:10px}
.checkboxItem input[type="checkbox"]{width:20px;height:20px;cursor:pointer;accent-color:#D4294D}
.checkboxItem label{font-size:.95rem;color:#444;cursor:pointer}
.privacyConsent{margin:0 0 28px;padding:16px;background:#f9f9f9;border-radius:12px;border-left:4px solid #FAA700}
.privacyConsent input[type="checkbox"]{margin-right:10px;width:18px;height:18px;cursor:pointer;accent-color:#D4294D;vertical-align:middle}
.privacyConsent label{font-size:.9rem;color:#555;line-height:1.6;cursor:pointer}
.privacyConsent label a{color:#D4294D;text-decoration:underline}
.privacyConsent label a:hover{color:#FAA700}
.submitButton{width:100%;padding:16px 32px;background:linear-gradient(120deg,#D4294D 0%,#FAA700 100%);color:#fff;border:none;border-radius:20px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #d4294d40;transition:all .3s ease;position:relative;z-index:10}
.submitButton:hover{transform:translateY(-2px);box-shadow:0 10px 30px #d4294d59}
.submitButton:active{transform:translateY(0)}
.alternativeReach{padding:80px 0;background:#fff}
.alternativeReach .pageWrap{text-align:center}
.alternativeReach h2{font-size:2.2rem;color:#222;margin:0 0 32px;font-weight:600}
.reachOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.reachCard{padding:40px 28px;background:linear-gradient(145deg,#fafafa 0%,#fff 100%);border-radius:24px;border:2px solid #EBEBEB;transition:all .3s ease;position:relative;overflow:hidden}
.reachCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#D4294D 0%,#FAA700 100%);transform:scaleX(0);transition:transform .3s ease}
.reachCard:hover{border-color:#D4294D;box-shadow:0 12px 32px #d4294d26;transform:translateY(-4px)}
.reachCard:hover::before{transform:scaleX(1)}
.reachIcon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#D4294D 0%,#FAA700 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.reachIcon svg{width:32px;height:32px;fill:#fff}
.reachCard h3{font-size:1.3rem;color:#222;margin:0 0 12px;font-weight:600}
.reachCard p{font-size:.95rem;line-height:1.6;color:#666;margin:0}
@media (max-width: 768px) {
.contactHero{padding:60px 0 70px}
.heroVisual{width:100%;height:200px;position:relative;margin-bottom:30px}
.heroVisual img{border-radius:24px}
.heroContent h1{font-size:2.4rem}
.formSection .pageWrap{flex-direction:column;gap:40px}
.mainForm{padding:32px 24px}
.formGrid{grid-template-columns:1fr}
.reachOptions{grid-template-columns:1fr;gap:24px}
.alternativeReach{padding:60px 0}
.alternativeReach h2{font-size:1.8rem}
}
@media (min-width: 769px) and (max-width: 1024px) {
.formSection .pageWrap{gap:40px}
.reachOptions{grid-template-columns:repeat(2,1fr)}
.heroContent h1{font-size:2.8rem}
}
.pageWrap{width:100%;max-width:1024px;margin:0 auto;padding:0 20px}
.titleZone{position:relative;padding:80px 0 60px;overflow:hidden;border-radius:28px;margin-bottom:60px}
.titleZone::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#D4294D 0%,#FAA700 45%,#EBEBEB 100%);opacity:.15;animation:gradientShift 8s ease infinite;z-index:1}
@keyframes gradientShift {
0%,100%{transform:translateX(0) scale(1)}
50%{transform:translateX(20px) scale(1.05)}
}
.titleZone .innerContent{position:relative;z-index:2;max-width:800px;margin:0 auto}
.titleZone .topImage{width:100%;max-width:600px;height:340px;object-fit:cover;border-radius:24px;display:block;margin:0 auto 40px;box-shadow:0 8px 24px #d4294d26}
.titleZone .mainHeading{font-size:2.8rem;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 24px;line-height:1.2}
.titleZone .descriptionText{font-size:1.15rem;color:#4a4a4a;text-align:center;line-height:1.7;margin:0 0 36px;max-width:700px;margin-left:auto;margin-right:auto}
.titleZone .actionRow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.titleZone .primaryBtn{background:linear-gradient(120deg,#D4294D 0%,#FAA700 100%);color:#fff;padding:14px 32px;border-radius:24px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 6px 18px #d4294d40}
.titleZone .primaryBtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #d4294d59}
.titleZone .secondaryBtn{background:transparent;color:#D4294D;padding:14px 32px;border-radius:24px;text-decoration:none;font-weight:600;font-size:1rem;border:2px solid #D4294D;transition:all .3s ease}
.titleZone .secondaryBtn:hover{background:#D4294D;color:#fff;transform:translateY(-2px)}
.newsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:70px}
.newsCard{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .35s ease;position:relative}
.newsCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #d4294d33}
.newsCard .cardImage{width:100%;height:220px;object-fit:cover}
.newsCard .cardBody{padding:28px}
.newsCard .categoryLabel{display:inline-block;background:linear-gradient(90deg,#D4294D 0%,#FAA700 100%);color:#fff;padding:6px 16px;border-radius:16px;font-size:.8rem;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.newsCard .cardTitle{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.3}
.newsCard .cardExcerpt{font-size:.95rem;color:#666;line-height:1.6;margin:0 0 20px}
.newsCard .metaInfo{display:flex;align-items:center;gap:16px;font-size:.85rem;color:#999;padding-top:16px;border-top:1px solid #EBEBEB}
.newsCard .metaInfo svg{width:16px;height:16px;fill:#FAA700}
.insightSection{background:linear-gradient(160deg,#f9f9f9 0%,#fff 100%);padding:70px 0;margin-bottom:70px;border-radius:32px;position:relative;overflow:hidden}
.insightSection::after{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#faa7001f 0%,transparent 70%);border-radius:50%}
.insightSection .sectionInner{position:relative;z-index:2}
.insightSection .sectionHeading{font-size:2.4rem;font-weight:700;color:#1a1a1a;margin:0 0 16px;text-align:center}
.insightSection .sectionSubtext{font-size:1.1rem;color:#666;text-align:center;margin:0 0 50px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}
.timelineWrapper{max-width:900px;margin:0 auto;position:relative}
.timelineWrapper::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#D4294D 0%,#FAA700 100%);transform:translateX(-50%)}
.timelineItem{position:relative;margin-bottom:50px;display:flex;align-items:center}
.timelineItem:nth-child(odd){flex-direction:row}
.timelineItem:nth-child(even){flex-direction:row-reverse}
.timelineContent{width:45%;background:#fff;padding:28px;border-radius:20px;box-shadow:0 6px 20px #00000014;position:relative}
.timelineItem:nth-child(odd) .timelineContent{text-align:right}
.timelineItem:nth-child(even) .timelineContent{text-align:left}
.timelineContent .dateStamp{font-size:.85rem;color:#FAA700;font-weight:700;margin-bottom:12px;display:block;letter-spacing:.5px}
.timelineContent .itemTitle{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.timelineContent .itemDescription{font-size:.95rem;color:#666;line-height:1.6;margin:0}
.timelineMarker{width:10%;display:flex;justify-content:center;position:relative}
.timelineMarker::before{content:'';width:20px;height:20px;background:#D4294D;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 3px #D4294D;position:relative;z-index:3}
.spotlightZone{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:70px;padding:60px;background:#fff;border-radius:28px;box-shadow:0 8px 32px #0000000f}
.spotlightZone .imageColumn img{width:100%;height:400px;object-fit:cover;border-radius:24px;box-shadow:0 12px 40px #d4294d2e}
.spotlightZone .textColumn .blockHeading{font-size:2.2rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.spotlightZone .textColumn .blockHeading::before{content:'';display:inline-block;width:5px;height:40px;background:linear-gradient(180deg,#D4294D 0%,#FAA700 100%);margin-right:16px;vertical-align:middle;border-radius:3px}
.spotlightZone .textColumn .blockText{font-size:1.05rem;color:#555;line-height:1.7;margin:0 0 24px}
.featureList{list-style:none;padding:0;margin:0 0 32px}
.featureList li{padding:12px 0 12px 36px;position:relative;font-size:1rem;color:#444;line-height:1.6}
.featureList li::before{content:'';position:absolute;left:0;top:16px;width:20px;height:20px;background:linear-gradient(135deg,#D4294D 0%,#FAA700 100%);border-radius:50%;box-shadow:0 3px 8px #d4294d40}
.featureList li::after{content:'✓';position:absolute;left:5px;top:15px;color:#fff;font-size:.75rem;font-weight:700}
.spotlightZone .linkBtn{display:inline-flex;align-items:center;gap:10px;background:#D4294D;color:#fff;padding:14px 28px;border-radius:24px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 6px 18px #d4294d40}
.spotlightZone .linkBtn:hover{background:#FAA700;transform:translateX(4px);box-shadow:0 8px 24px #faa7004d}
.spotlightZone .linkBtn svg{width:18px;height:18px;fill:#fff}
.testimonialArea{background:linear-gradient(145deg,#1a1a1a 0%,#2a2a2a 100%);padding:70px 0;border-radius:32px;margin-bottom:70px;position:relative;overflow:hidden}
.testimonialArea::before{content:'';position:absolute;top:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#d4294d26 0%,transparent 70%);border-radius:50%}
.testimonialArea .areaInner{position:relative;z-index:2}
.testimonialArea .areaTitle{font-size:2.4rem;font-weight:700;color:#fff;text-align:center;margin:0 0 50px}
.testimonialGrid{display:grid;grid-template-columns:1fr 1fr;gap:36px;max-width:900px;margin:0 auto}
.testimonialCard{background:#ffffff0d;backdrop-filter:blur(10px);padding:36px;border-radius:24px;border:1px solid #ffffff1a;transition:all .3s ease}
.testimonialCard:hover{background:#ffffff14;transform:scale(1.02)}
.testimonialCard .quoteIcon{width:40px;height:40px;margin-bottom:20px}
.testimonialCard .quoteIcon svg{width:100%;height:100%;fill:#FAA700;opacity:.5}
.testimonialCard .quoteText{font-size:1.05rem;color:#e0e0e0;line-height:1.7;margin:0 0 28px;font-style:italic}
.testimonialCard .authorInfo{display:flex;align-items:center;gap:16px}
.testimonialCard .authorImage{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #FAA700}
.testimonialCard .authorDetails .authorName{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 4px}
.testimonialCard .authorDetails .authorRole{font-size:.9rem;color:#FAA700;margin:0}
@media (max-width: 768px) {
.titleZone{padding:50px 0 40px;border-radius:20px}
.titleZone .topImage{height:240px;margin-bottom:28px}
.titleZone .mainHeading{font-size:2rem}
.titleZone .descriptionText{font-size:1rem}
.newsGrid{grid-template-columns:1fr;gap:24px}
.insightSection{padding:50px 0;border-radius:24px}
.insightSection .sectionHeading{font-size:1.9rem}
.timelineWrapper::before{left:20px}
.timelineItem{flex-direction:column!important;align-items:flex-start;padding-left:50px}
.timelineContent{width:100%!important;text-align:left!important}
.timelineMarker{position:absolute;left:0;width:auto}
.spotlightZone{grid-template-columns:1fr;padding:40px 24px;gap:32px}
.spotlightZone .imageColumn img{height:280px}
.spotlightZone .textColumn .blockHeading{font-size:1.8rem}
.testimonialArea{padding:50px 0;border-radius:24px}
.testimonialArea .areaTitle{font-size:1.9rem}
.testimonialGrid{grid-template-columns:1fr;gap:24px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.newsGrid{grid-template-columns:repeat(2,1fr)}
.spotlightZone{padding:50px 40px}
.testimonialGrid{gap:28px}
}
.successWrapper{max-width:1024px;margin:0 auto;padding:0 20px}
.heroSuccess{background:linear-gradient(114deg,#FAA700 0%,#D4294D 50%,#EBEBEB 100%);padding:80px 0;border-radius:28px;margin:40px 0;position:relative;overflow:hidden}
.heroSuccess::before{content:'';position:absolute;width:400px;height:400px;background:#ffffff1a;border-radius:50%;top:-150px;right:-100px;animation:floatShape 8s ease-in-out infinite}
.heroSuccess::after{content:'';position:absolute;width:300px;height:300px;background:#d4294d26;border-radius:28px;bottom:-100px;left:-80px;transform:rotate(45deg);animation:rotateShape 12s linear infinite}
@keyframes floatShape {
0%,100%{transform:translateY(0) scale(1)}
50%{transform:translateY(30px) scale(1.05)}
}
@keyframes rotateShape {
0%{transform:rotate(45deg)}
100%{transform:rotate(405deg)}
}
.heroContent{position:relative;z-index:2;max-width:700px;margin:0 auto;text-align:center}
.checkmarkCircle{width:120px;height:120px;background:#fff;border-radius:50%;margin:0 auto 30px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #d4294d4d;animation:scaleIn .6s ease-out}
@keyframes scaleIn {
0%{transform:scale(0)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}
.checkmarkCircle svg{width:70px;height:70px}
.checkmarkPath{stroke:#D4294D;stroke-width:3;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}
}
.successTitle{font-size:48px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2}
.successDescription{font-size:20px;color:#fff;margin:0 0 40px;line-height:1.6;opacity:.95}
.actionButtons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.primaryButton{background:#fff;color:#D4294D;padding:16px 36px;border-radius:24px;text-decoration:none;font-size:18px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 18px #00000026;display:inline-block;position:relative;z-index:10}
.primaryButton:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0003;background:#f8f8f8}
.secondaryButton{background:transparent;color:#fff;padding:16px 36px;border:2px solid #fff;border-radius:24px;text-decoration:none;font-size:18px;font-weight:600;transition:all .3s ease;display:inline-block;position:relative;z-index:10}
.secondaryButton:hover{background:#ffffff26;transform:translateY(-3px);box-shadow:0 6px 18px #ffffff4d}
.detailsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1024px;margin:80px auto 60px;padding:0 20px}
.infoCard{background:#fff;padding:40px 32px;border-radius:24px;box-shadow:0 4px 16px #00000014;transition:all .4s ease;position:relative;overflow:hidden}
.infoCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#D4294D 0%,#FAA700 100%);transform:scaleY(0);transition:transform .4s ease}
.infoCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #d4294d26}
.infoCard:hover::before{transform:scaleY(1)}
.cardIcon{width:64px;height:64px;background:linear-gradient(135deg,#FAA700 0%,#D4294D 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.cardIcon svg{width:32px;height:32px}
.iconPath{fill:#fff}
.cardTitle{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.cardText{font-size:16px;color:#666;line-height:1.6;margin:0}
@media (max-width: 968px) {
.detailsGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.successTitle{font-size:38px}
.heroSuccess{padding:60px 20px}
}
@media (max-width: 640px) {
.detailsGrid{grid-template-columns:1fr;gap:20px;margin:60px auto 40px}
.successTitle{font-size:32px}
.successDescription{font-size:18px}
.actionButtons{flex-direction:column;align-items:stretch}
.primaryButton,.secondaryButton{width:100%;text-align:center}
.heroSuccess{padding:50px 20px;margin:20px 0}
.checkmarkCircle{width:100px;height:100px}
.checkmarkCircle svg{width:60px;height:60px}
}