html,body{margin:0;padding:0;box-sizing:border-box}
*,::before,::after{box-sizing:inherit}
body{font-family:'Oxygen',sans-serif;background:linear-gradient(157deg,#0a0f0d 0%,#1a1410 50%,#120a1f 100%);color:#e8e8e8;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.headerWrapper{max-width:1140px;margin:0 auto;padding:0 20px}
.topRow{display:grid;grid-template-columns:280px 1fr;gap:60px;padding:30px 0;border-bottom:1px solid #b35c0533;align-items:start}
.brandStack{display:flex;flex-direction:column;gap:12px}
.logoContainer{width:110px;height:110px}
.siteLogo{width:100%;height:100%;object-fit:contain;background:#0f442f26;padding:12px;border-radius:4px;box-shadow:0 2px 8px #734be733}
.companyTitle{font-size:26px;font-weight:700;letter-spacing:.5px}
.brandLink{color:#e8e8e8;text-decoration:none;transition:color .2s ease-in}
.brandLink:hover{color:#B45C05}
.navColumn{display:flex;flex-direction:column;gap:20px;padding-top:8px}
.mainNavigation{border:1px solid #734be740;background:#0f442f14;border-radius:3px;padding:15px 20px}
.navList{list-style:none;margin:0;padding:0;display:flex;gap:28px;flex-wrap:wrap}
.navList li{margin:0}
.navList a{color:#e8e8e8;text-decoration:none;font-size:15px;transition:color .2s ease-in;padding:6px 0;display:inline-block}
.navList a:hover{color:#B45C05}
.contactDetails{display:flex;gap:35px;flex-wrap:wrap;padding:10px 20px}
.contactItem{display:flex;align-items:center;gap:10px;font-size:14px}
.contactItem i{color:#734BE7;font-size:13px}
.contactItem a{color:#e8e8e8;text-decoration:none;transition:color .2s ease-in}
.contactItem a:hover{color:#B45C05}
.footerWrapper{background:linear-gradient(172deg,#0F442F 0%,#1a1a1a 100%);border-top:1px solid #b35c054d}
.footerTop{max-width:1140px;margin:0 auto;padding:50px 20px 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.footerBlock{display:flex;flex-direction:column;gap:18px}
.footerHeading{font-size:18px;font-weight:700;color:#e8e8e8;margin:0 0 8px;padding-bottom:10px;border-bottom:2px solid #734BE7}
.footerContact{display:flex;flex-direction:column;gap:12px}
.contactLine{margin:0;font-size:14px;display:flex;align-items:center;gap:10px}
.contactLine i{color:#B45C05;font-size:13px;min-width:16px}
.contactLine a{color:#e8e8e8;text-decoration:none;transition:color .2s ease-in}
.contactLine a:hover{color:#734BE7}
.footerLinks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.footerLinks a{color:#e8e8e8;text-decoration:none;font-size:14px;transition:color .2s ease-in}
.footerLinks a:hover{color:#B45C05}
.officeList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.officeList li{font-size:14px;padding-left:18px;position:relative}
.officeList li::before{content:'•';position:absolute;left:0;color:#734BE7;font-weight:700}
.footerBottom{max-width:1140px;margin:0 auto;padding:20px 20px 25px;border-top:1px solid #734be726}
.copyrightText{margin:0;font-size:13px;color:#b8b8b8;text-align:center}
.cookiePanel{display:none;position:fixed;left:0;top:50%;transform:translateY(-50%) translateX(-100%);width:420px;max-width:90vw;background:linear-gradient(135deg,#0F442F 0%,#1a1a1a 100%);border:2px solid #734be766;border-left:none;border-radius:0 6px 6px 0;box-shadow:4px 4px 16px #0009;z-index:9999;transition:transform .3s ease-in}
.cookiePanel.showing{transform:translateY(-50%) translateX(0)}
.cookiePanelContent{padding:28px 26px}
.cookieHeading{margin:0 0 14px;font-size:22px;font-weight:700;color:#e8e8e8}
.cookieText{margin:0 0 20px;font-size:14px;line-height:1.5;color:#d0d0d0}
.cookieCategories{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}
.cookieCategory{background:#0f442f26;padding:12px 14px;border-radius:4px;border:1px solid #b35c0533}
.categoryLabel{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:6px}
.categoryCheckbox{width:18px;height:18px;cursor:pointer}
.categoryName{font-weight:700;font-size:15px;color:#e8e8e8}
.categoryDesc{margin:0;font-size:13px;color:#b8b8b8;padding-left:28px}
.dataSaleOption{background:#734be71f;padding:14px;border-radius:4px;margin-bottom:22px;border:1px solid #734be74d}
.saleLabel{display:flex;align-items:center;gap:10px;cursor:pointer}
.saleCheckbox{width:18px;height:18px;cursor:pointer}
.saleName{font-size:14px;color:#e8e8e8}
.cookieActions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.cookieBtn{flex:1;min-width:120px;padding:12px 18px;border-radius:50px;border:none;font-family:'Oxygen',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease-in}
.acceptBtn{background:linear-gradient(145deg,#0F442F 0%,#1a5c3f 100%);color:#e8e8e8}
.acceptBtn:hover{background:linear-gradient(145deg,#1a5c3f 0%,#0F442F 100%);box-shadow:0 4px 12px #0f442f66}
.declineBtn{background:linear-gradient(145deg,#B45C05 0%,#d47010 100%);color:#e8e8e8}
.declineBtn:hover{background:linear-gradient(145deg,#d47010 0%,#B45C05 100%);box-shadow:0 4px 12px #b45c0566}
.saveBtn{background:linear-gradient(145deg,#734BE7 0%,#8d65f0 100%);color:#e8e8e8}
.saveBtn:hover{background:linear-gradient(145deg,#8d65f0 0%,#734BE7 100%);box-shadow:0 4px 12px #734be766}
.cookieInfo{margin:0;font-size:12px;color:#a8a8a8;line-height:1.4}
.cookieInfo a{color:#734BE7;text-decoration:none}
.cookieInfo a:hover{color:#B45C05;text-decoration:underline}
@media (max-width: 900px) {
.topRow{grid-template-columns:1fr;gap:30px}
.brandStack{flex-direction:row;align-items:center;gap:18px}
.logoContainer{width:80px;height:80px}
.navList{gap:18px}
.contactDetails{flex-direction:column;gap:12px;padding:10px 0}
.footerTop{grid-template-columns:1fr;gap:35px}
.cookiePanel{width:95vw;left:50%;top:auto;bottom:0;transform:translateX(-50%) translateY(100%);border-radius:6px 6px 0 0;border:2px solid #734be766}
.cookiePanel.showing{transform:translateX(-50%) translateY(0)}
}
@media (max-width: 600px) {
.navList{flex-direction:column;gap:10px}
.cookieActions{flex-direction:column}
.cookieBtn{width:100%}
}
.policy-view{max-width:1140px;margin:0 auto;padding:60px 20px;background:linear-gradient(158deg,#0a0a0a 0%,#1a1a1a 100%);color:#e8e8e8}
.policy-view p{font-size:16px;line-height:1.8;margin:0 0 24px;color:#d4d4d4}
.policy-view p + p{margin-top:16px}
.policy-view ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.policy-view ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.policy-view li{font-size:16px;line-height:1.7;margin:0 0 12px;color:#d4d4d4}
.policy-view ul ul,.policy-view ol ol,.policy-view ul ol,.policy-view ol ul{margin:12px 0 0}
.policy-view li ul,.policy-view li ol{margin-bottom:0}
.policy-view em,.policy-view i{font-style:italic;color:#e8e8e8}
.policy-view a{color:#734BE7;text-decoration:none;border-bottom:1px solid #734be74d;transition:all .3s ease-in}
.policy-view a:hover{color:#9370f5;border-bottom-color:#9370f5}
.policy-view a:focus{outline:2px solid #734BE7;outline-offset:2px}
.policy-view table{width:100%;margin:0 0 32px;border-collapse:collapse;background:#0f442f1a;box-shadow:0 2px 8px #0000004d}
.policy-view thead{background:linear-gradient(135deg,#0F442F 0%,#0a2f20 100%)}
.policy-view thead tr{border-bottom:2px solid #B45C05}
.policy-view tbody tr{border-bottom:1px solid #734be726;transition:background .3s ease-in}
.policy-view tbody tr:hover{background:#734be714}
.policy-view th{font-size:15px;font-weight:600;text-align:left;padding:16px 20px;color:#fff}
.policy-view td{font-size:15px;padding:14px 20px;color:#d4d4d4;line-height:1.6}
.policy-view hr{margin:48px 0;border:none;height:1px;background:linear-gradient(90deg,transparent 0%,#734be74d 20%,#b45c0566 50%,#734be74d 80%,transparent 100%)}
.policy-view div{margin:0 0 24px}
.policy-view div p:last-child{margin-bottom:0}
@media (max-width: 768px) {
.policy-view{padding:40px 16px}
.policy-view p,.policy-view li{font-size:15px;line-height:1.75}
.policy-view ul,.policy-view ol{padding-left:24px}
.policy-view table{font-size:14px}
.policy-view th,.policy-view td{padding:12px 14px;font-size:14px}
.policy-view hr{margin:36px 0}
}
@media (max-width: 480px) {
.policy-view{padding:32px 12px}
.policy-view p,.policy-view li{font-size:14px}
.policy-view th,.policy-view td{padding:10px 12px;font-size:13px}
.policy-view table{display:block;overflow-x:auto}
}
.mainHero{position:relative;background:linear-gradient(127deg,#0F442F 0%,#1a5c42 48%,#B45C05 100%);padding:84px 0;overflow:hidden}
.mainHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#734be726 0%,transparent 70%);border-radius:50%}
.mainHero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:450px;height:450px;background:radial-gradient(circle,#b45c051f 0%,transparent 65%);border-radius:50%}
.heroContainer{max-width:1140px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.heroGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.heroText h1{font-size:52px;line-height:1.15;color:#fff;margin:0 0 24px;font-weight:700}
.heroText h1 span{display:block;color:#e8d4b8;font-size:44px;margin-top:12px}
.heroText p{font-size:19px;line-height:1.6;color:#ffffffe0;margin:0 0 32px}
.heroActions{display:flex;gap:16px;flex-wrap:wrap}
.heroActions a{padding:14px 32px;border-radius:4px;font-size:17px;text-decoration:none;transition:all .3s ease-in;font-weight:600}
.primaryBtn{background:#734BE7;color:#fff;box-shadow:0 4px 12px #734be74d}
.primaryBtn:hover{background:#5f3bc5;box-shadow:0 6px 16px #734be773;transform:translateY(-2px)}
.secondaryBtn{background:#ffffff26;color:#fff;border:2px solid #ffffff4d}
.secondaryBtn:hover{background:#ffffff40;border-color:#ffffff80}
.heroImage{position:relative}
.heroImage img{width:100%;height:420px;object-fit:cover;border-radius:6px;box-shadow:0 8px 24px #00000059;filter:brightness(0.95) contrast(1.05)}
.toolsSection{padding:96px 0;background:#0a0f14}
.toolsContainer{max-width:1140px;margin:0 auto;padding:0 20px}
.sectionHeader{text-align:center;margin-bottom:64px}
.sectionHeader h2{font-size:42px;color:#fff;margin:0 0 16px;font-weight:700}
.sectionHeader p{font-size:18px;line-height:1.6;color:#a8b2bc;max-width:720px;margin:0 auto}
.toolsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.toolCard{background:linear-gradient(145deg,#151d26 0%,#0f1519 100%);padding:36px 28px;border-radius:5px;border:1px solid #734be726;transition:all .3s ease-in}
.toolCard:hover{border-color:#734be766;transform:translateY(-4px);box-shadow:0 8px 20px #734be726}
.toolCard i{font-size:36px;color:#734BE7;margin-bottom:20px;display:block}
.toolCard h3{font-size:22px;color:#fff;margin:0 0 14px;font-weight:600}
.toolCard p{font-size:16px;line-height:1.65;color:#8b96a3;margin:0}
.comparisonSection{padding:88px 0;background:linear-gradient(168deg,#0F442F 0%,#1a5c42 100%);position:relative}
.comparisonContainer{max-width:1140px;margin:0 auto;padding:0 20px}
.comparisonWrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
.comparisonContent h2{font-size:38px;color:#fff;margin:0 0 24px;font-weight:700}
.comparisonContent p{font-size:17px;line-height:1.7;color:#ffffffd9;margin:0 0 32px}
.comparisonImage{position:relative}
.comparisonImage img{width:100%;height:380px;object-fit:cover;border-radius:5px;box-shadow:0 6px 18px #0000004d}
.advantagesList{display:flex;flex-direction:column;gap:18px}
.advantageItem{display:flex;align-items:start;gap:16px;background:#ffffff14;padding:18px 22px;border-radius:4px;border-left:3px solid #B45C05}
.advantageItem i{font-size:20px;color:#B45C05;margin-top:2px;flex-shrink:0}
.advantageItem div h4{font-size:18px;color:#fff;margin:0 0 8px;font-weight:600}
.advantageItem div p{font-size:15px;line-height:1.6;color:#ffffffbf;margin:0}
.careerSection{padding:92px 0;background:#0d1419}
.careerContainer{max-width:1140px;margin:0 auto;padding:0 20px}
.careerLayout{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center}
.careerVisual img{width:100%;height:420px;object-fit:cover;border-radius:5px;box-shadow:0 8px 22px #0006}
.careerContent h2{font-size:40px;color:#fff;margin:0 0 20px;font-weight:700}
.careerContent > p{font-size:17px;line-height:1.7;color:#a0abb7;margin:0 0 36px}
.progressPath{display:flex;flex-direction:column;gap:24px}
.pathStage{display:flex;gap:18px;align-items:start}
.stageNumber{width:48px;height:48px;background:linear-gradient(135deg,#734BE7 0%,#5837b8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #734be74d}
.stageInfo h3{font-size:20px;color:#fff;margin:0 0 10px;font-weight:600}
.stageInfo p{font-size:16px;line-height:1.65;color:#8d98a5;margin:0}
.directionsSection{padding:96px 0 104px;background:linear-gradient(142deg,#0a0f14 0%,#151d26 100%)}
.directionsContainer{max-width:1140px;margin:0 auto;padding:0 20px}
.directionsHeader{text-align:center;margin-bottom:58px}
.directionsHeader h2{font-size:42px;color:#fff;margin:0 0 18px;font-weight:700}
.directionsHeader p{font-size:18px;line-height:1.6;color:#a3aeba;max-width:680px;margin:0 auto}
.directionsDisplay{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.directionBox{background:linear-gradient(156deg,#1a2530 0%,#121920 100%);padding:0;border-radius:5px;overflow:hidden;border:1px solid #b45c052e;transition:all .3s ease-in;display:flex;flex-direction:column}
.directionBox:hover{border-color:#b45c0573;box-shadow:0 6px 18px #b45c051f;transform:translateY(-3px)}
.directionImage{width:100%;height:220px;overflow:hidden}
.directionImage img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in}
.directionBox:hover .directionImage img{transform:scale(1.05)}
.directionInfo{padding:32px 28px;flex-grow:1;display:flex;flex-direction:column}
.directionInfo h3{font-size:24px;color:#fff;margin:0 0 14px;font-weight:600}
.directionInfo p{font-size:16px;line-height:1.65;color:#90a0b0;margin:0 0 24px;flex-grow:1}
.skillTags{display:flex;flex-wrap:wrap;gap:10px}
.skillTag{background:#734be726;color:#c4b3f5;padding:6px 14px;border-radius:3px;font-size:14px;border:1px solid #734be740}
@media (max-width: 1024px) {
.heroGrid{grid-template-columns:1fr;gap:48px}
.heroText h1{font-size:44px}
.heroText h1 span{font-size:38px}
.toolsGrid{grid-template-columns:repeat(2,1fr)}
.comparisonWrapper{grid-template-columns:1fr;gap:44px}
.careerLayout{grid-template-columns:1fr;gap:42px}
.directionsDisplay{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.mainHero{padding:64px 0}
.heroText h1{font-size:36px}
.heroText h1 span{font-size:32px}
.heroText p{font-size:17px}
.heroActions{flex-direction:column}
.heroActions a{width:100%;text-align:center}
.heroImage img{height:320px}
.toolsSection{padding:72px 0}
.sectionHeader h2{font-size:34px}
.toolsGrid{grid-template-columns:1fr;gap:24px}
.comparisonSection{padding:68px 0}
.comparisonContent h2{font-size:32px}
.comparisonImage img{height:300px}
.careerSection{padding:72px 0}
.careerContent h2{font-size:34px}
.careerVisual img{height:340px}
.directionsSection{padding:72px 0 80px}
.directionsHeader h2{font-size:34px}
.directionImage{height:200px}
}
@media (max-width: 480px) {
.heroText h1{font-size:30px}
.heroText h1 span{font-size:26px}
.heroImage img{height:260px}
.sectionHeader h2{font-size:28px}
.sectionHeader p{font-size:16px}
.toolCard{padding:28px 22px}
.comparisonContent h2{font-size:28px}
.advantageItem{flex-direction:column;gap:12px}
.careerContent h2{font-size:28px}
.careerVisual img{height:280px}
.directionsHeader h2{font-size:28px}
.directionInfo h3{font-size:21px}
}
.contactWrapper{background:linear-gradient(142deg,#0a0d12 0%,#0F442F 100%);width:100%;margin:0;padding:0}
.heroContact{max-width:1140px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:repeat(12,1fr);gap:32px;align-items:center}
.heroContact .manifestoText{grid-column:1 / 7;color:#e8eef3}
.heroContact .manifestoText h1{font-size:48px;line-height:1.2;margin:0 0 24px;color:#fff;font-weight:700}
.heroContact .manifestoText .statementBlock{margin:20px 0}
.heroContact .manifestoText .statementBlock p{font-size:17px;line-height:1.7;margin:0 0 16px;color:#c5d4e1}
.heroContact .manifestoText .statementBlock p::before{content:"—";color:#B45C05;margin-right:8px;font-weight:700}
.heroContact .visualGrid{grid-column:7 / 13;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.heroContact .visualGrid .gradBox{aspect-ratio:1;border-radius:4px;position:relative;overflow:hidden}
.heroContact .visualGrid .gradBox::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f442fcc 0%,#b45c0599 100%);filter:blur(2px);z-index:1}
.heroContact .visualGrid .gradBox::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,#734be74d 0%,transparent 60%);z-index:2}
.heroContact .visualGrid .gradBox:nth-child(1){background:linear-gradient(218deg,#0F442F 0%,#1a5940 100%)}
.heroContact .visualGrid .gradBox:nth-child(2){background:linear-gradient(48deg,#B45C05 0%,#d67108 100%)}
.heroContact .visualGrid .gradBox:nth-child(3){background:linear-gradient(165deg,#734BE7 0%,#8f6cf0 100%)}
.heroContact .visualGrid .gradBox:nth-child(4){background:linear-gradient(92deg,#0F442F 0%,#B45C05 100%)}
.formSection{background:#0d1117;width:100%;padding:96px 0}
.formSection .formContainer{max-width:1140px;margin:0 auto;padding:0 24px}
.formSection .formIntro{max-width:740px;margin:0 auto 56px;text-align:center}
.formSection .formIntro h2{font-size:38px;line-height:1.3;margin:0 0 20px;color:#fff;font-weight:700}
.formSection .formIntro p{font-size:18px;line-height:1.6;color:#a8b9ca;margin:0}
.formSection .contactForm{max-width:680px;margin:0 auto;background:linear-gradient(128deg,#151b24 0%,#1a2331 100%);padding:48px;border-radius:6px;box-shadow:0 8px 24px #0006}
.formSection .contactForm .fieldGroup{margin-bottom:28px}
.formSection .contactForm .fieldGroup label{display:block;font-size:15px;font-weight:600;color:#d4dfe8;margin-bottom:8px}
.formSection .contactForm .fieldGroup input[type="text"],.formSection .contactForm .fieldGroup input[type="email"],.formSection .contactForm .fieldGroup input[type="tel"]{width:100%;padding:14px 16px;font-size:16px;border:2px solid #2a3340;border-radius:4px;background:#0d1117;color:#e8eef3;transition:border-color .25s ease-in}
.formSection .contactForm .fieldGroup input:focus{outline:none;border-color:#B45C05}
.formSection .contactForm .checkboxSection{margin-bottom:28px}
.formSection .contactForm .checkboxSection .sectionTitle{font-size:15px;font-weight:600;color:#d4dfe8;margin-bottom:16px;display:block}
.formSection .contactForm .checkboxSection .optionItem{margin-bottom:12px;display:flex;align-items:center}
.formSection .contactForm .checkboxSection .optionItem input[type="checkbox"]{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:#B45C05}
.formSection .contactForm .checkboxSection .optionItem label{font-size:16px;color:#c5d4e1;cursor:pointer;margin:0}
.formSection .contactForm .privacyConsent{margin-bottom:32px;display:flex;align-items:flex-start}
.formSection .contactForm .privacyConsent input[type="checkbox"]{width:20px;height:20px;margin-right:12px;margin-top:2px;cursor:pointer;accent-color:#B45C05;flex-shrink:0}
.formSection .contactForm .privacyConsent label{font-size:14px;line-height:1.6;color:#a8b9ca;cursor:pointer;margin:0}
.formSection .contactForm .privacyConsent label a{color:#B45C05;text-decoration:none;transition:color .25s ease-in}
.formSection .contactForm .privacyConsent label a:hover{color:#d67108}
.formSection .contactForm .submitBtn{width:100%;padding:16px 32px;font-size:17px;font-weight:700;color:#fff;background:linear-gradient(95deg,#B45C05 0%,#d67108 100%);border:none;border-radius:4px;cursor:pointer;transition:transform .25s ease-in,box-shadow .25s ease-in;box-shadow:0 4px 16px #b45c054d}
.formSection .contactForm .submitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b45c0573}
.formSection .contactForm .submitBtn:active{transform:translateY(0)}
.contactDetails{background:linear-gradient(215deg,#0F442F 0%,#0a2d1f 100%);padding:80px 0}
.contactDetails .detailsWrapper{max-width:1140px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.contactDetails .infoCard{background:#ffffff0d;padding:36px 28px;border-radius:4px;border-left:4px solid #B45C05;transition:transform .25s ease-in,box-shadow .25s ease-in}
.contactDetails .infoCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}
.contactDetails .infoCard .cardIcon{font-size:32px;color:#B45C05;margin-bottom:20px}
.contactDetails .infoCard h3{font-size:22px;color:#fff;margin:0 0 16px;font-weight:700}
.contactDetails .infoCard .detailLine{font-size:16px;line-height:1.7;color:#c5d4e1;margin:8px 0}
.contactDetails .infoCard .detailLine a{color:#c5d4e1;text-decoration:none;transition:color .25s ease-in}
.contactDetails .infoCard .detailLine a:hover{color:#B45C05}
@media (max-width: 992px) {
.heroContact{grid-template-columns:1fr;padding:60px 24px}
.heroContact .manifestoText{grid-column:1 / -1}
.heroContact .manifestoText h1{font-size:38px}
.heroContact .visualGrid{grid-column:1 / -1}
.contactDetails .detailsWrapper{grid-template-columns:1fr;gap:32px}
.formSection .contactForm{padding:36px 28px}
}
@media (max-width: 640px) {
.heroContact .manifestoText h1{font-size:32px}
.heroContact .manifestoText .statementBlock p{font-size:16px}
.heroContact .visualGrid{grid-template-columns:1fr}
.formSection{padding:64px 0}
.formSection .formIntro h2{font-size:30px}
.formSection .contactForm{padding:28px 20px}
.contactDetails{padding:60px 0}
}
.programHero{background:linear-gradient(127deg,#0F442F 0%,#1a5940 50%,#0F442F 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.programHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:linear-gradient(218deg,#734be726,transparent);border-radius:40% 60% 70% 30%;transform:rotate(25deg)}
.programHero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:450px;height:450px;background:linear-gradient(142deg,#b45c051f,transparent);border-radius:60% 40% 30% 70%}
.programHero .heroContent{max-width:1140px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.programHero .mainHeading{font-size:52px;color:#f4f4f4;font-weight:700;line-height:1.15;margin:0;max-width:680px}
.programHero .tagline{font-size:19px;color:#d1d1d1;line-height:1.6;margin:0;max-width:560px}
.programHero .heroActions{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}
.programHero .primaryButton{background:linear-gradient(135deg,#B45C05,#d47308);color:#fff;padding:15px 36px;border-radius:4px;text-decoration:none;font-size:16px;font-weight:600;transition:transform .3s ease-in,box-shadow .3s ease-in;border:none;cursor:pointer;box-shadow:0 4px 12px #b45c054d;display:inline-block;z-index:10;position:relative}
.programHero .primaryButton:hover{transform:translateY(-2px);box-shadow:0 6px 16px #b45c0566}
.programHero .secondaryButton{background:transparent;color:#f4f4f4;padding:15px 36px;border-radius:4px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #f4f4f466;transition:border-color .3s ease-in,background .3s ease-in;display:inline-block;z-index:10;position:relative}
.programHero .secondaryButton:hover{border-color:#f4f4f4;background:#f4f4f41a}
.programHero .imageClip{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:420px;height:480px;clip-path:polygon(15% 0%,100% 0%,100% 85%,85% 100%,0% 100%,0% 15%);overflow:hidden;box-shadow:0 8px 24px #0000004d}
.programHero .imageClip img{width:100%;height:100%;object-fit:cover;object-position:center}
.curriculumSection{padding:90px 20px;background:#1a1a1a}
.curriculumSection .contentWrapper{max-width:1140px;margin:0 auto}
.curriculumSection .sectionTitle{font-size:38px;color:#e8e8e8;font-weight:700;margin:0 0 16px;position:relative;display:inline-block}
.curriculumSection .sectionTitle::before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(180deg,#734BE7,#B45C05);border-radius:2px}
.curriculumSection .intro{font-size:17px;color:#b8b8b8;line-height:1.7;margin:0 0 48px;max-width:820px}
.curriculumSection .stagesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.curriculumSection .stageCard{background:linear-gradient(145deg,#222,#1e1e1e);padding:32px 28px;border-radius:5px;border-left:3px solid #734BE7;transition:transform .3s ease-in,box-shadow .3s ease-in;box-shadow:0 2px 8px #0003}
.curriculumSection .stageCard:hover{transform:translateX(6px);box-shadow:0 6px 16px #734be740}
.curriculumSection .stageNumber{font-size:14px;color:#734BE7;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}
.curriculumSection .stageHeading{font-size:22px;color:#e8e8e8;font-weight:600;margin:0 0 14px}
.curriculumSection .stageDesc{font-size:15px;color:#a0a0a0;line-height:1.65;margin:0}
.dividerWave{width:100%;height:60px;background:#1a1a1a;position:relative;overflow:hidden}
.dividerWave svg{position:absolute;bottom:0;left:0;width:100%;height:100%}
.formatSection{padding:85px 20px;background:linear-gradient(162deg,#0d0d0d 0%,#1c1c1c 100%)}
.formatSection .wrapper{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}
.formatSection .textColumn h2{font-size:36px;color:#e8e8e8;font-weight:700;margin:0 0 20px;position:relative}
.formatSection .textColumn h2::after{content:'';display:block;width:80px;height:3px;background:linear-gradient(90deg,#B45C05,transparent);margin-top:12px;border-radius:2px}
.formatSection .textColumn .description{font-size:16px;color:#b0b0b0;line-height:1.75;margin:0 0 32px}
.formatSection .featuresList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}
.formatSection .featuresList li{display:flex;align-items:flex-start;gap:14px;font-size:15px;color:silver;line-height:1.6}
.formatSection .featuresList li::before{content:'→';color:#B45C05;font-weight:700;font-size:18px;flex-shrink:0;margin-top:2px}
.formatSection .imageColumn{position:relative}
.formatSection .imageColumn img{width:100%;height:auto;border-radius:6px;box-shadow:0 8px 24px #0006;display:block}
.formatSection .imageColumn::before{content:'';position:absolute;top:-16px;right:-16px;width:100%;height:100%;border:2px solid #734be74d;border-radius:6px;z-index:-1}
.dividerDots{width:100%;height:40px;background:linear-gradient(162deg,#0d0d0d 0%,#1c1c1c 100%);display:flex;justify-content:center;align-items:center;gap:12px}
.dividerDots span{width:8px;height:8px;background:#734BE7;border-radius:50%;opacity:.4}
.dividerDots span:nth-child(2){background:#B45C05;opacity:.6}
.dividerDots span:nth-child(3){background:#0F442F;opacity:.5}
.enrollSection{padding:95px 20px;background:#0d0d0d;position:relative}
.enrollSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top left,#734be714,transparent 60%),radial-gradient(ellipse at bottom right,#b45c050f,transparent 60%);pointer-events:none}
.enrollSection .container{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.enrollSection .headingRow{text-align:center;margin-bottom:56px}
.enrollSection .headingRow h2{font-size:40px;color:#e8e8e8;font-weight:700;margin:0 0 18px}
.enrollSection .headingRow .subtitle{font-size:18px;color:#a8a8a8;line-height:1.6;margin:0;max-width:680px;margin-left:auto;margin-right:auto}
.enrollSection .enrollGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.enrollSection .enrollCard{background:linear-gradient(135deg,#1a1a1a,#161616);padding:40px 32px;border-radius:5px;text-align:center;border-top:3px solid #B45C05;transition:transform .3s ease-in,box-shadow .3s ease-in;box-shadow:0 4px 12px #0000004d}
.enrollSection .enrollCard:hover{transform:translateY(-6px);box-shadow:0 8px 20px #b45c054d}
.enrollSection .enrollCard .stepIcon{width:64px;height:64px;margin:0 auto 24px;background:linear-gradient(145deg,#734BE7,#5a3bb8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;box-shadow:0 4px 12px #734be766}
.enrollSection .enrollCard h3{font-size:21px;color:#e8e8e8;font-weight:600;margin:0 0 14px}
.enrollSection .enrollCard p{font-size:15px;color:#a0a0a0;line-height:1.65;margin:0}
.enrollSection .ctaBox{margin-top:64px;text-align:center;background:linear-gradient(127deg,#0F442F,#1a5940);padding:48px 32px;border-radius:6px;box-shadow:0 6px 20px #0f442f66}
.enrollSection .ctaBox h3{font-size:28px;color:#f4f4f4;font-weight:700;margin:0 0 20px}
.enrollSection .ctaBox .ctaText{font-size:16px;color:#d1d1d1;line-height:1.6;margin:0 0 32px;max-width:640px;margin-left:auto;margin-right:auto}
.enrollSection .ctaBox .ctaButton{background:linear-gradient(135deg,#B45C05,#d47308);color:#fff;padding:16px 44px;border-radius:4px;text-decoration:none;font-size:17px;font-weight:600;transition:transform .3s ease-in,box-shadow .3s ease-in;display:inline-block;box-shadow:0 4px 12px #b45c0559;z-index:10;position:relative}
.enrollSection .ctaBox .ctaButton:hover{transform:translateY(-3px);box-shadow:0 6px 18px #b45c0580}
@media (max-width: 1024px) {
.programHero .imageClip{width:340px;height:400px;right:2%}
.programHero .mainHeading{font-size:44px;max-width:580px}
.formatSection .wrapper{gap:48px}
.enrollSection .enrollGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.programHero{padding:60px 20px 320px}
.programHero .imageClip{position:relative;right:auto;top:auto;transform:none;margin:32px auto 0;width:100%;max-width:380px;height:360px}
.programHero .mainHeading{font-size:36px}
.programHero .tagline{font-size:17px}
.curriculumSection{padding:60px 20px}
.curriculumSection .sectionTitle{font-size:32px}
.curriculumSection .stagesGrid{grid-template-columns:1fr}
.formatSection{padding:60px 20px}
.formatSection .wrapper{grid-template-columns:1fr;gap:40px}
.formatSection .textColumn h2{font-size:30px}
.formatSection .imageColumn::before{display:none}
.enrollSection{padding:60px 20px}
.enrollSection .headingRow h2{font-size:32px}
.enrollSection .enrollGrid{grid-template-columns:1fr;gap:24px}
.enrollSection .ctaBox{padding:40px 24px}
}
@media (max-width: 480px) {
.programHero .mainHeading{font-size:30px}
.programHero .heroActions{flex-direction:column;width:100%}
.programHero .primaryButton,.programHero .secondaryButton{width:100%;text-align:center}
.curriculumSection .sectionTitle{font-size:28px}
.formatSection .textColumn h2{font-size:26px}
.enrollSection .headingRow h2{font-size:28px}
}
.pageTitle{background:linear-gradient(162deg,#0F442F 0%,#1a1a1a 100%);padding:85px 40px 90px;position:relative;overflow:hidden}
.pageTitle::before{content:'';position:absolute;top:-120px;right:-80px;width:320px;height:320px;background:radial-gradient(circle,#734be726 0%,transparent 70%);border-radius:50%}
.pageTitle::after{content:'';position:absolute;bottom:-60px;left:15%;width:200px;height:200px;background:radial-gradient(circle,#b45c051f 0%,transparent 65%);border-radius:50%}
.titleWrapper{max-width:1140px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:65px;position:relative;z-index:2}
.titleContent{flex:1}
.titleContent h1{font-size:47px;line-height:1.25;color:#f5f5f5;margin:0 0 26px;font-weight:700}
.titleContent h1 .accent{color:#B45C05;display:inline-block;position:relative}
.titleContent h1 .accent::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#B45C05 0%,#734BE7 100%)}
.titleContent p{font-size:19px;line-height:1.7;color:#d0d0d0;margin:0}
.titleImage{flex:0 0 420px;position:relative}
.titleImage img{width:100%;height:380px;object-fit:cover;border-radius:4px;box-shadow:0 14px 28px #0006;position:relative}
.titleImage::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 40%,#0f442f99 100%);border-radius:4px;pointer-events:none;z-index:1}
.storySection{background:#1a1a1a;padding:95px 40px;position:relative}
.storyContainer{max-width:1140px;margin:0 auto}
.storyGrid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:70px;align-items:start}
.storyLeft h2{font-size:38px;line-height:1.3;color:#f5f5f5;margin:0 0 32px;font-weight:700;position:relative;display:inline-block}
.storyLeft h2::before{content:'';position:absolute;left:-18px;top:8px;width:5px;height:45px;background:linear-gradient(180deg,#734BE7 0%,#B45C05 100%)}
.textBlock{margin-bottom:35px}
.textBlock h3{font-size:22px;line-height:1.4;color:#B45C05;margin:0 0 16px;font-weight:600}
.textBlock p{font-size:17px;line-height:1.75;color:#c5c5c5;margin:0}
.highlightBox{background:linear-gradient(135deg,#0f442f40 0%,#734be726 100%);border-left:4px solid #734BE7;padding:28px 32px;border-radius:3px;margin-top:40px}
.highlightBox p{font-size:18px;line-height:1.65;color:#e0e0e0;margin:0 0 15px;font-style:italic}
.highlightBox p:last-child{margin-bottom:0}
.storyRight{position:sticky;top:40px}
.imageStack{position:relative}
.imageStack .imgPrimary{width:100%;height:440px;object-fit:cover;border-radius:5px;box-shadow:0 8px 20px #00000059;margin-bottom:25px}
.imageStack .imgSecondary{width:100%;height:320px;object-fit:cover;border-radius:5px;box-shadow:0 6px 16px #0000004d}
.valuesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px}
.valueCard{background:linear-gradient(145deg,#0f442f26 0%,#1a1a1a66 100%);padding:32px 28px;border-radius:4px;border:1px solid #734be733;transition:all .3s ease-in;position:relative;overflow:hidden}
.valueCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#734BE7 0%,#B45C05 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease-in}
.valueCard:hover{transform:translateY(-4px);box-shadow:0 12px 24px #734be733;border-color:#b45c0566}
.valueCard:hover::before{transform:scaleX(1)}
.valueIcon{font-size:36px;color:#B45C05;margin-bottom:18px;display:block}
.valueCard h4{font-size:20px;line-height:1.3;color:#f5f5f5;margin:0 0 14px;font-weight:600}
.valueCard p{font-size:16px;line-height:1.6;color:#b8b8b8;margin:0}
.processSection{background:linear-gradient(175deg,#0d0d0d 0%,#1a1a1a 100%);padding:90px 40px;position:relative}
.processSection::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#734be766 50%,transparent 100%)}
.processContainer{max-width:1140px;margin:0 auto}
.processSectionTitle{text-align:center;margin-bottom:70px}
.processSectionTitle h2{font-size:40px;line-height:1.3;color:#f5f5f5;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.processSectionTitle h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#734BE7 0%,#B45C05 100%)}
.processSectionTitle p{font-size:18px;line-height:1.6;color:#b8b8b8;margin:30px auto 0;max-width:680px}
.timelineWrapper{position:relative;padding-left:50px}
.timelineWrapper::before{content:'';position:absolute;left:19px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#734BE7 0%,#B45C05 100%)}
.timelineItem{position:relative;margin-bottom:55px;padding-left:40px}
.timelineItem::before{content:'';position:absolute;left:-38px;top:4px;width:16px;height:16px;background:#B45C05;border:3px solid #1a1a1a;border-radius:50%;box-shadow:0 0 0 4px #b45c0533}
.timelineItem:last-child{margin-bottom:0}
.timelineYear{font-size:15px;color:#734BE7;font-weight:600;margin-bottom:8px;display:block;text-transform:uppercase;letter-spacing:.5px}
.timelineItem h3{font-size:24px;line-height:1.3;color:#f5f5f5;margin:0 0 14px;font-weight:600}
.timelineItem p{font-size:17px;line-height:1.7;color:#b8b8b8;margin:0}
.teamIntro{background:linear-gradient(140deg,#734be714 0%,#0f442f1f 100%);padding:45px 50px;border-radius:5px;margin-top:75px;border:1px solid #b45c0526}
.teamIntro h3{font-size:26px;line-height:1.3;color:#f5f5f5;margin:0 0 20px;font-weight:600}
.teamIntro p{font-size:17px;line-height:1.7;color:silver;margin:0 0 18px}
.teamIntro p:last-child{margin-bottom:0}
.imageGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;margin-top:65px}
.imageGrid img{width:100%;height:280px;object-fit:cover;border-radius:4px;box-shadow:0 6px 18px #0000004d;transition:transform .3s ease-in,box-shadow .3s ease-in}
.imageGrid img:hover{transform:scale(1.03);box-shadow:0 10px 28px #734be740}
.ctaSection{text-align:center;margin-top:80px;padding:55px 40px;background:linear-gradient(155deg,#0f442f33 0%,#b45c0526 100%);border-radius:5px}
.ctaSection h3{font-size:32px;line-height:1.3;color:#f5f5f5;margin:0 0 22px;font-weight:700}
.ctaSection p{font-size:18px;line-height:1.65;color:#c5c5c5;margin:0 0 35px;max-width:620px;margin-left:auto;margin-right:auto}
.ctaButtons{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:center}
.btnPrimary{display:inline-block;background:linear-gradient(135deg,#B45C05 0%,#734BE7 100%);color:#fff;font-size:17px;font-weight:600;padding:16px 42px;border-radius:3px;text-decoration:none;transition:all .3s ease-in;box-shadow:0 6px 16px #b45c054d;position:relative;z-index:2}
.btnPrimary:hover{transform:translateY(-3px);box-shadow:0 10px 24px #734be766}
.btnSecondary{display:inline-block;background:transparent;color:#B45C05;font-size:17px;font-weight:600;padding:15px 40px;border-radius:3px;border:2px solid #B45C05;text-decoration:none;transition:all .3s ease-in;position:relative;z-index:2}
.btnSecondary:hover{background:#b45c051a;border-color:#734BE7;color:#734BE7}
@media (max-width: 992px) {
.titleWrapper{flex-direction:column;gap:45px}
.titleImage{flex:1 1 100%;max-width:100%}
.titleImage img{height:340px}
.storyGrid{grid-template-columns:1fr;gap:50px}
.storyRight{position:static}
.valuesGrid{grid-template-columns:1fr 1fr}
.imageGrid{grid-template-columns:1fr 1fr}
.ctaButtons{flex-direction:column}
}
@media (max-width: 768px) {
.pageTitle{padding:60px 25px 65px}
.titleContent h1{font-size:36px;margin-bottom:20px}
.titleContent p{font-size:17px}
.titleImage img{height:280px}
.storySection{padding:70px 25px}
.storyLeft h2{font-size:30px;margin-bottom:26px}
.textBlock h3{font-size:20px}
.textBlock p{font-size:16px}
.highlightBox{padding:22px 24px}
.imageStack .imgPrimary{height:320px}
.imageStack .imgSecondary{height:260px}
.valuesGrid{grid-template-columns:1fr;gap:22px}
.processSection{padding:70px 25px}
.processSectionTitle h2{font-size:32px}
.processSectionTitle p{font-size:16px}
.timelineWrapper{padding-left:35px}
.timelineItem{padding-left:25px;margin-bottom:45px}
.timelineItem h3{font-size:21px}
.timelineItem p{font-size:16px}
.teamIntro{padding:35px 30px}
.imageGrid{grid-template-columns:1fr;gap:20px}
.ctaSection{padding:40px 25px;margin-top:60px}
.ctaSection h3{font-size:26px}
.ctaSection p{font-size:16px}
}
.topBanner{background:linear-gradient(135deg,#0F442F 0%,#1a5d42 40%,#0F442F 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.topBanner::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#b45c0526 0%,transparent 70%);border-radius:50%;filter:blur(80px)}
.topBanner::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#734be71f 0%,transparent 70%);border-radius:50%;filter:blur(100px)}
.topBanner .wrapCenter{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.topBanner .titleMain{font-size:52px;line-height:1.2;color:#fff;margin:0 0 24px;text-align:center;font-weight:700;letter-spacing:-.5px}
.topBanner .descMain{font-size:20px;line-height:1.6;color:#ffffffe6;text-align:center;max-width:740px;margin:0 auto 40px}
.topBanner .imgWrap{max-width:680px;margin:60px auto 0;border-radius:6px;overflow:hidden;box-shadow:0 12px 40px #00000059}
.topBanner .imgWrap img{width:100%;height:auto;display:block;object-fit:cover}
.practicalBlock{padding:100px 20px;background:#1a1f1a}
.practicalBlock .innerBox{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
.practicalBlock .textSide h2{font-size:42px;line-height:1.25;color:#fff;margin:0 0 28px;font-weight:700}
.practicalBlock .textSide h2::before{content:'';display:block;width:50px;height:4px;background:linear-gradient(90deg,#B45C05 0%,#734BE7 100%);margin-bottom:20px;border-radius:2px}
.practicalBlock .textSide p{font-size:17px;line-height:1.7;color:#ffffffd9;margin:0 0 20px}
.practicalBlock .methodList{margin:40px 0 0;display:flex;flex-direction:column;gap:20px}
.practicalBlock .methodCard{background:#0f442f4d;padding:24px 28px;border-radius:4px;border-left:3px solid #B45C05;transition:all .3s ease-in}
.practicalBlock .methodCard:hover{background:#0f442f73;border-left-color:#734BE7;transform:translateX(6px)}
.practicalBlock .methodCard h3{font-size:20px;color:#fff;margin:0 0 10px;font-weight:600}
.practicalBlock .methodCard p{font-size:15px;line-height:1.6;color:#ffffffbf;margin:0}
.practicalBlock .imgArea{position:relative}
.practicalBlock .imgArea img{width:100%;height:auto;border-radius:5px;box-shadow:0 8px 28px #0006;display:block}
.techniquesArea{padding:100px 20px;background:linear-gradient(160deg,#0d1f16 0%,#1a1f1a 50%,#0F442F 100%)}
.techniquesArea .centerWrap{max-width:1140px;margin:0 auto}
.techniquesArea .topHeading{text-align:center;margin-bottom:70px}
.techniquesArea .topHeading h2{font-size:44px;line-height:1.2;color:#fff;margin:0 0 18px;font-weight:700}
.techniquesArea .topHeading p{font-size:18px;line-height:1.65;color:#fffc;max-width:680px;margin:0 auto}
.techniquesArea .gridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.techniquesArea .techniqueCard{background:#ffffff0a;padding:36px 30px;border-radius:5px;border:1px solid #ffffff14;transition:all .3s ease-in;position:relative;overflow:hidden}
.techniquesArea .techniqueCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#734BE7 0%,#B45C05 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease-in}
.techniquesArea .techniqueCard:hover{background:#ffffff12;border-color:#b45c054d;transform:translateY(-6px);box-shadow:0 10px 32px #0006}
.techniquesArea .techniqueCard:hover::before{transform:scaleX(1)}
.techniquesArea .techniqueCard .iconBox{width:56px;height:56px;background:linear-gradient(135deg,#0F442F 0%,#1a5d42 100%);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 4px 16px #0f442f66}
.techniquesArea .techniqueCard .iconBox i{font-size:26px;color:#B45C05}
.techniquesArea .techniqueCard h3{font-size:22px;color:#fff;margin:0 0 14px;font-weight:600}
.techniquesArea .techniqueCard p{font-size:15px;line-height:1.65;color:#ffffffbf;margin:0 0 18px}
.techniquesArea .techniqueCard ul{margin:0;padding:0;list-style:none}
.techniquesArea .techniqueCard ul li{font-size:14px;color:#ffffffb3;margin:0 0 10px;padding-left:22px;position:relative}
.techniquesArea .techniqueCard ul li::before{content:'→';position:absolute;left:0;color:#734BE7;font-weight:700}
.techniquesArea .techniqueCard ul li:last-child{margin-bottom:0}
@media (max-width: 1024px) {
.topBanner{padding:90px 20px 70px}
.topBanner .titleMain{font-size:42px}
.topBanner .descMain{font-size:18px}
.practicalBlock .innerBox{grid-template-columns:1fr;gap:50px}
.practicalBlock .textSide h2{font-size:36px}
.techniquesArea .gridLayout{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 768px) {
.topBanner{padding:70px 20px 60px}
.topBanner .titleMain{font-size:34px}
.topBanner .descMain{font-size:17px}
.topBanner .imgWrap{margin-top:40px}
.practicalBlock{padding:70px 20px}
.practicalBlock .innerBox{gap:40px}
.practicalBlock .textSide h2{font-size:30px}
.practicalBlock .textSide p{font-size:16px}
.practicalBlock .methodList{gap:16px}
.practicalBlock .methodCard{padding:20px 22px}
.techniquesArea{padding:70px 20px}
.techniquesArea .topHeading{margin-bottom:50px}
.techniquesArea .topHeading h2{font-size:32px}
.techniquesArea .topHeading p{font-size:16px}
.techniquesArea .gridLayout{grid-template-columns:1fr;gap:24px}
}
.successWrapper{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(137deg,#0a1a12 0%,#1a0f0a 50%,#1a0e2a 100%);padding:40px 20px;position:relative;overflow:hidden}
.successWrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 80px,#734be708 80px,#734be708 160px);animation:patternShift 20s linear infinite}
@keyframes patternShift {
0%{transform:translate(0,0)}
100%{transform:translate(80px,80px)}
}
.successContent{max-width:680px;width:100%;text-align:center;position:relative;z-index:10;background:#0f442f1f;padding:60px 40px;border-radius:4px;border:1px solid #734be733;box-shadow:0 8px 32px #0006}
.successContent::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#b45c0514 0%,transparent 70%);pointer-events:none;z-index:-1}
.iconHolder{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;background:linear-gradient(135deg,#0F442F 0%,#1a6945 100%);border-radius:50%;margin-bottom:32px;box-shadow:0 4px 16px #0f442f66 0 0 0 8px #0f442f26;animation:iconPulse 2s ease-in-out infinite}
@keyframes iconPulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.iconHolder i{font-size:48px;color:#e8f5e9}
.mainHeading{font-size:42px;font-weight:700;color:#e8f5e9;margin:0 0 16px;line-height:1.2}
.mainHeading::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#B45C05 0%,#734BE7 100%);margin:20px auto 0;border-radius:2px}
.subHeading{font-size:18px;color:#c5d9ce;margin:0 0 36px;line-height:1.6}
.messageText{font-size:16px;color:#a8c2b3;margin:0 0 40px;line-height:1.65;max-width:520px;margin-left:auto;margin-right:auto}
.actionBtn{display:inline-block;padding:16px 48px;background:linear-gradient(125deg,#B45C05 0%,#d67507 100%);color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:3px;transition:all .3s ease-in;box-shadow:0 4px 12px #b45c054d;border:1px solid #ffffff1a}
.actionBtn:hover{background:linear-gradient(125deg,#d67507 0%,#B45C05 100%);transform:translateY(-2px);box-shadow:0 6px 20px #b45c0573}
.actionBtn:active{transform:translateY(0)}
.secondaryLink{display:inline-block;margin-top:24px;color:#9db3a5;font-size:15px;text-decoration:none;transition:color .3s ease-in;border-bottom:1px solid transparent}
.secondaryLink:hover{color:#c5d9ce;border-bottom-color:#734BE7}
@media (max-width: 768px) {
.successWrapper{min-height:80vh;padding:30px 16px}
.successContent{padding:48px 28px}
.iconHolder{width:80px;height:80px;margin-bottom:24px}
.iconHolder i{font-size:40px}
.mainHeading{font-size:32px;margin-bottom:12px}
.mainHeading::after{width:60px;height:3px;margin-top:16px}
.subHeading{font-size:16px;margin-bottom:28px}
.messageText{font-size:15px;margin-bottom:32px}
.actionBtn{padding:14px 36px;font-size:15px}
.secondaryLink{margin-top:20px;font-size:14px}
}
@media (max-width: 480px) {
.successContent{padding:40px 20px}
.mainHeading{font-size:28px}
.actionBtn{padding:14px 32px;width:100%;max-width:280px}
}