*{margin:0;padding:0;box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Ubuntu Mono',monospace;background:#FAFAFA;color:#2A2A2A;line-height:1.6}
.hdrMain{background:linear-gradient(135deg,#F062BD 0%,#1A1B8D 100%);padding:24px 0;box-shadow:0 4px 8px #00000026}
.hdrContent-container{max-width:1440px;margin:0 auto;padding:0 20px}
.hdrFlowLine{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.lgWrap{flex-shrink:0}
.lgLink{display:block}
.lgImg{width:90px;height:90px;display:block;border-radius:18px;background:#FFF;padding:8px;box-shadow:0 3px 6px #0003}
.hdrDivider{width:2px;height:40px;background:#fff6;flex-shrink:0}
.companyNameBlock{flex-shrink:0}
.compName{font-size:28px;font-weight:700;color:#FFF;letter-spacing:.5px}
.taglineArea{flex-shrink:0}
.tagTxt{font-size:16px;color:#F0FBA0;font-weight:400}
.mainNavigation{display:flex;gap:28px;margin-left:auto;flex-wrap:wrap}
.mainNavigation .navItem{color:#FFF;text-decoration:none;font-size:17px;font-weight:400;padding:8px 14px;border-radius:20px;background:#ffffff1a;transition:background .2s ease}
.mainNavigation .navItem:hover{background:#ffffff40}
.ftrWrapper{background:#1A1B8D;padding:50px 0 30px;color:#FFF;margin-top:80px}
.ftrContent-container{max-width:1440px;margin:0 auto;padding:0 20px}
.ftrTopRow{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:40px}
.ftrLogoSection{flex:0 1 250px}
.ftrLogo{width:80px;height:80px;margin-bottom:12px;border-radius:16px;background:#FFF;padding:6px}
.ftrCompanyName{font-size:22px;font-weight:700;color:#F0FBA0}
.ftrNavSection{display:flex;gap:60px;flex:1 1 auto}
.ftrNavColumn{display:flex;flex-direction:column;gap:12px}
.ftrNavHeading{font-size:18px;font-weight:700;margin-bottom:6px;color:#F062BD}
.ftrLink{color:#FFF;text-decoration:none;font-size:15px;transition:color .2s ease}
.ftrLink:hover{color:#F0FBA0}
.ftrContactSection{flex:0 1 280px}
.ftrContactHeading{font-size:18px;font-weight:700;margin-bottom:14px;color:#F062BD}
.ftrContactItem{font-size:15px;margin-bottom:10px;line-height:1.5}
.ftrContactLink{color:#FFF;text-decoration:none;transition:color .2s ease}
.ftrContactLink:hover{color:#F0FBA0}
.ftrMessengers{display:flex;gap:16px;margin-top:16px}
.ftrMessengerLink{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f062bd4d;border-radius:50%;color:#FFF;text-decoration:none;font-size:18px;transition:background .2s ease}
.ftrMessengerLink:hover{background:#F062BD}
.ftrBottomRow{border-top:1px solid #fff3;padding-top:24px;text-align:center}
.ftrCopyright{font-size:14px;color:#fffc}
.cookiePopup{position:fixed;right:20px;top:50%;transform:translateY(-50%) translateX(450px);width:420px;max-width:calc(100vw - 40px);background:#FFF;border-radius:24px;box-shadow:0 6px 24px #0000004d;z-index:10000;transition:transform .4s ease}
.cookiePopup.showing{transform:translateY(-50%) translateX(0)}
.cookieContent{padding:28px}
.cookieTitle{font-size:22px;font-weight:700;color:#1A1B8D;margin-bottom:12px}
.cookieDesc{font-size:15px;color:#555;margin-bottom:20px;line-height:1.5}
.cookieCategories{margin-bottom:24px}
.cookieCatItem{margin-bottom:16px}
.cookieLabel{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:4px}
.cookieCheck{width:20px;height:20px;cursor:pointer;accent-color:#F062BD}
.cookieLabelTxt{font-size:16px;font-weight:700;color:#2A2A2A}
.cookieCatDesc{font-size:13px;color:#777;margin-left:30px;line-height:1.4}
.cookieActions{display:flex;flex-direction:column;gap:10px}
.cookieBtn{padding:12px 20px;border:none;border-radius:20px;font-family:'Ubuntu Mono',monospace;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease}
.cookieAccept{background:#F062BD;color:#FFF}
.cookieAccept:hover{background:#d94fa7}
.cookieDecline{background:#E0E0E0;color:#2A2A2A}
.cookieDecline:hover{background:#CCC}
.cookieSave{background:#1A1B8D;color:#FFF}
.cookieSave:hover{background:#15166e}
@media (max-width: 768px) {
.hdrFlowLine{justify-content:center;text-align:center}
.hideOnMobile{display:none}
.mainNavigation{margin-left:0;justify-content:center;width:100%}
.compName{font-size:24px}
.tagTxt{font-size:14px}
.ftrTopRow{flex-direction:column;gap:30px}
.ftrNavSection{flex-direction:column;gap:30px}
.cookiePopup{right:10px;left:10px;width:auto;max-width:none;transform:translateY(-200%)}
.cookiePopup.showing{transform:translateY(-50%)}
}
@media (max-width: 375px) {
.lgImg{width:70px;height:70px}
.compName{font-size:20px}
.mainNavigation .navItem{font-size:15px;padding:6px 12px}
.cookieContent{padding:20px}
.cookieTitle{font-size:19px}
}
@media (min-width: 1366px) {
.hdrFlowLine{gap:30px}
.hdrDivider{height:50px}
.compName{font-size:32px}
.tagTxt{font-size:18px}
.mainNavigation{gap:36px}
}
.doc-inner{max-width:1440px;margin:0 auto;padding:80px 24px;background:#fff}
.doc-inner p{font-size:17px;line-height:1.8;color:#2c2c2c;margin:0 0 24px;max-width:820px}
.doc-inner p + p{margin-top:16px}
.doc-inner strong,.doc-inner b{font-weight:700;color:#1A1B8D}
.doc-inner em,.doc-inner i{font-style:italic;color:#4a4a4a}
.doc-inner ul,.doc-inner ol{margin:0 0 32px;padding:0 0 0 28px;max-width:820px}
.doc-inner ul{list-style-type:disc}
.doc-inner ol{list-style-type:decimal}
.doc-inner li{font-size:17px;line-height:1.8;color:#2c2c2c;margin:0 0 12px;padding-left:8px}
.doc-inner li strong,.doc-inner li b{color:#1A1B8D}
.doc-inner ul ul,.doc-inner ul ol,.doc-inner ol ul,.doc-inner ol ol{margin:12px 0}
.doc-inner table{width:100%;max-width:1040px;margin:0 0 40px;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;box-shadow:0 4px 0 #1a1b8d1f}
.doc-inner thead{background:linear-gradient(135deg,#F062BD 0%,#1A1B8D 100%)}
.doc-inner thead tr{border:none}
.doc-inner thead th{padding:20px 24px;text-align:left;font-size:16px;font-weight:700;color:#fff;border:none}
.doc-inner tbody{background:#fafafa}
.doc-inner tbody tr{border-bottom:2px solid #e8e8e8}
.doc-inner tbody tr:last-child{border-bottom:none}
.doc-inner tbody tr:nth-child(even){background:#f5f5f5}
.doc-inner tbody tr:nth-child(odd){background:#fff}
.doc-inner td{padding:18px 24px;font-size:16px;line-height:1.6;color:#3a3a3a;border:none}
.doc-inner th{font-weight:700}
@media (max-width: 768px) {
.doc-inner{padding:48px 20px}
.doc-inner p,.doc-inner li{font-size:16px;line-height:1.7}
.doc-inner ul,.doc-inner ol{padding-left:24px}
.doc-inner table{font-size:14px;border-radius:12px}
.doc-inner thead th{padding:16px;font-size:14px}
.doc-inner td{padding:14px 16px;font-size:14px}
}
@media (max-width: 375px) {
.doc-inner{padding:40px 16px}
.doc-inner p,.doc-inner li{font-size:15px}
.doc-inner ul,.doc-inner ol{padding-left:20px}
.doc-inner table{display:block;overflow-x:auto;border-radius:8px}
.doc-inner thead th,.doc-inner td{padding:12px;font-size:13px}
}
.heroAbout{position:relative;max-width:1440px;margin:0 auto 6rem;padding:4rem 2rem;overflow:hidden}
.heroAbout .innerWrap{display:flex;align-items:center;gap:3rem;position:relative}
.heroAbout .textBlock{flex:1;z-index:2}
.heroAbout .mainTitle{font-size:3.5rem;line-height:1.1;margin:0 0 1rem;color:#1A1B8D;font-weight:700}
.heroAbout .subText{font-size:1.25rem;line-height:1.6;margin:0 0 2rem;color:#333}
.heroAbout .ctaBtn{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#F062BD 0%,#1A1B8D 100%);color:#fff;text-decoration:none;border-radius:24px;font-weight:600;transition:transform 0.3s,box-shadow .3s;box-shadow:0 4px 12px #f062bd4d;z-index:3;position:relative}
.heroAbout .ctaBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f062bd66}
.heroAbout .imgWrap{flex:1;position:relative;transform:rotate(-3deg)}
.heroAbout .imgWrap img{width:100%;height:auto;border-radius:20px;box-shadow:0 8px 24px #00000026;filter:blur(0.5px)}
.heroAbout::before{content:'';position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,#f0faa04d,transparent);border-radius:50%;z-index:0}
.storySection{max-width:1440px;margin:0 auto 6rem;padding:0 2rem}
.storySection .contentGrid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.storySection .leftCol{display:flex;flex-direction:column;gap:2rem}
.storySection .sectionLabel{font-size:.95rem;text-transform:uppercase;letter-spacing:.1em;color:#F062BD;font-weight:600;margin:0}
.storySection .sectionHeading{font-size:2.5rem;line-height:1.2;color:#1A1B8D;margin:0 0 1.5rem;font-weight:700}
.storySection .descriptionText{font-size:1.05rem;line-height:1.7;color:#444;margin:0 0 1rem}
.storySection .rightCol{display:flex;flex-direction:column;gap:2rem}
.storySection .imageCard{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 6px 18px #0000001a}
.storySection .imageCard img{width:100%;height:auto;display:block}
.storySection .factBox{background:linear-gradient(145deg,#F0FBA0 0%,#f0fba04d 100%);padding:2rem;border-radius:20px;border:2px solid #1a1b8d1a}
.storySection .factBox .factTitle{font-size:1.3rem;color:#1A1B8D;margin:0 0 1rem;font-weight:700}
.storySection .factBox .factList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}
.storySection .factBox .factList li{font-size:1rem;color:#333;padding-left:1.5rem;position:relative}
.storySection .factBox .factList li::before{content:'';position:absolute;left:0;top:.5rem;width:8px;height:8px;background:#F062BD;border-radius:50%}
.teamShowcase{max-width:1440px;margin:0 auto 6rem;padding:4rem 2rem;background:linear-gradient(180deg,#f0fba026 0%,#fff0 100%);border-radius:32px}
.teamShowcase .headerArea{text-align:center;margin-bottom:4rem}
.teamShowcase .headerArea .mainHeading{font-size:2.8rem;color:#1A1B8D;margin:0 0 1rem;font-weight:700}
.teamShowcase .headerArea .supportText{font-size:1.15rem;color:#555;margin:0;line-height:1.6}
.teamShowcase .membersGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1000px;margin:0 auto}
.teamShowcase .memberCard{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;gap:1.5rem;transition:transform 0.3s,box-shadow .3s}
.teamShowcase .memberCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}
.teamShowcase .memberCard .photoArea{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #F0FBA0;margin:0 auto}
.teamShowcase .memberCard .photoArea img{width:100%;height:100%;object-fit:cover}
.teamShowcase .memberCard .infoArea{text-align:center}
.teamShowcase .memberCard .infoArea .memberName{font-size:1.5rem;color:#1A1B8D;margin:0 0 .5rem;font-weight:700}
.teamShowcase .memberCard .infoArea .roleLabel{font-size:1rem;color:#F062BD;margin:0 0 1rem;font-weight:600}
.teamShowcase .memberCard .infoArea .bioText{font-size:.95rem;color:#666;line-height:1.6;margin:0}
.teamShowcase .statsArea{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;padding-top:3rem;border-top:2px solid #1a1b8d1a}
.teamShowcase .statsArea .statBox{text-align:center}
.teamShowcase .statsArea .statBox .statNumber{font-size:3rem;color:#F062BD;font-weight:700;margin:0 0 .5rem;line-height:1}
.teamShowcase .statsArea .statBox .statLabel{font-size:1rem;color:#555;margin:0}
@media (max-width: 1366px) {
.heroAbout .mainTitle{font-size:3rem}
.storySection .sectionHeading{font-size:2.2rem}
.teamShowcase .headerArea .mainHeading{font-size:2.4rem}
}
@media (max-width: 768px) {
.heroAbout{padding:3rem 1.5rem;margin-bottom:4rem}
.heroAbout .innerWrap{flex-direction:column;gap:2rem}
.heroAbout .mainTitle{font-size:2.2rem}
.heroAbout .subText{font-size:1.1rem}
.heroAbout .imgWrap{transform:rotate(-2deg)}
.storySection{margin-bottom:4rem;padding:0 1.5rem}
.storySection .contentGrid{grid-template-columns:1fr;gap:2.5rem}
.storySection .sectionHeading{font-size:1.9rem}
.teamShowcase{padding:3rem 1.5rem;margin-bottom:4rem}
.teamShowcase .headerArea .mainHeading{font-size:2rem}
.teamShowcase .membersGrid{grid-template-columns:1fr;gap:2rem}
.teamShowcase .statsArea{grid-template-columns:1fr;gap:1.5rem}
.teamShowcase .statsArea .statBox .statNumber{font-size:2.5rem}
}
@media (max-width: 375px) {
.heroAbout .mainTitle{font-size:1.9rem}
.heroAbout .ctaBtn{padding:.9rem 2rem;font-size:.95rem}
.storySection .sectionHeading{font-size:1.7rem}
.teamShowcase .headerArea .mainHeading{font-size:1.8rem}
.teamShowcase .memberCard{padding:2rem}
}
.mainContent{max-width:1440px;margin:0 auto;background:#FAFBFD}
.heroBlock{display:flex;align-items:center;gap:60px;padding:80px 40px;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}
.heroBlock::before{content:'';position:absolute;width:380px;height:380px;background:linear-gradient(135deg,#F062BD 0%,#1A1B8D 100%);opacity:.08;border-radius:50%;top:-120px;right:-80px;z-index:0}
.heroBlock .textContent{flex:1;position:relative;z-index:1}
.heroBlock .mainHeading{font-size:48px;font-weight:700;line-height:1.2;color:#1A1B8D;margin:0 0 24px}
.heroBlock .mainHeading::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#F062BD,#F0FBA0);margin-bottom:20px;border-radius:2px}
.heroBlock .subText{font-size:18px;line-height:1.7;color:#4A5568;margin:0}
.heroBlock .imgWrapper{flex:0 0 420px;position:relative;z-index:1}
.heroBlock .imgWrapper .clippedImg{width:100%;height:480px;object-fit:cover;clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%);border-radius:24px;box-shadow:0 16px 48px #1a1b8d26;position:relative}
.heroBlock .imgWrapper::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 50%,#f062bd33 100%);clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%);border-radius:24px;pointer-events:none}
.programStages{background:#FFF;padding:90px 40px;position:relative}
.programStages::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#F062BD 30%,#1A1B8D 70%,transparent)}
.programStages .container-centered{max-width:1200px;margin:0 auto}
.programStages .sectionHeading{font-size:38px;font-weight:700;color:#1A1B8D;margin:0 0 16px;text-align:center}
.programStages .sectionIntro{font-size:17px;line-height:1.6;color:#5A6C7D;text-align:center;max-width:740px;margin:0 auto 60px}
.programStages .stagesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.programStages .stageCard{background:linear-gradient(135deg,#FFF 0%,#F9FAFB 100%);padding:40px 32px;border-radius:20px;border:2px solid #E8EBF0;position:relative;transition:all .3s ease}
.programStages .stageCard:hover{transform:translateY(-6px);border-color:#F062BD;box-shadow:0 12px 32px #f062bd26}
.programStages .stageCard .stageNumber{position:absolute;top:-18px;left:28px;width:44px;height:44px;background:linear-gradient(135deg,#F062BD,#1A1B8D);color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 12px #f062bd4d}
.programStages .stageCard .cardTitle{font-size:22px;font-weight:700;color:#1A1B8D;margin:12px 0 16px}
.programStages .stageCard .cardDescription{font-size:15px;line-height:1.7;color:#5A6C7D;margin:0 0 20px}
.programStages .stageCard .cardList{list-style:none;padding:0;margin:0}
.programStages .stageCard .cardList li{font-size:14px;color:#4A5568;padding:8px 0 8px 28px;position:relative}
.programStages .stageCard .cardList li::before{content:'→';position:absolute;left:0;color:#F062BD;font-weight:700}
.skillsModule{background:linear-gradient(135deg,#F9FAFB 0%,#FFF 100%);padding:80px 40px}
.skillsModule .contentWrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.skillsModule .leftColumn h2{font-size:36px;font-weight:700;color:#1A1B8D;margin:0 0 28px;position:relative;padding-left:20px}
.skillsModule .leftColumn h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:40px;background:linear-gradient(180deg,#F062BD,#1A1B8D);border-radius:3px}
.skillsModule .leftColumn .mainParagraph{font-size:16px;line-height:1.8;color:#4A5568;margin:0 0 24px}
.skillsModule .leftColumn .imageBox{width:100%;height:340px;border-radius:28px;overflow:hidden;box-shadow:0 8px 28px #1a1b8d1f;margin-top:32px}
.skillsModule .leftColumn .imageBox img{width:100%;height:100%;object-fit:cover}
.skillsModule .rightColumn .skillItem{background:#FFF;padding:28px 32px;border-radius:16px;margin-bottom:20px;border-left:4px solid #E8EBF0;transition:all .3s ease}
.skillsModule .rightColumn .skillItem:hover{border-left-color:#F062BD;box-shadow:0 6px 20px #f062bd1a;transform:translateX(4px)}
.skillsModule .rightColumn .skillItem h3{font-size:20px;font-weight:700;color:#1A1B8D;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.skillsModule .rightColumn .skillItem h3::before{content:'';width:8px;height:8px;background:#F062BD;border-radius:50%;flex-shrink:0}
.skillsModule .rightColumn .skillItem p{font-size:15px;line-height:1.7;color:#5A6C7D;margin:0}
.instructorSection{padding:90px 40px;background:#FFF;position:relative;overflow:hidden}
.instructorSection::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#f0fba026,transparent 70%);top:-200px;left:-150px;pointer-events:none}
.instructorSection .innerWrapper{max-width:1100px;margin:0 auto;position:relative;z-index:1}
.instructorSection h2{font-size:36px;font-weight:700;color:#1A1B8D;margin:0 0 50px;text-align:center}
.instructorSection .instructorGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.instructorSection .instructorCard{display:flex;gap:32px;background:linear-gradient(135deg,#FAFBFD 0%,#FFF 100%);padding:36px;border-radius:24px;border:2px solid #E8EBF0;transition:all .3s ease}
.instructorSection .instructorCard:hover{border-color:#F062BD;box-shadow:0 10px 36px #1a1b8d1a}
.instructorSection .instructorCard .photoWrapper{flex:0 0 140px}
.instructorSection .instructorCard .photoWrapper img{width:140px;height:140px;border-radius:20px;object-fit:cover;box-shadow:0 6px 20px #1a1b8d26}
.instructorSection .instructorCard .infoSection h3{font-size:24px;font-weight:700;color:#1A1B8D;margin:0 0 8px}
.instructorSection .instructorCard .infoSection .role{font-size:15px;color:#F062BD;font-weight:600;margin:0 0 16px}
.instructorSection .instructorCard .infoSection .bio{font-size:15px;line-height:1.7;color:#5A6C7D;margin:0}
.enrollmentBlock{background:linear-gradient(135deg,#1A1B8D 0%,#2A2BAD 100%);padding:90px 40px;position:relative;overflow:hidden}
.enrollmentBlock::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#f062bd26,transparent 60%);top:-300px;right:-200px}
.enrollmentBlock::after{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#f0fba01a,transparent 60%);bottom:-150px;left:-100px}
.enrollmentBlock .enrollContent{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}
.enrollmentBlock h2{font-size:42px;font-weight:700;color:#FFF;margin:0 0 24px}
.enrollmentBlock .enrollText{font-size:18px;line-height:1.7;color:#ffffffe6;margin:0 0 40px;max-width:700px;margin-left:auto;margin-right:auto}
.enrollmentBlock .featureRow{display:flex;justify-content:center;gap:50px;margin-bottom:50px}
.enrollmentBlock .featureItem{display:flex;align-items:center;gap:12px;color:#FFF;font-size:16px}
.enrollmentBlock .featureItem::before{content:'✓';width:28px;height:28px;background:#f062bd4d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#F0FBA0;flex-shrink:0}
.enrollmentBlock .ctaButton{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#F062BD,#F0FBA0);color:#1A1B8D;font-size:18px;font-weight:700;text-decoration:none;border-radius:28px;transition:all .3s ease;box-shadow:0 8px 24px #f062bd4d;position:relative;z-index:10}
.enrollmentBlock .ctaButton:hover{transform:translateY(-3px);box-shadow:0 12px 32px #f062bd66}
@media (max-width: 1366px) {
.heroBlock{gap:50px;padding:70px 30px}
.heroBlock .imgWrapper{flex:0 0 380px}
.heroBlock .imgWrapper .clippedImg{height:440px}
.programStages .stagesGrid{gap:28px}
.skillsModule .contentWrapper{gap:50px}
}
@media (max-width: 768px) {
.heroBlock{flex-direction:column;padding:50px 20px;gap:40px}
.heroBlock .mainHeading{font-size:36px}
.heroBlock .imgWrapper{flex:0 0 auto;width:100%}
.heroBlock .imgWrapper .clippedImg{height:360px}
.programStages{padding:60px 20px}
.programStages .sectionHeading{font-size:30px}
.programStages .stagesGrid{grid-template-columns:1fr;gap:32px}
.skillsModule{padding:60px 20px}
.skillsModule .contentWrapper{grid-template-columns:1fr;gap:40px}
.instructorSection{padding:60px 20px}
.instructorSection .instructorGrid{grid-template-columns:1fr;gap:32px}
.instructorSection .instructorCard{flex-direction:column;align-items:center;text-align:center}
.enrollmentBlock{padding:60px 20px}
.enrollmentBlock h2{font-size:32px}
.enrollmentBlock .featureRow{flex-direction:column;gap:20px;align-items:center}
}
@media (max-width: 375px) {
.heroBlock .mainHeading{font-size:28px}
.heroBlock .subText{font-size:16px}
.programStages .sectionHeading{font-size:26px}
.programStages .stageCard{padding:32px 24px}
.enrollmentBlock h2{font-size:28px}
.enrollmentBlock .ctaButton{padding:16px 36px;font-size:16px}
}
.heroSectionWrap{position:relative;min-height:500px;display:flex;align-items:center;overflow:hidden;margin-bottom:80px}
.geometryBg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#F062BD 0%,#1A1B8D 55%,#F0FBA0 100%);z-index:1}
.geometryBg::before{content:'';position:absolute;top:-20%;right:-10%;width:60%;height:140%;background:#f0fba026;transform:rotate(-15deg);border-radius:24px}
.geometryBg::after{content:'';position:absolute;bottom:-30%;left:-5%;width:50%;height:120%;background:#1a1b8d33;transform:rotate(25deg);border-radius:32px}
.heroInner{position:relative;z-index:2;max-width:1440px;width:90%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px 0}
.heroTxt h1{font-size:3.2rem;color:#fff;line-height:1.15;margin:0;text-shadow:2px 4px 8px #00000040}
.heroImgWrapper{position:relative}
.heroImgClip{position:relative;border-radius:28px;overflow:hidden;box-shadow:4px 6px 0 #0000004d}
.heroImgClip img{width:100%;height:auto;display:block;object-fit:cover}
.heroImgClip::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 70% 30%,transparent 30%,#0006 100%);pointer-events:none}
.gazeArrow{position:absolute;bottom:-35px;right:-40px;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:50px solid #F062BD;transform:rotate(45deg);filter:drop-shadow(2px 2px 4px #0003)}
.contentMastery{background:#f9f9f9;padding:90px 0}
.contentMasteryInner{max-width:1440px;width:90%;margin:0 auto}
.cmTitle{text-align:center;margin-bottom:60px}
.cmTitle h2{font-size:2.4rem;color:#1A1B8D;margin:0 0 20px;position:relative;display:inline-block}
.cmTitle h2::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#F062BD 0%,#1A1B8D 100%);border-radius:2px}
.cmTitle p{font-size:1.1rem;color:#555;line-height:1.6;max-width:700px;margin:20px auto 0}
.cmGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.cmCard{background:#fff;border-radius:20px;padding:40px 30px;box-shadow:3px 5px 0 #1a1b8d26;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}
.cmCard:hover{transform:translateY(-8px);box-shadow:5px 8px 0 #f062bd40;border-color:#F062BD}
.cmCard .icnHolder{width:70px;height:70px;background:linear-gradient(135deg,#F062BD 0%,#1A1B8D 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}
.cmCard .icnHolder svg{width:36px;height:36px;fill:#fff}
.cmCard h3{font-size:1.5rem;color:#1A1B8D;margin:0 0 15px}
.cmCard p{font-size:1rem;color:#666;line-height:1.7;margin:0}
.learningEfficiency{padding:90px 0;background:#fff}
.leInner{max-width:1440px;width:90%;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:70px;align-items:center}
.leVisualsBlock{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.leImgBox{border-radius:24px;overflow:hidden;position:relative;box-shadow:4px 4px 0 #1a1b8d1f}
.leImgBox img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .4s ease}
.leImgBox:hover img{transform:scale(1.08)}
.leImgBox.tall{grid-row:span 2}
.leImgBox.tall img{height:100%}
.leContent h2{font-size:2.3rem;color:#1A1B8D;margin:0 0 30px;line-height:1.25}
.leContent h2::after{content:'';display:block;width:60px;height:5px;background:#F062BD;margin-top:15px;border-radius:3px}
.leContent p{font-size:1.05rem;color:#555;line-height:1.75;margin:0 0 25px}
.leStepsWrap{margin-top:35px}
.leStepItem{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px;padding:20px;background:#f9f9f9;border-radius:16px;border-left:5px solid #F062BD;transition:background .3s ease}
.leStepItem:hover{background:#f0f0f0}
.stepNum{min-width:50px;height:50px;background:linear-gradient(135deg,#1A1B8D 0%,#F062BD 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;box-shadow:2px 3px 0 #00000026}
.stepTxt h4{font-size:1.2rem;color:#1A1B8D;margin:0 0 8px}
.stepTxt p{font-size:.95rem;color:#666;margin:0;line-height:1.6}
.professionalConnect{background:linear-gradient(180deg,#1A1B8D 0%,#F062BD 100%);padding:100px 0;position:relative;overflow:hidden}
.professionalConnect::before{content:'';position:absolute;top:-15%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#f0fba040 0%,transparent 70%);border-radius:50%}
.professionalConnect::after{content:'';position:absolute;bottom:-20%;right:-8%;width:450px;height:450px;background:radial-gradient(circle,#f062bd33 0%,transparent 70%);border-radius:50%}
.pcInner{max-width:1440px;width:90%;margin:0 auto;position:relative;z-index:2}
.pcHeader{text-align:center;margin-bottom:60px}
.pcHeader h2{font-size:2.5rem;color:#fff;margin:0 0 20px}
.pcHeader p{font-size:1.15rem;color:#ffffffe6;line-height:1.7;max-width:650px;margin:0 auto}
.pcInteractiveGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.pcInteractBox{background:#fffffff2;border-radius:24px;padding:45px 35px;box-shadow:5px 7px 0 #0003;position:relative}
.pcInteractBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#F062BD 0%,#F0FBA0 100%);border-radius:24px 24px 0 0}
.pcBoxTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.pcBoxTop h3{font-size:1.4rem;color:#1A1B8D;margin:0}
.pcToggle{position:relative;width:60px;height:32px}
.pcToggle input{opacity:0;width:0;height:0}
.toggleSlider{position:absolute;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:32px;cursor:pointer;transition:background .3s ease}
.toggleSlider::before{content:'';position:absolute;height:24px;width:24px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:transform .3s ease}
.pcToggle input:checked + .toggleSlider{background:#F062BD}
.pcToggle input:checked + .toggleSlider::before{transform:translateX(28px)}
.pcDetails{display:none}
.pcToggle input:checked ~ .pcDetails{display:block;animation:fadeSlideIn .4s ease}
@keyframes fadeSlideIn {
from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}
.pcDetails p{font-size:1rem;color:#555;line-height:1.7;margin:0 0 20px}
.pcMetrics{display:flex;gap:30px;margin-top:25px}
.metricItem{flex:1}
.metricBar{width:100%;height:10px;background:#e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:10px;position:relative}
.metricFill{height:100%;background:linear-gradient(90deg,#F062BD 0%,#1A1B8D 100%);border-radius:8px;transition:width .6s ease}
.metricLabel{font-size:.85rem;color:#666;display:flex;justify-content:space-between}
.pcCta{text-align:center;margin-top:50px}
.pcCta .btn{display:inline-block;background:#fff;color:#1A1B8D;padding:18px 50px;border-radius:28px;font-size:1.1rem;font-weight:600;text-decoration:none;box-shadow:4px 6px 0 #00000040;transition:transform .3s ease,box-shadow .3s ease}
.pcCta .btn:hover{transform:translateY(-4px);box-shadow:6px 10px 0 #0000004d}
@media (max-width: 1366px) {
.heroInner{gap:40px}
.heroTxt h1{font-size:2.8rem}
.cmGrid{gap:35px}
.leInner{gap:50px}
}
@media (max-width: 768px) {
.heroInner{grid-template-columns:1fr;gap:40px;padding:60px 0}
.heroTxt h1{font-size:2.2rem;text-align:center}
.gazeArrow{display:none}
.cmGrid{grid-template-columns:1fr;gap:30px}
.cmTitle h2{font-size:2rem}
.leInner{grid-template-columns:1fr;gap:40px}
.leVisualsBlock{grid-template-columns:1fr}
.leImgBox.tall{grid-row:span 1}
.leImgBox.tall img{height:280px}
.leContent h2{font-size:1.9rem}
.pcInteractiveGrid{grid-template-columns:1fr;gap:30px}
.pcHeader h2{font-size:2rem}
.pcMetrics{flex-direction:column;gap:20px}
}
@media (max-width: 375px) {
.heroTxt h1{font-size:1.8rem}
.cmTitle h2{font-size:1.7rem}
.cmCard{padding:30px 20px}
.leContent h2{font-size:1.6rem}
.pcHeader h2{font-size:1.7rem}
.pcInteractBox{padding:35px 25px}
}
.pgHero{position:relative;background:linear-gradient(135deg,#F0FBA0 0%,#1A1B8D 55%,#F062BD 100%);padding:80px 20px 100px;overflow:hidden}
.pgHero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,#f062bd33 0%,transparent 50%),radial-gradient(circle at 80% 30%,#f0fba026 0%,transparent 40%);pointer-events:none}
.pgHero .wrapCont{max-width:1440px;margin:0 auto;position:relative;z-index:2}
.pgHero .hdTxt{max-width:680px}
.pgHero .mainHd{font-size:3.2rem;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.15}
.pgHero .subline{font-size:1.25rem;color:#ffffffeb;line-height:1.6;margin:0 0 16px}
.pgHero .detailNote{font-size:1rem;color:#fffc;line-height:1.5}
.methodsBlock{background:#fefefe;padding:90px 20px}
.methodsBlock .centerWrap{max-width:1440px;margin:0 auto}
.methodsBlock .sectionLabel{font-size:.95rem;font-weight:600;color:#F062BD;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;text-align:center}
.methodsBlock .titleMain{font-size:2.4rem;font-weight:700;color:#1A1B8D;margin:0 0 48px;text-align:center;line-height:1.25}
.methodsBlock .channelGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:40px}
.methodsBlock .channelBox{background:#fff;border:2px solid #e8e8f2;border-radius:24px;padding:36px 28px;transition:all .3s ease;position:relative}
.methodsBlock .channelBox:hover{border-color:#F062BD;box-shadow:0 8px 24px #f062bd26;transform:translateY(-4px)}
.methodsBlock .channelBox .iconWrap{width:56px;height:56px;background:linear-gradient(135deg,#F062BD 0%,#1A1B8D 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.methodsBlock .channelBox .iconWrap .oi{color:#fff;font-size:1.5rem}
.methodsBlock .channelBox .channelHd{font-size:1.3rem;font-weight:700;color:#1A1B8D;margin:0 0 12px}
.methodsBlock .channelBox .channelLink{font-size:1.05rem;color:#4a4a6a;text-decoration:none;display:block;margin-bottom:8px;transition:color .2s ease}
.methodsBlock .channelBox .channelLink:hover{color:#F062BD}
.methodsBlock .channelBox .channelDesc{font-size:.95rem;color:#7a7a92;line-height:1.5;margin:12px 0 0}
.formArea{background:linear-gradient(168deg,#fafaff 0%,#f8f8fe 100%);padding:90px 20px}
.formArea .containBox{max-width:1440px;margin:0 auto}
.formArea .introBlock{max-width:720px;margin:0 auto 56px;text-align:center}
.formArea .introBlock .preHead{font-size:.9rem;font-weight:600;color:#F062BD;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px}
.formArea .introBlock .mainHead{font-size:2.2rem;font-weight:700;color:#1A1B8D;margin:0 0 20px;line-height:1.3}
.formArea .introBlock .descText{font-size:1.05rem;color:#5a5a72;line-height:1.6}
.formArea .formContainer{max-width:880px;margin:0 auto;background:#fff;border-radius:28px;box-shadow:0 4px 32px #1a1b8d14;padding:56px 48px}
.formArea .stepsIndicator{display:flex;justify-content:space-between;margin-bottom:48px;position:relative}
.formArea .stepsIndicator::before{content:'';position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e8e8f2;z-index:1}
.formArea .stepMark{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}
.formArea .stepMark .stepCircle{width:40px;height:40px;border-radius:50%;background:#e8e8f2;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-weight:700;color:#9a9aaa;margin-bottom:12px;transition:all .3s ease}
.formArea .stepMark.viewing .stepCircle{background:linear-gradient(135deg,#F062BD 0%,#1A1B8D 100%);color:#fff;box-shadow:0 4px 16px #f062bd4d}
.formArea .stepMark .stepLbl{font-size:.9rem;color:#7a7a92;font-weight:600}
.formArea .stepMark.viewing .stepLbl{color:#1A1B8D}
.formArea .formStage{display:none}
.formArea #step1Radio:checked ~ .formContainer #stage1,.formArea #step2Radio:checked ~ .formContainer #stage2,.formArea #step3Radio:checked ~ .formContainer #stage3{display:block}
.formArea #step1Radio:checked ~ .formContainer .stepsIndicator .stepMark:nth-child(1),.formArea #step2Radio:checked ~ .formContainer .stepsIndicator .stepMark:nth-child(2),.formArea #step3Radio:checked ~ .formContainer .stepsIndicator .stepMark:nth-child(3){opacity:1}
.formArea .stepContent .stageTitle{font-size:1.5rem;font-weight:700;color:#1A1B8D;margin:0 0 28px}
.formArea .inputRow{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.formArea .fieldGroup{display:flex;flex-direction:column}
.formArea .fieldGroup.fullSpan{grid-column:1 / -1}
.formArea .fieldGroup label{font-size:.95rem;font-weight:600;color:#3a3a52;margin-bottom:10px}
.formArea .fieldGroup input[type="text"],.formArea .fieldGroup input[type="tel"],.formArea .fieldGroup input[type="email"]{border:2px solid #e8e8f2;border-radius:16px;padding:14px 18px;font-size:1rem;color:#2a2a3a;transition:all .25s ease;background:#fafaff}
.formArea .fieldGroup input:focus{outline:none;border-color:#F062BD;background:#fff;box-shadow:0 0 0 4px #f062bd1a}
.formArea .navButtons{display:flex;justify-content:space-between;gap:16px;margin-top:36px}
.formArea .navButtons label{padding:14px 32px;border-radius:16px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent;text-align:center;flex:1}
.formArea .navButtons .btnPrev{background:#f5f5fa;color:#5a5a72;border-color:#e8e8f2}
.formArea .navButtons .btnPrev:hover{background:#ebebf5;border-color:#d8d8e8}
.formArea .navButtons .btnNext{background:linear-gradient(135deg,#F062BD 0%,#1A1B8D 100%);color:#fff;box-shadow:0 4px 16px #f062bd40}
.formArea .navButtons .btnNext:hover{box-shadow:0 6px 20px #f062bd59;transform:translateY(-2px)}
.formArea .radioHidden{position:absolute;opacity:0;pointer-events:none}
.formArea .privacyCheck{display:flex;align-items:flex-start;gap:12px;margin-top:32px;padding:20px;background:#fafaff;border-radius:16px}
.formArea .privacyCheck input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#F062BD}
.formArea .privacyCheck label{font-size:.95rem;color:#5a5a72;line-height:1.5;cursor:pointer}
.formArea .privacyCheck label a{color:#F062BD;text-decoration:underline}
.formArea .privacyCheck label a:hover{color:#1A1B8D}
.formArea .submitWrapper{margin-top:24px}
.formArea .submitWrapper button{width:100%;padding:16px;background:linear-gradient(135deg,#F062BD 0%,#1A1B8D 100%);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #f062bd40}
.formArea .submitWrapper button:hover{box-shadow:0 6px 24px #f062bd66;transform:translateY(-2px)}
.formArea .submitWrapper button:disabled{opacity:.5;cursor:not-allowed}
.locationBlock{background:#fff;padding:90px 20px}
.locationBlock .innerWrap{max-width:1440px;margin:0 auto}
.locationBlock .contentSplit{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.locationBlock .textSide .labelTop{font-size:.9rem;font-weight:600;color:#F062BD;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px}
.locationBlock .textSide .headingMain{font-size:2.2rem;font-weight:700;color:#1A1B8D;margin:0 0 24px;line-height:1.3}
.locationBlock .textSide .descPara{font-size:1.05rem;color:#5a5a72;line-height:1.65;margin:0 0 32px}
.locationBlock .addressDetails{background:linear-gradient(135deg,#fafaff 0%,#f5f5fa 100%);border-radius:24px;padding:32px;border:2px solid #e8e8f2}
.locationBlock .addressDetails .detailRow{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}
.locationBlock .addressDetails .detailRow:last-child{margin-bottom:0}
.locationBlock .addressDetails .detailRow .iconBox{width:40px;height:40px;background:linear-gradient(135deg,#F062BD 0%,#1A1B8D 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.locationBlock .addressDetails .detailRow .iconBox .oi{color:#fff;font-size:1.1rem}
.locationBlock .addressDetails .detailRow .textData{flex:1}
.locationBlock .addressDetails .detailRow .textData .dataLabel{font-size:.85rem;font-weight:600;color:#7a7a92;margin:0 0 6px;text-transform:uppercase;letter-spacing:.05em}
.locationBlock .addressDetails .detailRow .textData .dataValue{font-size:1.05rem;color:#2a2a3a;font-weight:600;line-height:1.5}
.locationBlock .addressDetails .detailRow .textData .dataValue a{color:#2a2a3a;text-decoration:none;transition:color .2s ease}
.locationBlock .addressDetails .detailRow .textData .dataValue a:hover{color:#F062BD}
.locationBlock .imageSide{position:relative}
.locationBlock .imageSide .imgFrame{width:100%;height:520px;border-radius:28px;overflow:hidden;box-shadow:0 8px 32px #1a1b8d1f;position:relative}
.locationBlock .imageSide .imgFrame img{width:100%;height:100%;object-fit:cover;filter:blur(1px);opacity:.95}
.locationBlock .imageSide .imgFrame::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#1a1b8d1a 0%,#f062bd26 100%)}
@media (max-width: 1366px) {
.pgHero .mainHd{font-size:2.8rem}
.methodsBlock .titleMain,.formArea .introBlock .mainHead,.locationBlock .textSide .headingMain{font-size:2rem}
}
@media (max-width: 768px) {
.pgHero{padding:60px 20px 80px}
.pgHero .mainHd{font-size:2.2rem}
.pgHero .subline{font-size:1.1rem}
.methodsBlock,.formArea,.locationBlock{padding:60px 20px}
.methodsBlock .titleMain,.formArea .introBlock .mainHead,.locationBlock .textSide .headingMain{font-size:1.75rem}
.methodsBlock .channelGrid{grid-template-columns:1fr;gap:24px}
.formArea .formContainer{padding:40px 28px}
.formArea .stepsIndicator::before{left:40px;right:40px}
.formArea .stepMark .stepLbl{font-size:.8rem}
.formArea .inputRow{grid-template-columns:1fr;gap:20px}
.formArea .navButtons{flex-direction:column}
.locationBlock .contentSplit{grid-template-columns:1fr;gap:48px}
.locationBlock .imageSide .imgFrame{height:380px}
}
@media (max-width: 375px) {
.pgHero .mainHd{font-size:1.9rem}
.methodsBlock .titleMain,.formArea .introBlock .mainHead,.locationBlock .textSide .headingMain{font-size:1.5rem}
.formArea .formContainer{padding:32px 20px}
.formArea .stepsIndicator{margin-bottom:36px}
.formArea .stepMark .stepCircle{width:36px;height:36px}
}
.successMain{background:linear-gradient(175deg,#f8f9fa 0%,#fff 40%,#fef8fc 100%);min-height:85vh;display:flex;align-items:center;padding:3rem 1.5rem}
.confirmationBox{max-width:780px;margin:0 auto;width:100%}
.msgBlock{background:#fff;border-radius:28px;padding:4rem 3rem;box-shadow:0 6px 24px #1a1b8d14;text-align:center;position:relative;overflow:hidden}
.msgBlock::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#f062bd08 0%,transparent 70%);animation:slowRotate 25s linear infinite}
@keyframes slowRotate {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.iconCircle{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#F062BD 0%,#1A1B8D 100%);margin:0 auto 2.5rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 4px 16px #f062bd40}
.iconCircle .oi{font-size:3.2rem;color:#fff}
.msgBlock h1{font-size:2.2rem;color:#1A1B8D;margin-bottom:1.2rem;font-weight:700;position:relative;z-index:2}
.msgBlock .confirmTxt{font-size:1.15rem;color:#4a5568;line-height:1.7;margin-bottom:2.8rem;position:relative;z-index:2}
.msgBlock .confirmTxt strong{color:#F062BD;font-weight:600}
.actionBtns{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.btnPrimary{background:linear-gradient(135deg,#F062BD 0%,#1A1B8D 100%);color:#fff;padding:1rem 2.5rem;border-radius:24px;text-decoration:none;font-weight:600;font-size:1.05rem;box-shadow:0 4px 12px #f062bd4d;transition:all .3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem}
.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f062bd66;color:#fff}
.btnSecondary{background:transparent;color:#1A1B8D;padding:1rem 2.5rem;border-radius:24px;text-decoration:none;font-weight:600;font-size:1.05rem;border:2px solid #1A1B8D;transition:all .3s ease;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem}
.btnSecondary:hover{background:#1A1B8D;color:#fff;transform:translateY(-2px)}
.infoSection{max-width:1200px;margin:5rem auto 0;padding:0 1.5rem}
.detailsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.infoCard{background:#fff;border-radius:20px;padding:2.2rem 1.8rem;box-shadow:0 3px 14px #1a1b8d0f;border-left:5px solid #F062BD;transition:all .3s ease}
.infoCard:hover{transform:translateY(-4px);box-shadow:0 6px 20px #1a1b8d1f}
.infoCard .cardIcon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#f062bd26 0%,#1a1b8d26 100%);display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem}
.infoCard .cardIcon .oi{font-size:1.6rem;color:#1A1B8D}
.infoCard h3{font-size:1.35rem;color:#1A1B8D;margin-bottom:.8rem;font-weight:700}
.infoCard .cardDesc{font-size:1rem;color:#5a6c7d;line-height:1.6}
.infoCard a{color:#F062BD;text-decoration:none;font-weight:600;transition:color .3s ease}
.infoCard a:hover{color:#1A1B8D}
@media (max-width: 768px) {
.successMain{padding:2rem 1rem}
.msgBlock{padding:3rem 1.8rem;border-radius:24px}
.msgBlock h1{font-size:1.75rem}
.msgBlock .confirmTxt{font-size:1.05rem}
.iconCircle{width:90px;height:90px;margin-bottom:2rem}
.iconCircle .oi{font-size:2.6rem}
.actionBtns{flex-direction:column;gap:1rem}
.btnPrimary,.btnSecondary{width:100%;justify-content:center;padding:.9rem 2rem}
.infoSection{margin-top:3rem}
.detailsGrid{grid-template-columns:1fr;gap:1.5rem}
.infoCard{padding:1.8rem 1.5rem}
}
@media (min-width: 769px) and (max-width: 1366px) {
.msgBlock{padding:3.5rem 2.5rem}
.detailsGrid{grid-template-columns:repeat(2,1fr)}
}