html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,ul,li,nav,header,footer,main,section,article{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}
body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:'Source Serif Pro',serif;background:#0a0a0f;color:#ECF0F2}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#1a1a24;border-radius:8px}
::-webkit-scrollbar-thumb{background:#670806;border-radius:8px;box-shadow:0 0 12px #71cf044d}
::-webkit-scrollbar-thumb:hover{background:#8a0a08;box-shadow:0 0 18px #71cf0480}
a,button,input,select,textarea{cursor:pointer}
input[type="text"],input[type="email"],textarea{cursor:text}
.site-hdr{background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 100%);padding:28px 0;box-shadow:0 8px 24px #6708064d 0 0 60px #71cf0426;position:relative}
.site-hdr::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#71CF04 50%,transparent 100%);opacity:.6}
.topRowHeader{max-width:1440px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center;gap:48px;margin-bottom:36px}
.logoSection{flex-shrink:0}
.logo-link{display:inline-block;transition:transform .3s ease}
.logo-link:hover{transform:scale(1.02)}
.siteLogo{height:110px;width:110px;display:block;background:#ecf0f20d;padding:12px;border-radius:8px;box-shadow:0 4px 16px #71cf0433 inset 0 0 24px #67080626}
.taglineBox{flex:1;max-width:720px}
.brand-tagline{font-size:17px;line-height:1.7;color:#ECF0F2;text-shadow:0 2px 8px #71cf0440;letter-spacing:.3px}
.bottomRowHeader{max-width:1440px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.mainNav{flex:1}
.navList{display:flex;gap:42px;align-items:center}
.navItem{position:relative}
.navLink{font-size:16px;font-weight:600;color:#ECF0F2;padding:10px 6px;display:block;position:relative;transition:color .25s ease}
.navLink::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#71CF04,#670806);transform:scaleX(0);transition:transform .3s ease}
.navLink:hover{color:#71CF04}
.navLink:hover::after{transform:scaleX(1)}
.ctaHolder{flex-shrink:0}
.btnCta{display:inline-block;padding:14px 36px;font-size:16px;font-weight:700;color:#0a0a0f;background:linear-gradient(135deg,#71CF04 0%,#5aa703 100%);border-radius:50px;box-shadow:0 6px 20px #71cf0466 inset 0 -2px 8px #67080633;transition:transform .25s ease,box-shadow .25s ease}
.btnCta:hover{transform:translateY(-2px);box-shadow:0 10px 28px #71cf0499 inset 0 -2px 8px #6708064d}
.ftr-container{max-width:1440px;margin:0 auto;padding:72px 32px 48px;display:flex;justify-content:space-between;gap:64px;background:linear-gradient(180deg,#0f0f1a 0%,#1a1a2e 100%)}
.footerSection{flex:1;min-width:240px}
.footerTitle{font-size:20px;font-weight:700;color:#71CF04;margin-bottom:22px;text-shadow:0 2px 12px #71cf0466}
.contactDetails p{margin-bottom:12px;font-size:15px;line-height:1.6}
.contactLink{color:#ECF0F2;transition:color .25s ease}
.contactLink:hover{color:#71CF04}
.messengerLinks{display:flex;gap:18px;margin-top:20px}
.messengerLink{padding:9px 20px;font-size:14px;font-weight:600;color:#0a0a0f;background:linear-gradient(135deg,#71cf04e6,#71cf04b3);border-radius:50px;transition:background .25s ease}
.messengerLink:hover{background:linear-gradient(135deg,#71CF04,#5aa703)}
.legalList{display:flex;flex-direction:column;gap:14px}
.legalLink{font-size:15px;color:#ECF0F2;transition:color .25s ease}
.legalLink:hover{color:#71CF04}
.aboutText{font-size:15px;line-height:1.7;color:#ecf0f2d9}
.copyrightBar{background:#0a0a0f;padding:24px 32px;text-align:center;box-shadow:0 -4px 16px #67080633}
.copyrightText{font-size:14px;color:#ecf0f299}
.cookieBox{position:fixed;right:32px;top:50%;transform:translateY(-50%) translateX(120%);width:420px;background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1a 100%);border-radius:12px;box-shadow:0 12px 48px #67080680 0 0 80px #71cf0440;z-index:10000;transition:transform .5s cubic-bezier(0.68,-0.55,0.27,1.55);border:2px solid #71cf044d}
.cookieBox.show{transform:translateY(-50%) translateX(0)}
.cookieInner{padding:32px}
.tabSwitcher{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #71cf0433}
.tabBtn{padding:10px 24px;font-size:15px;font-weight:600;color:#ecf0f299;background:none;border:none;cursor:pointer;transition:color .25s ease;position:relative}
.tabBtn.active{color:#71CF04}
.tabBtn.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#71CF04;box-shadow:0 0 12px #71cf0499}
.tabContent{display:none}
.tabContent.active{display:block}
.cookieTitle{font-size:19px;font-weight:700;color:#ECF0F2;margin-bottom:16px;text-shadow:0 2px 8px #71cf044d}
.cookieDesc{font-size:15px;line-height:1.6;color:#ecf0f2d9;margin-bottom:24px}
.cookieCategory{margin-bottom:18px;padding:14px;background:#6708061a;border-radius:8px;border:1px solid #71cf0426}
.categoryLabel{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;font-weight:600;color:#ECF0F2}
.categoryCheck{width:20px;height:20px;cursor:pointer}
.categoryCheck:disabled{cursor:not-allowed;opacity:.5}
.categoryInfo{font-size:13px;color:#ecf0f2b3;margin-top:8px;margin-left:32px;line-height:1.5}
.cookieActions{display:flex;gap:12px;margin-top:24px}
.cookieBtn{flex:1;padding:13px 20px;font-size:14px;font-weight:700;border-radius:50px;transition:transform .25s ease,box-shadow .25s ease}
.acceptBtn{background:linear-gradient(135deg,#71CF04,#5aa703);color:#0a0a0f;box-shadow:0 4px 16px #71cf0466}
.acceptBtn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #71cf0499}
.declineBtn{background:linear-gradient(135deg,#670806,#4a0504);color:#ECF0F2;box-shadow:0 4px 16px #67080666}
.declineBtn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #67080699}
.customBtn{background:#ecf0f21a;color:#ECF0F2;border:2px solid #71cf044d}
.customBtn:hover{background:#ecf0f226;border-color:#71cf0480}
@media (max-width: 1024px) {
.topRowHeader{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:28px}
.taglineBox{max-width:100%}
.bottomRowHeader{flex-direction:column;gap:24px}
.navList{flex-wrap:wrap;gap:28px}
.ctaHolder{width:100%}
.btnCta{width:100%;text-align:center}
.ftr-container{flex-direction:column;gap:48px}
.cookieBox{width:calc(100% - 64px);right:32px;left:32px}
}
@media (max-width: 768px) {
.site-hdr{padding:20px 0}
.topRowHeader,.bottomRowHeader{padding:0 20px}
.siteLogo{height:85px;width:85px}
.brand-tagline{font-size:15px}
.navList{flex-direction:column;align-items:flex-start;gap:16px}
.ftr-container{padding:48px 20px 32px}
.cookieBox{width:calc(100% - 32px);right:16px;left:16px}
.cookieInner{padding:24px}
.cookieActions{flex-direction:column}
}
.policy-section{max-width:1440px;margin:0 auto;padding:80px 20px;background:#0a0a0f;color:#ECF0F2}
.policy-section h1{font-size:48px;font-weight:700;color:#ECF0F2;margin:0 0 24px;line-height:1.2;text-shadow:0 0 20px #71cf044d;letter-spacing:-.5px}
.policy-section h2{font-size:36px;font-weight:600;color:#71CF04;margin:64px 0 20px;line-height:1.3;text-shadow:0 0 16px #71cf0433;letter-spacing:-.3px}
.policy-section h3{font-size:28px;font-weight:600;color:#ECF0F2;margin:48px 0 16px;line-height:1.4;border-left:4px solid #670806;padding-left:16px}
.policy-section h4{font-size:22px;font-weight:600;color:#71CF04;margin:36px 0 14px;line-height:1.4}
.policy-section h5{font-size:18px;font-weight:600;color:#ECF0F2;margin:28px 0 12px;line-height:1.5;opacity:.95}
.policy-section h6{font-size:16px;font-weight:600;color:#ECF0F2;margin:24px 0 10px;line-height:1.5;opacity:.9;text-transform:uppercase;letter-spacing:1px}
.policy-section p{font-size:17px;line-height:1.8;color:#ECF0F2;margin:0 0 24px;opacity:.88}
.policy-section ul{margin:0 0 32px;padding:0 0 0 28px;list-style:none}
.policy-section ul li{font-size:17px;line-height:1.8;color:#ECF0F2;margin:0 0 16px;opacity:.88;position:relative;padding-left:12px}
.policy-section ul li::before{content:'';position:absolute;left:-16px;top:12px;width:6px;height:6px;background:#71CF04;border-radius:50%;box-shadow:0 0 8px #71cf0499}
.policy-section ol{margin:0 0 32px;padding:0 0 0 28px;counter-reset:policy-counter;list-style:none}
.policy-section ol li{font-size:17px;line-height:1.8;color:#ECF0F2;margin:0 0 16px;opacity:.88;position:relative;padding-left:12px;counter-increment:policy-counter}
.policy-section ol li::before{content:counter(policy-counter) '.';position:absolute;left:-28px;color:#71CF04;font-weight:600;text-shadow:0 0 6px #71cf0466}
.policy-section ul ul,.policy-section ol ul,.policy-section ul ol,.policy-section ol ol{margin:16px 0 0}
.policy-section em,.policy-section i{font-style:italic;color:#71CF04;opacity:1}
.policy-section a{color:#71CF04;text-decoration:none;border-bottom:1px solid #71cf044d;transition:all .3s ease;text-shadow:0 0 6px #71cf0433}
.policy-section a:hover{color:#ECF0F2;border-bottom-color:#71CF04;text-shadow:0 0 12px #71cf0499}
.policy-section table{width:100%;margin:0 0 48px;border-collapse:collapse;background:#67080614;border-radius:8px;overflow:hidden;box-shadow:0 4px 24px #0006 0 0 0 1px #71cf041a}
.policy-section thead{background:linear-gradient(135deg,#67080666,#67080633)}
.policy-section thead tr{border-bottom:2px solid #71cf044d}
.policy-section th{font-size:15px;font-weight:700;color:#71CF04;text-align:left;padding:18px 24px;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 8px #71cf044d}
.policy-section tbody tr{border-bottom:1px solid #ecf0f214;transition:background .2s ease}
.policy-section tbody tr:hover{background:#71cf040d}
.policy-section tbody tr:last-child{border-bottom:none}
.policy-section td{font-size:16px;color:#ECF0F2;padding:16px 24px;opacity:.88;line-height:1.6}
.policy-section hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#71cf0466,transparent);margin:64px 0;box-shadow:0 0 12px #71cf0433;border-radius:2px}
@media (max-width: 1024px) {
.policy-section{padding:60px 24px}
.policy-section h1{font-size:38px}
.policy-section h2{font-size:30px;margin:48px 0 18px}
.policy-section h3{font-size:24px}
.policy-section table{font-size:14px}
.policy-section th,.policy-section td{padding:14px 16px}
}
@media (max-width: 768px) {
.policy-section{padding:40px 16px}
.policy-section h1{font-size:32px;margin-bottom:20px}
.policy-section h2{font-size:26px;margin:40px 0 16px}
.policy-section h3{font-size:22px;margin:32px 0 14px}
.policy-section h4{font-size:20px}
.policy-section p,.policy-section ul li,.policy-section ol li{font-size:16px;line-height:1.7}
.policy-section table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-section th,.policy-section td{padding:12px;font-size:14px;white-space:nowrap}
.policy-section hr{margin:48px 0}
}
.statsPage .heroModule{position:relative;max-width:1440px;margin:0 auto 80px;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;padding:100px 24px 100px 60px;background:linear-gradient(135deg,#67080614 0%,#71cf040d 100%)}
.statsPage .heroModule::before{content:'';position:absolute;top:-50px;right:15%;width:280px;height:280px;background:#71cf041f;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);z-index:1}
.statsPage .heroModule::after{content:'';position:absolute;bottom:-40px;left:8%;width:180px;height:180px;background:#67080626;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);z-index:1}
.statsPage .heroTextPart{position:relative;z-index:3;padding-right:24px}
.statsPage .heroTextPart h1{font-size:3.2rem;line-height:1.15;color:#ECF0F2;margin:0 0 28px;font-weight:700;text-shadow:2px 2px 12px #0006}
.statsPage .heroTextPart .subtextLine{font-size:1.15rem;line-height:1.7;color:#ecf0f2d9;margin:0 0 36px}
.statsPage .metricRow3{display:flex;gap:32px;flex-wrap:wrap}
.statsPage .metricRow3 .singleStat{flex:1;min-width:140px}
.statsPage .singleStat .numValue12{font-size:2.4rem;font-weight:700;color:#71CF04;margin:0 0 8px;text-shadow:0 0 16px #71cf0480}
.statsPage .singleStat .labelTxt{font-size:.95rem;color:#ecf0f2b3;text-transform:uppercase;letter-spacing:.5px}
.statsPage .heroVisualPart{position:relative;z-index:2;margin-right:-120px}
.statsPage .heroVisualPart img{width:100%;height:520px;object-fit:cover;border-radius:8px;box-shadow:0 16px 48px #0009 0 0 32px #71cf0433}
.statsPage .dataSection{max-width:1440px;margin:0 auto 120px;padding:0 60px}
.statsPage .dataSection .headingData{text-align:center;max-width:720px;margin:0 auto 68px}
.statsPage .dataSection .headingData h2{font-size:2.5rem;line-height:1.25;color:#ECF0F2;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.statsPage .dataSection .headingData h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#71CF04 0%,#670806 100%);box-shadow:0 0 12px #71cf0499}
.statsPage .dataSection .headingData p{font-size:1.05rem;line-height:1.65;color:#ecf0f2bf;margin:28px 0 0}
.statsPage .gridMetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.statsPage .metricCard{background:linear-gradient(145deg,#67080626 0%,#71cf0414 100%);border:1px solid #71cf0440;border-radius:10px;padding:40px 28px;text-align:center;position:relative;transition:all .4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 24px #0006}
.statsPage .metricCard::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#71cf041a 0%,transparent 50%);border-radius:10px;opacity:0;transition:opacity .4s ease}
.statsPage .metricCard:hover{transform:translateY(-8px);border-color:#71CF04;box-shadow:0 16px 48px #71cf044d 0 0 32px #71cf0433}
.statsPage .metricCard:hover::before{opacity:1}
.statsPage .metricCard .iconHolder7{width:72px;height:72px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:#71cf0426;border-radius:50%;position:relative;z-index:2}
.statsPage .metricCard .iconHolder7 svg{width:36px;height:36px;fill:#71CF04;filter:drop-shadow(0 0 8px #71cf0499)}
.statsPage .metricCard .numDisplay{font-size:2.8rem;font-weight:700;color:#71CF04;margin:0 0 12px;text-shadow:0 0 20px #71cf0480;position:relative;z-index:2}
.statsPage .metricCard .descTxt{font-size:1rem;line-height:1.5;color:#ecf0f2cc;position:relative;z-index:2}
.statsPage .progressModule{max-width:1440px;margin:0 auto;padding:0 60px;display:flex;gap:80px;align-items:center}
.statsPage .progressModule .imgBlock{flex:0 0 480px;position:relative}
.statsPage .progressModule .imgBlock::before{content:'';position:absolute;top:-30px;left:-30px;width:200px;height:200px;background:#67080633;clip-path:circle(50% at 50% 50%);z-index:1}
.statsPage .progressModule .imgBlock img{width:100%;height:440px;object-fit:cover;border-radius:10px;position:relative;z-index:2;box-shadow:0 20px 56px #00000080}
.statsPage .progressModule .contentBlock{flex:1}
.statsPage .progressModule .contentBlock h2{font-size:2.3rem;line-height:1.3;color:#ECF0F2;margin:0 0 32px;font-weight:700}
.statsPage .progressModule .contentBlock h2 span{color:#71CF04;text-shadow:0 0 16px #71cf0480}
.statsPage .progressBlock{margin-bottom:36px}
.statsPage .progressBlock .labelRow{display:flex;justify-content:space-between;margin-bottom:10px}
.statsPage .progressBlock .labelRow .itemName{font-size:1.05rem;color:#ECF0F2;font-weight:600}
.statsPage .progressBlock .labelRow .percentage{font-size:1rem;color:#71CF04;font-weight:600}
.statsPage .progressBlock .barOuter{width:100%;height:12px;background:#67080640;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0006}
.statsPage .progressBlock .barInner{height:100%;background:linear-gradient(90deg,#670806 0%,#71CF04 100%);border-radius:8px;box-shadow:0 0 16px #71cf0499;transition:width 1.2s cubic-bezier(0.4,0,0.2,1)}
.statsPage .achievementGrid{max-width:1440px;margin:0 auto;padding:0 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.statsPage .achievementCard{background:#6708061a;border:1px solid #71cf0433;border-radius:10px;padding:48px 32px;text-align:center;position:relative;overflow:hidden;transition:all .5s ease}
.statsPage .achievementCard::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#71cf0426 0%,transparent 70%);opacity:0;transition:opacity .5s ease}
.statsPage .achievementCard:hover{transform:scale(1.05);border-color:#71CF04;box-shadow:0 16px 40px #71cf0440}
.statsPage .achievementCard:hover::before{opacity:1}
.statsPage .achievementCard .yearLabel{font-size:3rem;font-weight:700;color:#71CF04;margin:0 0 16px;position:relative;z-index:2;text-shadow:0 0 24px #71cf0499}
.statsPage .achievementCard .titleText{font-size:1.3rem;font-weight:600;color:#ECF0F2;margin:0 0 20px;position:relative;z-index:2}
.statsPage .achievementCard .bodyText{font-size:.98rem;line-height:1.6;color:#ecf0f2bf;position:relative;z-index:2}
@media (max-width: 1024px) {
.statsPage .heroModule{grid-template-columns:1fr;gap:40px;padding:80px 40px}
.statsPage .heroVisualPart{margin-right:0}
.statsPage .heroVisualPart img{height:400px}
.statsPage .gridMetrics{grid-template-columns:repeat(2,1fr);gap:28px}
.statsPage .progressModule{flex-direction:column;gap:50px;padding:0 40px}
.statsPage .progressModule .imgBlock{flex:1 1 auto;width:100%}
.statsPage .achievementGrid{grid-template-columns:1fr;gap:32px;padding:0 40px}
.statsPage .dataSection{padding:0 40px}
}
@media (max-width: 768px) {
.statsPage .heroModule{padding:60px 24px;margin-bottom:60px}
.statsPage .heroTextPart h1{font-size:2.2rem;margin-bottom:20px}
.statsPage .heroTextPart .subtextLine{font-size:1rem;margin-bottom:28px}
.statsPage .metricRow3{gap:20px}
.statsPage .singleStat .numValue12{font-size:1.8rem}
.statsPage .heroVisualPart img{height:320px}
.statsPage .dataSection{padding:0 24px;margin-bottom:80px}
.statsPage .dataSection .headingData{margin-bottom:48px}
.statsPage .dataSection .headingData h2{font-size:1.9rem}
.statsPage .gridMetrics{grid-template-columns:1fr;gap:20px}
.statsPage .metricCard{padding:32px 24px}
.statsPage .metricCard .numDisplay{font-size:2.2rem}
.statsPage .progressModule{padding:0 24px;gap:40px}
.statsPage .progressModule .imgBlock img{height:320px}
.statsPage .progressModule .contentBlock h2{font-size:1.8rem;margin-bottom:24px}
.statsPage .progressBlock{margin-bottom:28px}
.statsPage .achievementGrid{padding:0 24px;gap:24px}
.statsPage .achievementCard{padding:36px 24px}
.statsPage .achievementCard .yearLabel{font-size:2.4rem}
.statsPage .achievementCard .titleText{font-size:1.15rem}
}
.masterHero{background:linear-gradient(135deg,#0a0a0b 0%,#1a1618 100%);position:relative;overflow:hidden;padding:0}
.masterHero::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:radial-gradient(ellipse at center,#71cf0414 0%,transparent 70%);animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:.6;transform:scale(1.1)}
}
.masterHero::after{content:'';position:absolute;bottom:-30%;left:-15%;width:60%;height:150%;background:radial-gradient(circle at center,#6708061f 0%,transparent 65%)}
.heroGrid{display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:0 auto;position:relative;z-index:2}
.heroContent{padding:140px 60px 140px 80px;display:flex;flex-direction:column;justify-content:center}
.heroManifesto{margin-bottom:48px}
.heroTag{display:inline-block;background:#71cf0426;color:#71CF04;padding:8px 20px;border-radius:6px;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:28px;border:1px solid #71cf044d}
.heroManifesto h1{font-size:58px;line-height:1.15;color:#ECF0F2;margin-bottom:32px;font-weight:700;letter-spacing:-1px}
.heroManifesto .glowAccent{color:#71CF04;text-shadow:0 0 20px #71cf0466}
.heroDescription{font-size:19px;line-height:1.7;color:#ecf0f2bf;margin-bottom:48px}
.heroActions{display:flex;gap:20px;align-items:center}
.primaryAction{background:linear-gradient(135deg,#670806 0%,#8a0a08 100%);color:#ECF0F2;padding:18px 42px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #67080666;position:relative;z-index:10}
.primaryAction:hover{transform:translateY(-2px);box-shadow:0 12px 32px #67080699;background:linear-gradient(135deg,#8a0a08 0%,#670806 100%)}
.secondaryAction{color:#71CF04;padding:18px 42px;border:2px solid #71cf0466;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;background:#71cf040d;position:relative;z-index:10}
.secondaryAction:hover{background:#71cf041f;border-color:#71cf0499;transform:translateX(4px)}
.heroVisual{position:relative;padding:80px 80px 80px 40px;display:flex;align-items:center}
.visualLayers{position:relative;width:100%;height:100%}
.layerBase{position:relative;z-index:3;border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #00000080}
.layerBase img{width:100%;height:600px;object-fit:cover;display:block}
.layerGlow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:linear-gradient(135deg,#6708064d 0%,#71cf0433 100%);border-radius:16px;filter:blur(32px);z-index:1}
.layerAccent{position:absolute;top:40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,#71cf0440 0%,transparent 70%);border-radius:50%;z-index:2;animation:floatAccent 6s ease-in-out infinite}
@keyframes floatAccent {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-20px,20px)}
}
@media (max-width: 1200px) {
.heroGrid{grid-template-columns:1fr}
.heroContent{padding:100px 60px 80px}
.heroVisual{padding:60px}
.heroManifesto h1{font-size:48px}
}
@media (max-width: 768px) {
.heroContent{padding:80px 32px 60px}
.heroManifesto h1{font-size:38px}
.heroDescription{font-size:17px}
.heroActions{flex-direction:column;width:100%}
.primaryAction,.secondaryAction{width:100%;text-align:center}
.heroVisual{padding:40px 32px}
.layerBase img{height:400px}
}
.pricingZone{background:#0d0d0f;padding:120px 60px;position:relative}
.pricingZone::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:linear-gradient(to bottom,transparent 0%,#71cf0433 50%,transparent 100%)}
.priceContainer{max-width:1440px;margin:0 auto}
.priceHeader{text-align:center;margin-bottom:80px}
.priceHeader h2{font-size:44px;color:#ECF0F2;margin-bottom:20px;font-weight:700}
.priceHeader p{font-size:18px;color:#ecf0f299;max-width:620px;margin:0 auto;line-height:1.6}
.pricingGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}
.priceCard{background:linear-gradient(135deg,#67080614 0%,#0a0a0bf2 100%);border:1px solid #71cf0426;border-radius:10px;padding:48px 36px;transition:all .4s ease;position:relative;z-index:5}
.priceCard:hover{transform:translateY(-8px);border-color:#71cf0466;box-shadow:0 16px 48px #71cf0426}
.priceCard.featured{background:linear-gradient(135deg,#71cf041f 0%,#67080626 100%);border-color:#71cf0466;transform:scale(1.05)}
.priceCard.featured:hover{transform:scale(1.05) translateY(-8px)}
.priceBadge{display:inline-block;background:#71cf0433;color:#71CF04;padding:6px 16px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:24px}
.priceCard h3{font-size:26px;color:#ECF0F2;margin-bottom:16px;font-weight:700}
.priceAmount{font-size:48px;color:#71CF04;font-weight:700;margin-bottom:8px}
.priceAmount span{font-size:20px;color:#ecf0f280;font-weight:400}
.pricePeriod{color:#ecf0f280;font-size:15px;margin-bottom:32px}
.priceFeatures{list-style:none;padding:0;margin:0 0 36px}
.priceFeatures li{padding:12px 0;color:#ecf0f2bf;font-size:15px;line-height:1.6;border-bottom:1px solid #71cf0414}
.priceFeatures li::before{content:'→';color:#71CF04;margin-right:12px;font-weight:700}
.priceAction{display:block;text-align:center;background:#670806cc;color:#ECF0F2;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;z-index:10}
.priceAction:hover{background:#670806ff;box-shadow:0 8px 24px #67080666}
.priceCard.featured .priceAction{background:linear-gradient(135deg,#670806 0%,#8a0a08 100%)}
@media (max-width: 1024px) {
.pricingGrid{grid-template-columns:1fr}
.priceCard.featured{transform:scale(1)}
.priceCard.featured:hover{transform:translateY(-8px)}
}
@media (max-width: 768px) {
.pricingZone{padding:80px 32px}
.priceHeader h2{font-size:36px}
.priceAmount{font-size:40px}
}
.problemSolution{background:linear-gradient(180deg,#0d0d0f 0%,#1a1618 100%);padding:100px 60px;position:relative}
.problemContainer{max-width:1440px;margin:0 auto}
.problemIntro{text-align:center;margin-bottom:72px}
.problemIntro h2{font-size:42px;color:#ECF0F2;margin-bottom:20px;font-weight:700}
.problemIntro p{font-size:18px;color:#ecf0f2a6;max-width:680px;margin:0 auto;line-height:1.7}
.solutionGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.solutionItem{display:grid;grid-template-columns:auto 1fr;gap:28px;background:#6708060f;padding:40px;border-radius:10px;border-left:4px solid transparent;transition:all .4s ease}
.solutionItem:hover{border-left-color:#71CF04;background:#6708061a;transform:translateX(8px)}
.solutionIcon{width:64px;height:64px;background:linear-gradient(135deg,#71cf0433 0%,#67080626 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#71CF04;flex-shrink:0}
.solutionContent h3{font-size:22px;color:#ECF0F2;margin-bottom:12px;font-weight:700}
.problemStatement{font-size:15px;color:#ecf0f280;margin-bottom:16px;font-style:italic;padding-left:16px;border-left:2px solid #71cf044d}
.solutionStatement{font-size:16px;color:#ecf0f2cc;line-height:1.7}
@media (max-width: 1024px) {
.solutionGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.problemSolution{padding:80px 32px}
.problemIntro h2{font-size:34px}
.solutionItem{grid-template-columns:1fr;padding:32px}
.solutionIcon{margin-bottom:12px}
}
.careerPath{background:#0a0a0b;padding:120px 60px;position:relative;overflow:hidden}
.careerPath::before{content:'';position:absolute;top:20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#71cf0414 0%,transparent 70%);border-radius:50%}
.careerContainer{max-width:1440px;margin:0 auto;position:relative;z-index:2}
.careerSplit{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}
.careerVisual{position:relative}
.careerVisual img{width:100%;height:520px;object-fit:cover;border-radius:12px;box-shadow:0 24px 56px #0009}
.careerContent h2{font-size:46px;color:#ECF0F2;margin-bottom:28px;font-weight:700;line-height:1.2}
.careerContent p{font-size:17px;color:#ecf0f2b3;line-height:1.8;margin-bottom:40px}
.pathSteps{display:flex;flex-direction:column;gap:24px}
.pathStep{background:#71cf040d;padding:24px 28px;border-radius:8px;border-left:3px solid #71CF04;transition:all .3s ease}
.pathStep:hover{background:#71cf041a;transform:translateX(8px)}
.pathStep h4{font-size:19px;color:#71CF04;margin-bottom:8px;font-weight:700}
.pathStep p{font-size:15px;color:#ecf0f2bf;line-height:1.6;margin:0}
@media (max-width: 1024px) {
.careerSplit{grid-template-columns:1fr;gap:60px}
}
@media (max-width: 768px) {
.careerPath{padding:80px 32px}
.careerContent h2{font-size:36px}
.careerVisual img{height:380px}
}
.platformAccess{background:linear-gradient(135deg,#1a1618 0%,#0d0d0f 100%);padding:100px 60px;position:relative}
.accessContainer{max-width:1440px;margin:0 auto}
.accessHeader{text-align:center;margin-bottom:64px}
.accessHeader h2{font-size:40px;color:#ECF0F2;margin-bottom:18px;font-weight:700}
.accessHeader p{font-size:17px;color:#ecf0f299;max-width:600px;margin:0 auto}
.accessFeatures{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:64px}
.accessFeature{background:#67080614;padding:36px 28px;border-radius:10px;text-align:center;border:1px solid #71cf041a;transition:all .3s ease}
.accessFeature:hover{border-color:#71cf044d;transform:translateY(-6px);box-shadow:0 12px 32px #71cf041a}
.featureIcon{width:56px;height:56px;background:linear-gradient(135deg,#71cf0433 0%,#67080633 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px}
.accessFeature h4{font-size:18px;color:#ECF0F2;margin-bottom:12px;font-weight:700}
.accessFeature p{font-size:14px;color:#ecf0f2a6;line-height:1.6}
.compatibilityShow{background:#71cf040d;padding:48px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:center}
.compatDevice{text-align:center}
.deviceImg{position:relative;margin-bottom:20px}
.deviceImg img{width:100%;max-width:280px;height:220px;object-fit:cover;border-radius:8px;margin:0 auto;display:block}
.compatDevice h5{font-size:17px;color:#ECF0F2;font-weight:700;margin-bottom:8px}
.compatDevice p{font-size:14px;color:#ecf0f299}
@media (max-width: 1024px) {
.accessFeatures{grid-template-columns:repeat(2,1fr)}
.compatibilityShow{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.platformAccess{padding:80px 32px}
.accessHeader h2{font-size:34px}
.accessFeatures{grid-template-columns:1fr}
.compatibilityShow{padding:32px}
}
.trustTransparency{background:#0a0a0b;padding:120px 60px;position:relative}
.trustContainer{max-width:1440px;margin:0 auto}
.trustLayout{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:start}
.transparencyContent h2{font-size:44px;color:#ECF0F2;margin-bottom:24px;font-weight:700;line-height:1.2}
.transparencyContent p{font-size:17px;color:#ecf0f2b3;line-height:1.8;margin-bottom:40px}
.trustPrinciples{display:flex;flex-direction:column;gap:20px}
.principleItem{background:linear-gradient(90deg,#71cf0414 0%,transparent 100%);padding:20px 24px;border-radius:8px;border-left:3px solid #71CF04;transition:all .3s ease}
.principleItem:hover{background:linear-gradient(90deg,#71cf0426 0%,#6708060d 100%)}
.principleItem h4{font-size:18px;color:#71CF04;margin-bottom:8px;font-weight:700}
.principleItem p{font-size:15px;color:#ecf0f2bf;line-height:1.6;margin:0}
.statsPanel{background:linear-gradient(135deg,#6708061a 0%,#71cf040d 100%);padding:48px 40px;border-radius:12px;border:1px solid #71cf0433}
.statsPanel h3{font-size:24px;color:#ECF0F2;margin-bottom:32px;font-weight:700;text-align:center}
.statItem{margin-bottom:32px}
.statLabel{display:flex;justify-content:space-between;margin-bottom:10px}
.statLabel span:first-child{font-size:15px;color:#ecf0f2bf}
.statLabel span:last-child{font-size:18px;color:#71CF04;font-weight:700}
.statBar{background:#71cf041a;height:12px;border-radius:8px;overflow:hidden;position:relative}
.statBar::before{content:'';position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#670806 0%,#71CF04 100%);border-radius:8px;transition:width 1s ease}
.statItem:nth-child(2) .statBar::before{width:92%}
.statItem:nth-child(3) .statBar::before{width:87%}
.statItem:nth-child(4) .statBar::before{width:95%}
.trustAction{display:block;text-align:center;background:linear-gradient(135deg,#670806 0%,#8a0a08 100%);color:#ECF0F2;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;margin-top:24px;position:relative;z-index:10}
.trustAction:hover{transform:translateY(-2px);box-shadow:0 12px 32px #67080680}
@media (max-width: 1024px) {
.trustLayout{grid-template-columns:1fr}
.statsPanel{margin-top:40px}
}
@media (max-width: 768px) {
.trustTransparency{padding:80px 32px}
.transparencyContent h2{font-size:36px}
.statsPanel{padding:36px 28px}
}
.contactPage8{background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 50%,#0d0d0d 100%);color:#ECF0F2;padding:0;margin:0}
.contactPage8 .heroContact73{position:relative;min-height:480px;display:flex;align-items:center;background:linear-gradient(to right,#670806 0%,#71CF04 100%);overflow:hidden;padding:80px 20px}
.contactPage8 .heroContact73::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#67080699,#71cf044d);animation:pulseGlow9 8s infinite}
@keyframes pulseGlow9 {
0%,100%{opacity:.8}
50%{opacity:.5}
}
.contactPage8 .heroInner41{max-width:1440px;margin:0 auto;width:100%;position:relative;z-index:2;display:grid;grid-template-columns:1fr 300px;gap:60px;align-items:center}
.contactPage8 .heroText52 h1{font-size:3.2rem;font-weight:700;line-height:1.15;margin:0 0 24px;color:#ECF0F2;text-shadow:0 4px 12px #0006}
.contactPage8 .heroText52 .tagline89{font-size:1.3rem;line-height:1.6;color:#ECF0F2;opacity:.9;margin:0 0 32px}
.contactPage8 .heroText52 .decorLine19{width:120px;height:4px;background:linear-gradient(to right,#71CF04,transparent);border-radius:8px}
.contactPage8 .heroImage67{position:relative}
.contactPage8 .heroImage67 img{width:100%;height:320px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #0009;border:3px solid #71cf044d}
.contactPage8 .infoGrid21{max-width:1440px;margin:0 auto;padding:80px 20px}
.contactPage8 .infoGrid21 h2{font-size:2.4rem;font-weight:600;margin:0 0 48px;color:#71CF04;text-align:center}
.contactPage8 .infoCards34{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}
.contactPage8 .cardInfo77{background:linear-gradient(145deg,#1a1a1a,#262626);padding:40px 32px;border-radius:8px;border:2px solid #71cf0433;transition:all .3s ease;position:relative}
.contactPage8 .cardInfo77::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#71CF04,#670806);border-radius:8px 0 0 8px;opacity:0;transition:opacity .3s ease}
.contactPage8 .cardInfo77:hover{transform:translateY(-4px);border-color:#71cf0499;box-shadow:0 16px 40px #71cf0426}
.contactPage8 .cardInfo77:hover::before{opacity:1}
.contactPage8 .cardInfo77 h3{font-size:1.4rem;font-weight:600;margin:0 0 16px;color:#71CF04}
.contactPage8 .cardInfo77 p{font-size:1.05rem;line-height:1.7;margin:0;color:#ECF0F2;opacity:.85}
.contactPage8 .cardInfo77 a{color:#71CF04;text-decoration:none;transition:color .2s ease}
.contactPage8 .cardInfo77 a:hover{color:#ECF0F2}
.contactPage8 .msgChannels93{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.contactPage8 .msgBtn84{background:linear-gradient(135deg,#670806,#8a0a08);padding:24px;border-radius:8px;text-align:center;text-decoration:none;transition:all .3s ease;border:2px solid transparent;display:block}
.contactPage8 .msgBtn84:hover{background:linear-gradient(135deg,#8a0a08,#670806);border-color:#71CF04;transform:scale(1.05);box-shadow:0 8px 24px #67080666}
.contactPage8 .msgBtn84 span{display:block;font-size:1.1rem;font-weight:600;color:#ECF0F2}
.contactPage8 .formSection48{max-width:1440px;margin:0 auto;padding:80px 20px;background:linear-gradient(to bottom,#1a1a1a,#0d0d0d)}
.contactPage8 .formHolder92{max-width:720px;margin:0 auto}
.contactPage8 .formHolder92 h2{font-size:2.2rem;font-weight:600;margin:0 0 16px;color:#71CF04}
.contactPage8 .formHolder92 .intro55{font-size:1.1rem;line-height:1.6;margin:0 0 48px;color:#ECF0F2;opacity:.8}
.contactPage8 .formBox66{background:#262626;padding:48px;border-radius:12px;border:2px solid #71cf0433;box-shadow:0 8px 32px #0006}
.contactPage8 .inputGroup37{margin-bottom:32px}
.contactPage8 .inputGroup37 label{display:block;font-size:1rem;font-weight:500;margin-bottom:12px;color:#ECF0F2}
.contactPage8 .inputGroup37 input[type="email"]{width:100%;padding:16px;font-size:1rem;background:#1a1a1a;border:2px solid #71cf044d;border-radius:8px;color:#ECF0F2;transition:all .3s ease}
.contactPage8 .inputGroup37 input[type="email"]:focus{outline:none;border-color:#71CF04;box-shadow:0 0 12px #71cf044d}
.contactPage8 .ratingZone43{margin-bottom:32px}
.contactPage8 .ratingZone43 .labelMain78{display:block;font-size:1rem;font-weight:500;margin-bottom:20px;color:#ECF0F2}
.contactPage8 .ratingOptions27{display:flex;gap:16px;flex-wrap:wrap}
.contactPage8 .ratingOptions27 input[type="radio"]{display:none}
.contactPage8 .ratingOptions27 label{padding:12px 24px;background:#1a1a1a;border:2px solid #71cf044d;border-radius:8px;color:#ECF0F2;cursor:pointer;transition:all .3s ease;font-weight:500}
.contactPage8 .ratingOptions27 input[type="radio"]:checked + label{background:linear-gradient(135deg,#670806,#71CF04);border-color:#71CF04;box-shadow:0 4px 16px #71cf044d}
.contactPage8 .ratingOptions27 label:hover{border-color:#71CF04;transform:translateY(-2px)}
.contactPage8 .privacyCheck64{margin-bottom:32px;display:flex;align-items:flex-start;gap:12px}
.contactPage8 .privacyCheck64 input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;accent-color:#71CF04}
.contactPage8 .privacyCheck64 label{font-size:.95rem;line-height:1.6;color:#ECF0F2;opacity:.8;cursor:pointer}
.contactPage8 .privacyCheck64 a{color:#71CF04;text-decoration:none;transition:color .2s ease}
.contactPage8 .privacyCheck64 a:hover{color:#ECF0F2}
.contactPage8 .submitBtn91{width:100%;padding:18px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#71CF04,#5fb003);color:#0d0d0d;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #71cf044d}
.contactPage8 .submitBtn91:hover{background:linear-gradient(135deg,#5fb003,#71CF04);transform:translateY(-2px);box-shadow:0 8px 24px #71cf0480}
.contactPage8 .submitBtn91:active{transform:translateY(0)}
.contactPage8 .locationDetail81{max-width:1440px;margin:0 auto;padding:80px 20px 100px}
.contactPage8 .locationDetail81 h2{font-size:2.2rem;font-weight:600;margin:0 0 40px;color:#71CF04;text-align:center}
.contactPage8 .addressBox53{max-width:600px;margin:0 auto;background:linear-gradient(145deg,#1a1a1a,#262626);padding:48px;border-radius:12px;border:2px solid #71cf0433;text-align:center;position:relative;overflow:hidden}
.contactPage8 .addressBox53::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to right,#670806,#71CF04,#670806);border-radius:0 0 12px 12px}
.contactPage8 .addressBox53 .street46{font-size:1.3rem;font-weight:600;margin:0 0 12px;color:#ECF0F2}
.contactPage8 .addressBox53 .city29{font-size:1.1rem;line-height:1.6;margin:0;color:#ECF0F2;opacity:.85}
@media (max-width: 1024px) {
.contactPage8 .heroInner41{grid-template-columns:1fr;gap:40px}
.contactPage8 .heroImage67 img{height:280px}
.contactPage8 .infoCards34{grid-template-columns:1fr;gap:24px}
.contactPage8 .msgChannels93{grid-template-columns:1fr;gap:16px}
}
@media (max-width: 768px) {
.contactPage8 .heroContact73{min-height:360px;padding:60px 20px}
.contactPage8 .heroText52 h1{font-size:2.4rem}
.contactPage8 .heroText52 .tagline89{font-size:1.1rem}
.contactPage8 .heroImage67 img{height:240px}
.contactPage8 .infoGrid21 h2{font-size:2rem}
.contactPage8 .formBox66{padding:32px 24px}
.contactPage8 .formHolder92 h2{font-size:1.9rem}
.contactPage8 .ratingOptions27{flex-direction:column}
.contactPage8 .ratingOptions27 label{text-align:center}
.contactPage8 .addressBox53{padding:32px 24px}
}
@media (max-width: 480px) {
.contactPage8 .heroText52 h1{font-size:2rem}
.contactPage8 .heroContact73{padding:50px 16px}
.contactPage8 .infoGrid21,.contactPage8 .formSection48,.contactPage8 .locationDetail81{padding:60px 16px}
}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#1a1a1a}
::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#670806,#71CF04);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#71CF04,#670806);box-shadow:0 0 8px #71cf0480}
.heroModule{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#0a0a0a 0%,#1a1214 100%)}
.heroModule .bgLayer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;z-index:1}
.heroModule .bgLayer img{width:100%;height:100%;object-fit:cover}
.heroModule .shapeBox{position:absolute;top:15%;right:8%;width:420px;height:420px;border:2px solid #71cf044d;border-radius:50%;animation:pulseGlow 4s ease-in-out infinite;z-index:2}
.heroModule .shapeBox::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;background:radial-gradient(circle,#67080666 0%,transparent 70%);border-radius:50%}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.05);opacity:1}
}
.heroModule .contentWrap{position:relative;z-index:3;max-width:1440px;margin:0 auto;padding:0 24px;width:100%}
.heroModule .titleArea{max-width:680px}
.heroModule .mainTitle{font-size:3.5rem;font-weight:700;line-height:1.15;color:#ECF0F2;margin-bottom:28px;text-shadow:0 4px 12px #00000080}
.heroModule .mainTitle .accent{color:#71CF04;display:inline-block;position:relative}
.heroModule .mainTitle .accent::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#71CF04 0%,transparent 100%)}
.heroModule .subtitle{font-size:1.25rem;line-height:1.7;color:#ecf0f2d9;margin-bottom:0}
.coursePath{background:#0d0d0d;padding:90px 0;position:relative}
.coursePath::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#71cf0466 50%,transparent 100%)}
.coursePath .innerBox{max-width:1440px;margin:0 auto;padding:0 24px}
.coursePath .headerText{text-align:center;margin-bottom:70px}
.coursePath .headerText h2{font-size:2.75rem;font-weight:700;color:#ECF0F2;margin-bottom:18px}
.coursePath .headerText p{font-size:1.15rem;color:#ecf0f2bf;max-width:720px;margin:0 auto;line-height:1.7}
.coursePath .stageGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.coursePath .stageCard{background:linear-gradient(145deg,#141414 0%,#0a0a0a 100%);border:1px solid #71cf0433;border-radius:8px;padding:40px 32px;position:relative;transition:all .4s ease}
.coursePath .stageCard:hover{border-color:#71cf0499;transform:translateY(-6px);box-shadow:0 16px 36px #71cf0426}
.coursePath .stageCard .numberBadge{position:absolute;top:-16px;left:32px;width:48px;height:48px;background:linear-gradient(135deg,#670806 0%,#8a0a08 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#71CF04;box-shadow:0 4px 12px #67080666}
.coursePath .stageCard h3{font-size:1.5rem;font-weight:600;color:#ECF0F2;margin-bottom:16px;margin-top:12px}
.coursePath .stageCard p{font-size:1rem;line-height:1.7;color:#ecf0f2b3;margin-bottom:24px}
.coursePath .stageCard ul{list-style:none;padding:0;margin:0}
.coursePath .stageCard ul li{font-size:.95rem;color:#ecf0f2a6;margin-bottom:10px;padding-left:24px;position:relative}
.coursePath .stageCard ul li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#71CF04;border-radius:50%;box-shadow:0 0 8px #71cf0499}
.methodBlock{background:linear-gradient(180deg,#0a0a0a 0%,#141414 100%);padding:100px 0;position:relative;overflow:hidden}
.methodBlock::before{content:'';position:absolute;top:50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#67080626 0%,transparent 70%);transform:translateY(-50%);border-radius:50%}
.methodBlock .container2{max-width:1440px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.methodBlock .splitLayout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.methodBlock .textColumn h2{font-size:2.5rem;font-weight:700;color:#ECF0F2;margin-bottom:24px;position:relative;display:inline-block}
.methodBlock .textColumn h2::before{content:'';position:absolute;left:-16px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#71CF04 0%,transparent 100%);border-radius:12px}
.methodBlock .textColumn p{font-size:1.1rem;line-height:1.8;color:#ecf0f2bf;margin-bottom:20px}
.methodBlock .textColumn p:last-of-type{margin-bottom:0}
.methodBlock .imageColumn{position:relative}
.methodBlock .imageColumn img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 20px 48px #0009;border:1px solid #71cf0433}
.methodBlock .imageColumn::before{content:'';position:absolute;top:-20px;right:-20px;width:180px;height:180px;border:2px solid #71cf044d;border-radius:8px;z-index:-1}
.interactiveFaq{background:#0d0d0d;padding:90px 0}
.interactiveFaq .wrapperMain{max-width:1440px;margin:0 auto;padding:0 24px}
.interactiveFaq .titleSection{text-align:center;margin-bottom:60px}
.interactiveFaq .titleSection h2{font-size:2.75rem;font-weight:700;color:#ECF0F2;margin-bottom:16px}
.interactiveFaq .titleSection p{font-size:1.1rem;color:#ecf0f2b3;max-width:680px;margin:0 auto}
.interactiveFaq .faqList{max-width:920px;margin:0 auto}
.interactiveFaq .faqItem{margin-bottom:20px;background:linear-gradient(135deg,#141414 0%,#0a0a0a 100%);border:1px solid #71cf0433;border-radius:8px;overflow:hidden;transition:border-color .3s ease}
.interactiveFaq .faqItem:hover{border-color:#71cf0480}
.interactiveFaq .faqToggle{display:none}
.interactiveFaq .faqQuestion{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;cursor:pointer;user-select:none;transition:background .3s ease}
.interactiveFaq .faqQuestion:hover{background:#71cf040d}
.interactiveFaq .faqQuestion h3{font-size:1.25rem;font-weight:600;color:#ECF0F2;margin:0}
.interactiveFaq .faqQuestion .iconToggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#71cf041a;border-radius:50%;position:relative;transition:all .3s ease}
.interactiveFaq .faqQuestion .iconToggle::before,.interactiveFaq .faqQuestion .iconToggle::after{content:'';position:absolute;background:#71CF04;transition:all .3s ease}
.interactiveFaq .faqQuestion .iconToggle::before{width:14px;height:2px}
.interactiveFaq .faqQuestion .iconToggle::after{width:2px;height:14px}
.interactiveFaq .faqToggle:checked ~ .faqQuestion .iconToggle{background:#67080633;transform:rotate(45deg)}
.interactiveFaq .faqToggle:checked ~ .faqQuestion .iconToggle::before,.interactiveFaq .faqToggle:checked ~ .faqQuestion .iconToggle::after{background:#670806}
.interactiveFaq .faqAnswer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}
.interactiveFaq .faqToggle:checked ~ .faqAnswer{max-height:500px;padding:0 32px 28px}
.interactiveFaq .faqAnswer p{font-size:1.05rem;line-height:1.75;color:#ecf0f2b3;margin:0}
.ctaFinal{background:linear-gradient(135deg,#0a0a0a 0%,#1a1214 50%,#0a0a0a 100%);padding:100px 0;position:relative;overflow:hidden}
.ctaFinal::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#71cf0480 50%,transparent 100%)}
.ctaFinal .geometricShape{position:absolute;top:50%;right:10%;transform:translateY(-50%);width:320px;height:320px;border:2px solid #6708064d;border-radius:12px;transform:translateY(-50%) rotate(25deg);opacity:.4}
.ctaFinal .holder3{max-width:1440px;margin:0 auto;padding:0 24px;text-align:center;position:relative;z-index:2}
.ctaFinal .holder3 h2{font-size:3rem;font-weight:700;color:#ECF0F2;margin-bottom:24px;line-height:1.2}
.ctaFinal .holder3 p{font-size:1.25rem;line-height:1.7;color:#ecf0f2bf;max-width:760px;margin:0 auto 42px}
.ctaFinal .btnPrimary{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#71CF04 0%,#5aa303 100%);color:#0a0a0a;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 8px 24px #71cf044d;position:relative;z-index:10}
.ctaFinal .btnPrimary:hover{background:linear-gradient(135deg,#5aa303 0%,#71CF04 100%);transform:translateY(-3px);box-shadow:0 12px 32px #71cf0480}
@media (max-width: 1024px) {
.heroModule .mainTitle{font-size:2.75rem}
.heroModule .shapeBox{width:320px;height:320px;right:5%}
.coursePath .stageGrid{grid-template-columns:1fr;gap:28px}
.methodBlock .splitLayout{grid-template-columns:1fr;gap:50px}
.ctaFinal .holder3 h2{font-size:2.25rem}
}
@media (max-width: 768px) {
.heroModule{min-height:70vh}
.heroModule .mainTitle{font-size:2.25rem}
.heroModule .subtitle{font-size:1.1rem}
.heroModule .shapeBox{width:220px;height:220px;top:10%;right:-5%}
.coursePath{padding:60px 0}
.coursePath .headerText h2{font-size:2rem}
.coursePath .stageCard{padding:32px 24px}
.methodBlock{padding:70px 0}
.methodBlock .textColumn h2{font-size:2rem}
.methodBlock .imageColumn img{height:320px}
.interactiveFaq{padding:60px 0}
.interactiveFaq .titleSection h2{font-size:2rem}
.interactiveFaq .faqQuestion{padding:20px}
.interactiveFaq .faqQuestion h3{font-size:1.1rem}
.interactiveFaq .faqToggle:checked ~ .faqAnswer{padding:0 20px 20px}
.ctaFinal{padding:70px 0}
.ctaFinal .holder3 h2{font-size:1.9rem}
.ctaFinal .holder3 p{font-size:1.1rem}
.ctaFinal .geometricShape{width:180px;height:180px;right:-10%}
}
.successPage{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0f0f0f 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.successPage::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#71cf0414 0%,transparent 50%);animation:pulse-glow 8s ease-in-out infinite}
@keyframes pulse-glow {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:.6;transform:scale(1.1)}
}
.successHolder{max-width:1440px;width:100%;margin:0 auto;position:relative;z-index:2}
.confirmationBox{background:linear-gradient(145deg,#67080626 0%,#71cf0414 100%);border:2px solid #71cf044d;border-radius:12px;padding:80px 60px;text-align:center;position:relative;box-shadow:0 20px 60px #71cf0426 inset 0 2px 8px #71cf041a;max-width:920px;margin:0 auto}
.confirmationBox::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:3px;background:linear-gradient(90deg,transparent,#71CF04,transparent);border-radius:8px}
.iconSuccess{width:120px;height:120px;margin:0 auto 40px;position:relative}
.iconSuccess svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px #71cf0466)}
.iconSuccess .checkCircle{fill:none;stroke:#71CF04;stroke-width:3;stroke-dasharray:320;stroke-dashoffset:320;animation:draw-circle 1.2s ease-out forwards}
.iconSuccess .checkMark{fill:none;stroke:#71CF04;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;animation:draw-check .8s ease-out .6s forwards}
@keyframes draw-circle {
to{stroke-dashoffset:0}
}
@keyframes draw-check {
to{stroke-dashoffset:0}
}
.confirmationBox h1{font-size:48px;font-weight:700;color:#ECF0F2;margin:0 0 24px;line-height:1.2;letter-spacing:-.5px}
.confirmationBox h1 .accentWord{background:linear-gradient(135deg,#71CF04 0%,#8ef505 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
.confirmationBox h1 .accentWord::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#71CF04,transparent);border-radius:8px}
.messageText{font-size:19px;line-height:1.7;color:#ecf0f2d9;margin:0 0 48px;max-width:640px;margin-left:auto;margin-right:auto}
.detailsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin:48px 0}
.infoCard{background:#6708061f;border:1px solid #71cf0440;border-radius:10px;padding:32px 24px;transition:all .4s ease}
.infoCard:hover{background:#71cf0414;border-color:#71cf0473;transform:translateY(-4px);box-shadow:0 12px 32px #71cf0433}
.infoCard h3{font-size:16px;font-weight:600;color:#71CF04;margin:0 0 12px;text-transform:uppercase;letter-spacing:1.2px}
.infoCard p{font-size:17px;line-height:1.6;color:#ecf0f2e6;margin:0}
.actionButtons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:56px}
.btnPrimary{background:linear-gradient(135deg,#71CF04 0%,#5da803 100%);color:#0a0a0a;padding:18px 48px;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #71cf044d;position:relative;z-index:5}
.btnPrimary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #71cf0473;background:linear-gradient(135deg,#82e005 0%,#71CF04 100%)}
.btnSecondary{background:transparent;color:#ECF0F2;padding:18px 48px;border-radius:8px;font-size:17px;font-weight:600;text-decoration:none;border:2px solid #ecf0f24d;cursor:pointer;transition:all .3s ease;position:relative;z-index:5}
.btnSecondary:hover{border-color:#71CF04;color:#71CF04;transform:translateY(-3px);box-shadow:0 8px 20px #71cf0433}
@media (max-width: 768px) {
.successPage{padding:40px 16px}
.confirmationBox{padding:60px 32px}
.confirmationBox h1{font-size:36px}
.messageText{font-size:17px}
.detailsGrid{grid-template-columns:1fr;gap:20px}
.actionButtons{flex-direction:column}
.btnPrimary,.btnSecondary{width:100%;text-align:center}
}
@media (max-width: 480px) {
.iconSuccess{width:90px;height:90px}
.confirmationBox h1{font-size:28px}
.confirmationBox{padding:48px 24px}
}