@import "https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
html,body{font-family:'Raleway',sans-serif;background:#f9f9f9;color:#1a1a1a;line-height:1.6}
body{min-height:100vh;display:flex;flex-direction:column}
.site-header{background:linear-gradient(135deg,#8B28EE 0%,#056F9F 100%);position:relative;box-shadow:0 8px 20px #8b28ee40}
.nav-bar--v1{background:#ffffff14;padding:16px 0;border-bottom:1px solid #ffffff1f}
.nav-holder{max-width:1600px;margin:0 auto;padding:0 24px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.nav-holder a{color:#fff;text-decoration:none;padding:10px 18px;border-radius:3px;font-size:15px;font-weight:400;transition:background .2s cubic-bezier(0.4,0,0.2,1)}
.nav-holder a:hover{background:#ffffff26}
.brand-overlay--v2{display:flex;justify-content:center;align-items:center;gap:20px;padding:28px 24px;position:relative;top:-8px}
.logo-wrapper--v1{width:90px;height:90px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0000002e 0 2px 6px #8b28ee4d}
.logo-wrapper--v1 img{width:70px;height:70px;object-fit:contain}
.company-name--primary{color:#fff;font-size:32px;font-weight:700;text-shadow:0 3px 12px #0000004d}
main{flex:1}
.site-footer{background:linear-gradient(157deg,#1a1a1a 0%,#2d2d2d 100%);color:#e0e0e0;padding:52px 0 28px;margin-top:80px;box-shadow:0 -8px 20px #00000026}
.footer-content--v1{max-width:1600px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px}
.footer-block{display:flex;flex-direction:column;gap:16px}
.footer-block h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:8px}
.footer-block p,.footer-block a{color:silver;font-size:15px;line-height:1.7;text-decoration:none}
.footer-block a:hover{color:#8B28EE}
.footer-links--v2{display:flex;flex-direction:column;gap:10px}
.footer-links--v2 a{transition:color .2s cubic-bezier(0.4,0,0.2,1)}
.footer-bottom--v1{max-width:1600px;margin:40px auto 0;padding:24px 24px 0;border-top:1px solid #ffffff1a;text-align:center;color:#909090;font-size:14px}
.consent-popup--v1{position:fixed;top:20px;right:20px;background:#fff;border:2px solid #8B28EE;border-radius:5px;padding:24px;max-width:420px;box-shadow:0 12px 32px #8b28ee40 0 4px 12px #00000026;z-index:10000;display:none;animation:slideInFromBottom--v1 .4s cubic-bezier(0.34,1.56,0.64,1)}
.consent-popup--v1.active--v2{display:block}
@keyframes slideInFromBottom--v1 {
from{transform:translateY(120%);opacity:0}
to{transform:translateY(0);opacity:1}
}
.consent-popup--v1.hiding--v1{animation:slideOutToBottom--v1 .3s cubic-bezier(0.55,0.09,0.68,0.53) forwards}
@keyframes slideOutToBottom--v1 {
from{transform:translateY(0);opacity:1}
to{transform:translateY(120%);opacity:0}
}
.consent-popup--v1 h3{font-size:18px;color:#1a1a1a;margin-bottom:12px;font-weight:700}
.consent-popup--v1 p{font-size:14px;color:#4a4a4a;margin-bottom:20px;line-height:1.6}
.consent-buttons--v1{display:flex;gap:12px;justify-content:space-between}
.consent-buttons--v1 button{flex:1;padding:10px 20px;font-size:14px;font-weight:600;font-family:'Raleway',sans-serif;border:2px solid #8B28EE;background:transparent;color:#8B28EE;border-radius:3px;cursor:pointer;transition:all .2s cubic-bezier(0.4,0,0.2,1)}
.consent-buttons--v1 button:hover{background:#8b28ee14}
.consent-buttons--v1 button:active{transform:scale(0.97)}
.consent-link--footer{cursor:pointer;text-decoration:underline}
@media (max-width: 768px) {
.nav-holder{gap:4px}
.nav-holder a{padding:8px 12px;font-size:14px}
.brand-overlay--v2{flex-direction:column;gap:16px;padding:24px}
.logo-wrapper--v1{width:70px;height:70px}
.logo-wrapper--v1 img{width:55px;height:55px}
.company-name--primary{font-size:24px}
.consent-popup--v1{right:10px;left:10px;max-width:calc(100% - 20px)}
.consent-buttons--v1{flex-direction:column}
.footer-content--v1{grid-template-columns:1fr;gap:32px}
}
.legal-section{max-width:1600px;margin:0 auto;padding:60px 20px;background:linear-gradient(128deg,#fff 0%,#f8f5ff 100%)}
.legal-section h1{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;font-weight:700;border-bottom:4px solid #8B28EE;padding-bottom:20px}
.legal-section h2{font-size:32px;line-height:1.3;color:#2a2a2a;margin:48px 0 20px;font-weight:600;position:relative;padding-left:20px}
.legal-section h2::before{content:'';position:absolute;left:0;top:4px;width:6px;height:32px;background:linear-gradient(165deg,#8B28EE 0%,#056F9F 100%);border-radius:3px}
.legal-section h3{font-size:24px;line-height:1.4;color:#3a3a3a;margin:36px 0 16px;font-weight:600}
.legal-section h4{font-size:20px;line-height:1.4;color:#4a4a4a;margin:28px 0 14px;font-weight:600}
.legal-section h5{font-size:18px;line-height:1.5;color:#5a5a5a;margin:24px 0 12px;font-weight:600}
.legal-section h6{font-size:16px;line-height:1.5;color:#6a6a6a;margin:20px 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.legal-section p{font-size:17px;line-height:1.8;color:#333;margin:0 0 20px;max-width:900px}
.legal-section ul{margin:0 0 24px;padding:0 0 0 28px;list-style:none}
.legal-section ul li{font-size:17px;line-height:1.8;color:#333;margin:0 0 12px;position:relative;padding-left:12px}
.legal-section ul li::before{content:'';position:absolute;left:-16px;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#8B28EE 0%,#056F9F 100%);border-radius:2px;transform:rotate(45deg)}
.legal-section ol{margin:0 0 24px;padding:0 0 0 28px;counter-reset:policy-counter-v1;list-style:none}
.legal-section ol li{font-size:17px;line-height:1.8;color:#333;margin:0 0 12px;position:relative;padding-left:12px;counter-increment:policy-counter-v1}
.legal-section ol li::before{content:counter(policy-counter-v1) ".";position:absolute;left:-28px;top:0;font-weight:600;color:#056F9F;min-width:24px}
.legal-section ul ul,.legal-section ol ul,.legal-section ul ol,.legal-section ol ol{margin:12px 0;padding-left:28px}
.legal-section strong,.legal-section b{font-weight:600;color:#1a1a1a}
.legal-section a{color:#056F9F;text-decoration:none;border-bottom:2px solid transparent;transition:all .28s cubic-bezier(0.4,0,0.2,1);position:relative}
.legal-section a:hover{color:#8B28EE;border-bottom-color:#8B28EE}
.legal-section a:active{transform:translateY(1px)}
.legal-section hr{border:none;height:3px;background:linear-gradient(90deg,#8B28EE 0%,#056F9F 50%,#ED7F05 100%);margin:48px 0;border-radius:3px;opacity:.3}
.legal-section div{margin:0 0 20px}
.legal-section div p:last-child{margin-bottom:0}
@media (max-width: 1024px) {
.legal-section{padding:48px 16px}
.legal-section h1{font-size:36px;padding-bottom:16px}
.legal-section h2{font-size:28px;margin:40px 0 18px}
.legal-section h2::before{height:28px}
.legal-section h3{font-size:22px;margin:32px 0 14px}
.legal-section h4{font-size:19px}
.legal-section p,.legal-section ul li,.legal-section ol li{font-size:16px}
}
@media (max-width: 768px) {
.legal-section{padding:40px 12px}
.legal-section h1{font-size:30px;padding-bottom:14px;border-bottom-width:3px}
.legal-section h2{font-size:24px;margin:36px 0 16px;padding-left:16px}
.legal-section h2::before{width:5px;height:24px}
.legal-section h3{font-size:20px;margin:28px 0 12px}
.legal-section h4{font-size:18px;margin:24px 0 12px}
.legal-section h5{font-size:17px}
.legal-section h6{font-size:15px}
.legal-section p,.legal-section ul li,.legal-section ol li{font-size:15px;line-height:1.7}
.legal-section ul,.legal-section ol{padding-left:24px}
.legal-section hr{margin:36px 0}
}
@media (max-width: 480px) {
.legal-section{padding:32px 10px}
.legal-section h1{font-size:26px}
.legal-section h2{font-size:22px}
.legal-section h3{font-size:19px}
.legal-section ul,.legal-section ol{padding-left:20px}
}
.archive-hero{background:linear-gradient(127deg,#8B28EE 0%,#056F9F 45%,#ED7F05 100%);padding:80px 20px;position:relative;overflow:hidden}
.archive-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ed7f054d 0%,transparent 70%);border-radius:50%}
.archive-hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#056f9f40 0%,transparent 65%);border-radius:50%}
.heroHolder-v1{max-width:1600px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.heroContent-v1{color:#fff}
.heroContent-v1 h1{font-size:52px;margin:0 0 24px;line-height:1.15;font-weight:700;text-shadow:2px 4px 12px #0003}
.heroContent-v1 .tagline-v1{font-size:20px;line-height:1.6;margin:0 0 32px;opacity:.95}
.heroBtn--primary{display:inline-block;background:#fff;color:#8B28EE;padding:16px 40px;border-radius:4px;text-decoration:none;font-weight:600;font-size:17px;box-shadow:3px 6px 18px #8b28ee59;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);position:relative;z-index:10}
.heroBtn--primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:4px 10px 24px #8b28ee80}
.heroVisual-v1{background:#ffffff1f;border-radius:6px;padding:48px;backdrop-filter:blur(8px);box-shadow:inset 0 2px 8px #ffffff26 4px 8px 24px #00000026}
.decorArrow-v1{width:80px;height:80px;margin:0 auto 24px}
.decorArrow-v1 svg{width:100%;height:100%;filter:drop-shadow(2px 4px 8px #0003)}
.visualText-v1{color:#fff;text-align:center;font-size:18px;line-height:1.5;opacity:.9}
.archiveCatalog{background:#f8f8f8;padding:100px 20px}
.catalogHolder-v1{max-width:1600px;margin:0 auto}
.catalogIntro-v1{text-align:center;margin-bottom:70px}
.catalogIntro-v1 h2{font-size:42px;margin:0 0 20px;color:#1a1a1a;position:relative;display:inline-block}
.catalogIntro-v1 h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60%;height:4px;background:linear-gradient(90deg,#8B28EE 0%,#056F9F 50%,#ED7F05 100%);border-radius:2px}
.catalogIntro-v1 p{font-size:18px;line-height:1.7;color:#444;max-width:800px;margin:24px auto 0}
.courseGrid-v1{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}
.courseCard-v1{background:#fff;border-radius:5px;padding:0;box-shadow:2px 4px 16px #00000014;transition:all .4s cubic-bezier(0.25,0.8,0.25,1);overflow:hidden;position:relative}
.courseCard-v1:hover{transform:translateY(-6px);box-shadow:4px 12px 28px #8b28ee33}
.cardHeader-v1{padding:32px 28px 24px;background:linear-gradient(135deg,#8B28EE 0%,#056F9F 100%);position:relative}
.cardHeader-v1::before{content:'';position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,#ffffff26 0%,transparent 70%);border-radius:50%}
.cardHeader-v1 h3{font-size:24px;margin:0 0 12px;color:#fff;font-weight:600}
.cardMeta-v1{display:flex;gap:16px;flex-wrap:wrap}
.metaBadge-v1{background:#ffffff40;color:#fff;padding:6px 14px;border-radius:3px;font-size:13px;font-weight:500;backdrop-filter:blur(4px)}
.cardBody-v1{padding:28px}
.cardBody-v1 p{font-size:16px;line-height:1.6;color:#555;margin:0 0 24px}
.featureList-v1{list-style:none;padding:0;margin:0 0 28px}
.featureList-v1 li{padding:10px 0 10px 32px;position:relative;font-size:15px;color:#666;line-height:1.5}
.featureList-v1 li::before{content:'';position:absolute;left:0;top:14px;width:18px;height:18px;background:linear-gradient(135deg,#8B28EE 0%,#056F9F 100%);border-radius:50%;box-shadow:0 2px 6px #8b28ee4d}
.cardBtn-v1{display:inline-block;background:linear-gradient(90deg,#8B28EE 0%,#056F9F 100%);color:#fff;padding:12px 28px;border-radius:4px;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);box-shadow:2px 4px 12px #8b28ee40;position:relative;z-index:5}
.cardBtn-v1:hover{transform:scale(1.05);box-shadow:3px 6px 18px #8b28ee66}
.filterSection-v1{background:#fff;padding:40px;border-radius:5px;box-shadow:2px 4px 16px #00000014;margin-bottom:60px}
.filterSection-v1 h4{font-size:20px;margin:0 0 24px;color:#1a1a1a}
.filterTabs-v1{display:flex;gap:12px;flex-wrap:wrap}
.filterTabs-v1 input[type="radio"]{display:none}
.filterTabs-v1 label{display:inline-block;padding:12px 24px;background:#f0f0f0;border-radius:4px;cursor:pointer;font-size:15px;color:#555;transition:all .3s ease;border:2px solid transparent}
.filterTabs-v1 label:hover{background:#e8e8e8;border-color:#8B28EE}
.filterTabs-v1 input[type="radio"]:checked + label{background:linear-gradient(90deg,#8B28EE 0%,#056F9F 100%);color:#fff;border-color:#8B28EE;box-shadow:2px 4px 12px #8b28ee4d}
.statsBar-v1{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}
.statBox-v1{background:linear-gradient(135deg,#8b28ee0d 0%,#056f9f0d 100%);padding:28px;border-radius:5px;text-align:center;border:2px solid #8b28ee1a;transition:all .35s ease}
.statBox-v1:hover{border-color:#8B28EE;background:linear-gradient(135deg,#8b28ee1a 0%,#056f9f1a 100%);transform:translateY(-4px)}
.statBox-v1 .number-v1{font-size:36px;font-weight:700;color:#8B28EE;margin:0 0 8px}
.statBox-v1 .label-v1{font-size:15px;color:#555;margin:0}
@media (max-width: 1200px) {
.courseGrid-v1{grid-template-columns:repeat(2,1fr);gap:30px}
.heroHolder-v1{gap:40px}
.statsBar-v1{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.heroHolder-v1{grid-template-columns:1fr;gap:40px}
.archive-hero{padding:60px 20px}
.heroContent-v1 h1{font-size:38px}
.heroContent-v1 .tagline-v1{font-size:18px}
.courseGrid-v1{grid-template-columns:1fr;gap:24px}
.catalogIntro-v1 h2{font-size:32px}
.statsBar-v1{grid-template-columns:1fr;gap:20px}
.filterTabs-v1{flex-direction:column}
.filterTabs-v1 label{width:100%;text-align:center}
}
@media (max-width: 480px) {
.heroContent-v1 h1{font-size:32px}
.catalogIntro-v1 h2{font-size:28px}
.cardHeader-v1 h3{font-size:20px}
.heroBtn--primary{width:100%;text-align:center}
}
.titleExpanse-v1{background:linear-gradient(127deg,#8B28EE 0%,#056F9F 100%);position:relative;overflow:hidden;padding:0}
.titleExpanse-v1 .layerBase-v2{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:0 auto;align-items:center;gap:60px;padding:80px 40px;position:relative;z-index:2}
.titleExpanse-v1 .textHolder-v1{color:#fff}
.titleExpanse-v1 .textHolder-v1 h1{font-size:3.2rem;line-height:1.15;margin:0 0 24px;font-weight:700}
.titleExpanse-v1 .textHolder-v1 .manifestoText-v1{font-size:1.15rem;line-height:1.7;margin:0 0 32px;opacity:.95}
.titleExpanse-v1 .actionRow-v1{display:flex;gap:16px;flex-wrap:wrap}
.titleExpanse-v1 .primaryBtn-v2{background:#ED7F05;color:#fff;padding:14px 32px;border:none;border-radius:4px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(0.4,0,0.2,1);text-decoration:none;display:inline-block;z-index:10;position:relative}
.titleExpanse-v1 .primaryBtn-v2:hover{background:#d67004;transform:translateY(-2px);box-shadow:0 8px 16px #ed7f054d}
.titleExpanse-v1 .secondaryBtn-v2{background:transparent;color:#fff;padding:14px 32px;border:2px solid #fff;border-radius:4px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(0.4,0,0.2,1);text-decoration:none;display:inline-block;z-index:10;position:relative}
.titleExpanse-v1 .secondaryBtn-v2:hover{background:#ffffff26;transform:translateY(-2px)}
.titleExpanse-v1 .imageContainer-v1{position:relative}
.titleExpanse-v1 .imageContainer-v1 .mainVisual-v1{width:100%;height:480px;object-fit:cover;border-radius:6px;box-shadow:0 20px 40px #0000004d;position:relative;z-index:3}
.titleExpanse-v1 .decorShape-v1{position:absolute;width:280px;height:280px;background:linear-gradient(45deg,#ED7F05,#8B28EE);border-radius:50%;opacity:.2;top:-40px;right:-40px;z-index:1;filter:blur(60px)}
.titleExpanse-v1 .decorShape-v2{position:absolute;width:200px;height:200px;background:linear-gradient(225deg,#056F9F,#8B28EE);border-radius:50%;opacity:.15;bottom:-30px;left:-30px;z-index:1;filter:blur(50px)}
.motivationDivision-v1{padding:100px 40px;background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%);position:relative}
.motivationDivision-v1::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8B28EE 0%,#056F9F 50%,#ED7F05 100%)}
.motivationDivision-v1 .contentWrapper-v1{max-width:1600px;margin:0 auto}
.motivationDivision-v1 .sectionHeading-v1{text-align:center;margin-bottom:60px}
.motivationDivision-v1 .sectionHeading-v1 h2{font-size:2.5rem;color:#1a1a1a;margin:0 0 16px;position:relative;display:inline-block}
.motivationDivision-v1 .sectionHeading-v1 h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60%;height:3px;background:linear-gradient(90deg,#8B28EE,#ED7F05);border-radius:2px}
.motivationDivision-v1 .sectionHeading-v1 p{font-size:1.15rem;color:#555;max-width:700px;margin:24px auto 0;line-height:1.6}
.motivationDivision-v1 .motivationGrid-v1{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.motivationDivision-v1 .motivationCard-v1{background:#fff;padding:36px 28px;border-radius:5px;border:1px solid #e0e0e0;transition:all .4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.motivationDivision-v1 .motivationCard-v1::before{content:'';position:absolute;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#8B28EE,#056F9F);transition:width .4s cubic-bezier(0.4,0,0.2,1)}
.motivationDivision-v1 .motivationCard-v1:hover{transform:translateY(-6px);box-shadow:0 12px 28px #8b28ee26}
.motivationDivision-v1 .motivationCard-v1:hover::before{width:100%}
.motivationDivision-v1 .motivationCard-v1 .iconCircle-v1{width:64px;height:64px;background:linear-gradient(135deg,#8B28EE,#056F9F);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#fff;font-size:1.8rem}
.motivationDivision-v1 .motivationCard-v1 h3{font-size:1.4rem;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.motivationDivision-v1 .motivationCard-v1 p{font-size:1rem;color:#666;line-height:1.65;margin:0}
.communityPanel-v1{background:linear-gradient(235deg,#8B28EE 0%,#056F9F 100%);padding:90px 40px;color:#fff;position:relative;overflow:hidden}
.communityPanel-v1::after{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#ed7f0533 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%}
.communityPanel-v1 .innerContent-v1{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative;z-index:2}
.communityPanel-v1 .textContent-v1 h2{font-size:2.3rem;margin:0 0 20px;font-weight:700}
.communityPanel-v1 .textContent-v1 p{font-size:1.1rem;line-height:1.7;margin:0 0 32px;opacity:.92}
.communityPanel-v1 .featureList-v1{list-style:none;padding:0;margin:0}
.communityPanel-v1 .featureList-v1 li{padding:14px 0 14px 36px;position:relative;font-size:1.05rem;line-height:1.5}
.communityPanel-v1 .featureList-v1 li::before{content:'✓';position:absolute;left:0;top:14px;width:24px;height:24px;background:#ED7F05;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.communityPanel-v1 .visualPart-v1{position:relative}
.communityPanel-v1 .visualPart-v1 img{width:100%;height:420px;object-fit:cover;border-radius:6px;box-shadow:0 16px 36px #00000040}
.platformDetail-v1{padding:100px 40px;background:#fff}
.platformDetail-v1 .platformHolder-v1{max-width:1600px;margin:0 auto}
.platformDetail-v1 .topSection-v1{text-align:center;margin-bottom:70px}
.platformDetail-v1 .topSection-v1 h2{font-size:2.4rem;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.platformDetail-v1 .topSection-v1 p{font-size:1.1rem;color:#555;max-width:800px;margin:0 auto;line-height:1.7}
.platformDetail-v1 .approachDisplay-v1{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;margin-bottom:60px}
.platformDetail-v1 .approachCard-v1{background:linear-gradient(145deg,#f8f9fa,#fff);padding:40px 32px;border-radius:5px;border-left:4px solid #8B28EE;box-shadow:0 4px 12px #0000000f;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.platformDetail-v1 .approachCard-v1:nth-child(2n){border-left-color:#056F9F}
.platformDetail-v1 .approachCard-v1:hover{transform:translateX(8px);box-shadow:0 8px 20px #8b28ee1f}
.platformDetail-v1 .approachCard-v1 h3{font-size:1.5rem;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.platformDetail-v1 .approachCard-v1 p{font-size:1.05rem;color:#666;line-height:1.65;margin:0}
.platformDetail-v1 .testimonialBox-v1{background:linear-gradient(120deg,#8B28EE 0%,#056F9F 100%);padding:50px 40px;border-radius:6px;color:#fff;display:flex;gap:40px;align-items:center}
.platformDetail-v1 .testimonialBox-v1 .profileImg-v1{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #fff;flex-shrink:0}
.platformDetail-v1 .testimonialBox-v1 .quoteContent-v1{flex:1}
.platformDetail-v1 .testimonialBox-v1 .quoteContent-v1 p{font-size:1.15rem;line-height:1.7;margin:0 0 16px;font-style:italic}
.platformDetail-v1 .testimonialBox-v1 .quoteContent-v1 .authorLine-v1{font-size:1rem;font-weight:600;opacity:.9;font-style:normal}
.interactionZone-v1{background:linear-gradient(180deg,#f8f9fa 0%,#e9ecef 100%);padding:90px 40px}
.interactionZone-v1 .zoneContainer-v1{max-width:1600px;margin:0 auto}
.interactionZone-v1 .headerBlock-v1{text-align:center;margin-bottom:60px}
.interactionZone-v1 .headerBlock-v1 h2{font-size:2.4rem;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.interactionZone-v1 .headerBlock-v1 p{font-size:1.1rem;color:#555;max-width:750px;margin:0 auto;line-height:1.6}
.interactionZone-v1 .formatTabs-v1{position:relative}
.interactionZone-v1 .formatTabs-v1 input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.interactionZone-v1 .tabNav-v1{display:flex;gap:12px;justify-content:center;margin-bottom:40px}
.interactionZone-v1 .tabNav-v1 label{background:#fff;color:#666;padding:14px 32px;border-radius:4px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(0.4,0,0.2,1);border:2px solid transparent;z-index:10;position:relative}
.interactionZone-v1 .tabNav-v1 label:hover{background:#f8f9fa;color:#8B28EE}
.interactionZone-v1 input[type="radio"]:checked + label{background:linear-gradient(135deg,#8B28EE,#056F9F);color:#fff;border-color:#8B28EE;box-shadow:0 4px 12px #8b28ee4d}
.interactionZone-v1 .panelContent-v1{display:none;background:#fff;padding:50px 40px;border-radius:6px;box-shadow:0 6px 18px #00000014}
.interactionZone-v1 #tab1-v1:checked ~ .panelHolder-v1 .panel1-v1,.interactionZone-v1 #tab2-v1:checked ~ .panelHolder-v1 .panel2-v1,.interactionZone-v1 #tab3-v1:checked ~ .panelHolder-v1 .panel3-v1{display:block}
.interactionZone-v1 .panelContent-v1 h3{font-size:1.8rem;color:#1a1a1a;margin:0 0 20px;font-weight:600}
.interactionZone-v1 .panelContent-v1 p{font-size:1.05rem;color:#666;line-height:1.7;margin:0 0 24px}
.interactionZone-v1 .panelContent-v1 .benefitRow-v1{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px}
.interactionZone-v1 .panelContent-v1 .benefitItem-v1{background:#f8f9fa;padding:24px 20px;border-radius:4px;border-top:3px solid #ED7F05}
.interactionZone-v1 .panelContent-v1 .benefitItem-v1 h4{font-size:1.15rem;color:#1a1a1a;margin:0 0 10px;font-weight:600}
.interactionZone-v1 .panelContent-v1 .benefitItem-v1 p{font-size:.95rem;color:#666;line-height:1.5;margin:0}
@media (max-width: 1024px) {
.titleExpanse-v1 .layerBase-v2{grid-template-columns:1fr;gap:40px;padding:60px 30px}
.titleExpanse-v1 .textHolder-v1 h1{font-size:2.4rem}
.motivationDivision-v1 .motivationGrid-v1{grid-template-columns:1fr;gap:30px}
.communityPanel-v1 .innerContent-v1{grid-template-columns:1fr;gap:40px}
.platformDetail-v1 .approachDisplay-v1{grid-template-columns:1fr;gap:30px}
.platformDetail-v1 .testimonialBox-v1{flex-direction:column;text-align:center}
.interactionZone-v1 .panelContent-v1 .benefitRow-v1{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 768px) {
.titleExpanse-v1 .textHolder-v1 h1{font-size:2rem}
.titleExpanse-v1 .actionRow-v1{flex-direction:column}
.titleExpanse-v1 .imageContainer-v1 .mainVisual-v1{height:320px}
.motivationDivision-v1,.communityPanel-v1,.platformDetail-v1,.interactionZone-v1{padding:60px 20px}
.motivationDivision-v1 .sectionHeading-v1 h2,.platformDetail-v1 .topSection-v1 h2,.interactionZone-v1 .headerBlock-v1 h2{font-size:1.9rem}
.communityPanel-v1 .textContent-v1 h2{font-size:1.8rem}
.interactionZone-v1 .tabNav-v1{flex-direction:column}
.interactionZone-v1 .tabNav-v1 label{text-align:center}
}
.mainTitleWrap-v1{position:relative;padding:4rem 2rem;background:linear-gradient(158deg,#f4f0fc 0%,#e8f5fb 48%,#fff3e6 100%);overflow:hidden}
.mainTitleWrap-v1::before{content:'';position:absolute;top:-50%;right:-10%;width:70%;height:150%;background:radial-gradient(ellipse at center,#8b28ee14 0%,transparent 70%);pointer-events:none}
.titleInner-holder{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:2.8rem}
.heroImgBox-v2{position:relative;width:100%;max-width:920px;margin:0 auto;border-radius:4px;overflow:hidden;box-shadow:0 8px 28px #8b28ee24 0 2px 8px #056f9f14}
.heroImgBox-v2::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 35% 25%,#fff6 0%,transparent 55%);pointer-events:none;mix-blend-mode:soft-light}
.heroImgBox-v2 img{width:100%;height:auto;display:block;object-fit:cover}
.heroTextBlock--main{text-align:center;max-width:840px;margin:0 auto}
.heroTextBlock--main h1{font-size:2.75rem;line-height:1.18;color:#1a1a1a;margin:0 0 1.2rem;font-weight:700}
.heroTextBlock--main p{font-size:1.15rem;line-height:1.64;color:#3a3a3a;margin:0 0 2rem}
.actionBtnSet-v1{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btnPrimary--v2{padding:.9rem 2.2rem;background:linear-gradient(135deg,#8B28EE 0%,#a648f5 100%);color:#fff;border:none;border-radius:3px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 4px 14px #8b28ee47;transition:all .28s cubic-bezier(0.34,1.56,0.64,1);z-index:10;position:relative}
.btnPrimary--v2:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b28ee61}
.btnOutline--v2{padding:.9rem 2.2rem;background:transparent;color:#056F9F;border:2px solid #056F9F;border-radius:3px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .26s cubic-bezier(0.25,0.46,0.45,0.94);z-index:10;position:relative}
.btnOutline--v2:hover{background:#056F9F;color:#fff;transform:scale(1.03)}
.storySection-holder{padding:5rem 2rem;background:#fff}
.storyInner-box{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}
.storyContent--left h2{font-size:2.2rem;line-height:1.24;color:#1a1a1a;margin:0 0 1.4rem;font-weight:700}
.storyContent--left h2::before{content:'';display:block;width:64px;height:4px;background:linear-gradient(90deg,#ED7F05 0%,#f59d3d 100%);margin-bottom:1rem;border-radius:2px}
.storyContent--left p{font-size:1.05rem;line-height:1.72;color:#4a4a4a;margin:0 0 1.3rem}
.storyVisual--right{position:relative}
.storyVisual--right img{width:100%;height:auto;border-radius:4px;box-shadow:0 12px 32px #056f9f29;display:block;object-fit:cover}
.approachGrid-wrapper{padding:5rem 2rem;background:linear-gradient(172deg,#fef9f3 0%,#f9f4ff 100%)}
.approachGrid-inner{max-width:1600px;margin:0 auto}
.approachGrid-inner h2{font-size:2.1rem;line-height:1.28;color:#1a1a1a;text-align:center;margin:0 0 3.2rem;font-weight:700}
.approachCards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.cardApproach--item{background:#fff;padding:2.2rem;border-radius:5px;box-shadow:0 6px 18px #8b28ee17;transition:all .32s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;overflow:hidden}
.cardApproach--item::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#8B28EE 0%,#056F9F 100%);opacity:0;transition:opacity .3s ease}
.cardApproach--item:hover{transform:translateY(-4px);box-shadow:0 12px 28px #8b28ee2e}
.cardApproach--item:hover::before{opacity:1}
.cardApproach--item h3{font-size:1.35rem;line-height:1.32;color:#1a1a1a;margin:0 0 .9rem;font-weight:600}
.cardApproach--item p{font-size:1rem;line-height:1.68;color:#555;margin:0}
.cardIcon--badge{width:48px;height:48px;margin-bottom:1.2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b28ee14 0%,#056f9f14 100%);border-radius:3px}
.cardIcon--badge svg{width:26px;height:26px}
.pathwaySection-wrap{padding:5.5rem 2rem;background:#fff;position:relative}
.pathwaySection-wrap::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#8B28EE 20%,#056F9F 50%,#ED7F05 80%,transparent 100%)}
.pathwayInner-container{max-width:1600px;margin:0 auto}
.pathwayInner-container h2{font-size:2rem;line-height:1.3;color:#1a1a1a;margin:0 0 2.6rem;font-weight:700;text-align:center}
.pathwayInner-container h2::after{content:'';display:block;width:88px;height:3px;background:linear-gradient(90deg,#8B28EE 0%,#056F9F 100%);margin:1rem auto 0;border-radius:2px}
.pathSteps-holder{display:flex;gap:1.8rem;justify-content:space-between;align-items:flex-start;position:relative}
.pathSteps-holder::before{content:'';position:absolute;top:32px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#8B28EE 0%,#056F9F 50%,#ED7F05 100%);z-index:1}
.stepItem--box{flex:1;background:#fafafa;padding:2rem 1.5rem;border-radius:4px;position:relative;z-index:2;text-align:center;box-shadow:0 4px 12px #0000000d;transition:all .28s cubic-bezier(0.34,1.56,0.64,1)}
.stepItem--box:hover{transform:translateY(-6px);box-shadow:0 8px 22px #8b28ee24}
.stepNumber--circle{width:64px;height:64px;margin:0 auto 1.2rem;background:linear-gradient(135deg,#8B28EE 0%,#a648f5 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 6px 16px #8b28ee4d}
.stepItem--box h4{font-size:1.2rem;line-height:1.36;color:#1a1a1a;margin:0 0 .8rem;font-weight:600}
.stepItem--box p{font-size:.98rem;line-height:1.62;color:#5a5a5a;margin:0}
.teamSpotlight-section{padding:5rem 2rem;background:linear-gradient(165deg,#f8f3ff 0%,#e8f7fc 100%)}
.teamSpotlight-inner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:0.9fr 1.1fr;gap:3.5rem;align-items:center}
.teamPhoto-box{position:relative}
.teamPhoto-box img{width:100%;height:auto;border-radius:5px;box-shadow:0 14px 36px #056f9f33;display:block;object-fit:cover}
.teamText-content h2{font-size:2.15rem;line-height:1.26;color:#1a1a1a;margin:0 0 1.5rem;font-weight:700}
.teamText-content h3{font-size:1.4rem;line-height:1.38;color:#056F9F;margin:0 0 1.2rem;font-weight:600}
.teamText-content p{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin:0 0 1.4rem}
.teamHighlight-stat{display:inline-block;padding:.6rem 1.4rem;background:linear-gradient(135deg,#ed7f051f 0%,#ed7f050f 100%);border-left:4px solid #ED7F05;border-radius:3px;font-size:1.08rem;color:#2a2a2a;font-weight:600;margin-top:1rem}
@media (max-width: 1024px) {
.storyInner-box{grid-template-columns:1fr;gap:2.5rem}
.approachCards-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}
.pathSteps-holder::before{display:none}
.pathSteps-holder{flex-direction:column}
.stepItem--box{width:100%}
.teamSpotlight-inner{grid-template-columns:1fr;gap:2.5rem}
}
@media (max-width: 768px) {
.mainTitleWrap-v1{padding:3rem 1.5rem}
.heroTextBlock--main h1{font-size:2.1rem}
.heroTextBlock--main p{font-size:1.05rem}
.actionBtnSet-v1{flex-direction:column;align-items:stretch}
.btnPrimary--v2,.btnOutline--v2{width:100%;text-align:center}
.storySection-holder,.approachGrid-wrapper,.pathwaySection-wrap,.teamSpotlight-section{padding:3.5rem 1.5rem}
.storyContent--left h2,.approachGrid-inner h2,.pathwayInner-container h2,.teamText-content h2{font-size:1.8rem}
.approachCards-grid{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.heroTextBlock--main h1{font-size:1.85rem}
.storyContent--left h2,.approachGrid-inner h2,.pathwayInner-container h2,.teamText-content h2{font-size:1.6rem}
.cardApproach--item{padding:1.6rem}
.stepItem--box{padding:1.5rem 1.2rem}
}
.contact-wrapper-v1{max-width:1600px;margin:0 auto;padding:0 20px}
.hero-contact-v1{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;padding:80px 0;position:relative;overflow:hidden}
.hero-contact-v1::before{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#8b28ee26,transparent);border-radius:50%;top:-50px;left:-100px;filter:blur(60px);z-index:0}
.hero-contact-v1::after{content:'';position:absolute;width:350px;height:350px;background:radial-gradient(circle,#056f9f1f,transparent);border-radius:50%;bottom:-80px;right:-120px;filter:blur(70px);z-index:0}
.hero-image-holder-v1{position:relative;z-index:1}
.hero-frame-v1{background:linear-gradient(135deg,#8B28EE,#056F9F);padding:8px;border-radius:4px;box-shadow:0 12px 35px #8b28ee40 0 4px 12px #056f9f26;position:relative}
.hero-frame-v1::before{content:'';position:absolute;inset:-3px;background:linear-gradient(225deg,#ed7f054d,transparent);border-radius:5px;z-index:-1;filter:blur(8px)}
.hero-frame-v1 img{width:100%;height:auto;display:block;border-radius:2px;filter:drop-shadow(0 8px 16px #0003)}
.hero-text-content-v1{position:relative;z-index:1}
.hero-title-primary-v1{font-size:3.2rem;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.15;letter-spacing:-.02em}
.hero-title-secondary-v1{font-size:1.9rem;font-weight:600;background:linear-gradient(120deg,#8B28EE,#056F9F);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;line-height:1.3}
.hero-title-tertiary-v1{font-size:1.3rem;font-weight:500;color:#4a4a4a;margin:0 0 24px;line-height:1.5}
.hero-description-v1{font-size:1rem;color:#666;line-height:1.7;margin:0}
.contact-info-section-v1{background:linear-gradient(165deg,#f8f9fa 0%,#fff 100%);padding:70px 0;position:relative}
.contact-cards-grid-v1{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:50px}
.info-card-v1{background:#fff;border:2px solid #e8e8e8;border-radius:3px;padding:32px 28px;transition:all .35s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.info-card-v1::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8B28EE,#056F9F,#ED7F05);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(0.4,0,0.2,1)}
.info-card-v1:hover{transform:translateY(-6px);border-color:#8B28EE;box-shadow:0 16px 40px #8b28ee2e}
.info-card-v1:hover::before{transform:scaleX(1)}
.card-icon-holder-v1{width:54px;height:54px;background:linear-gradient(135deg,#8b28ee1a,#056f9f14);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s ease}
.info-card-v1:hover .card-icon-holder-v1{background:linear-gradient(135deg,#8B28EE,#056F9F)}
.card-icon-holder-v1 i{font-size:1.6rem;color:#8B28EE;transition:color .3s ease}
.info-card-v1:hover .card-icon-holder-v1 i{color:#fff}
.card-title-v1{font-size:1.25rem;font-weight:600;color:#2a2a2a;margin:0 0 12px}
.card-value-v1{font-size:1rem;color:#666;margin:0;line-height:1.6;word-break:break-word}
.card-value-v1 a{color:#056F9F;text-decoration:none;transition:color .25s ease}
.card-value-v1 a:hover{color:#8B28EE}
.form-section-v1{background:linear-gradient(195deg,#fff 0%,#f5f7fa 100%);padding:80px 0}
.form-container-v1{max-width:900px;margin:0 auto;background:#fff;border:2px solid #e0e0e0;border-radius:4px;padding:50px 45px;box-shadow:0 10px 30px #0000000f}
.form-header-v1{text-align:center;margin-bottom:45px}
.form-header-v1 h2{font-size:2.2rem;font-weight:700;color:#1a1a1a;margin:0 0 12px;position:relative;display:inline-block}
.form-header-v1 h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#8B28EE,#ED7F05);border-radius:2px}
.form-header-v1 p{font-size:1rem;color:#666;margin:20px 0 0;line-height:1.6}
.contact-form-v1{display:flex;flex-direction:column;gap:28px}
.form-row-v1{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.form-group-v1{display:flex;flex-direction:column;gap:8px}
.form-group-v1 label{font-size:.95rem;font-weight:600;color:#3a3a3a;display:flex;align-items:center;gap:6px}
.form-group-v1 label i{font-size:1rem;color:#8B28EE}
.form-group-v1 input,.form-group-v1 textarea,.form-group-v1 select{padding:14px 16px;border:2px solid #d5d5d5;border-radius:3px;font-size:1rem;color:#2a2a2a;background:#fafafa;transition:all .3s cubic-bezier(0.4,0,0.2,1);outline:none}
.form-group-v1 input:focus,.form-group-v1 textarea:focus,.form-group-v1 select:focus{border-color:#8B28EE;background:#fff;box-shadow:0 0 0 3px #8b28ee1a}
.form-group-v1 textarea{resize:vertical;min-height:140px;font-family:inherit}
.form-group-v1 select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%238B28EE' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.privacy-consent-v1{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.privacy-consent-v1 input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;accent-color:#8B28EE;flex-shrink:0}
.privacy-consent-v1 label{font-size:.9rem;color:#555;line-height:1.5;cursor:pointer}
.privacy-consent-v1 a{color:#056F9F;text-decoration:underline;transition:color .25s ease}
.privacy-consent-v1 a:hover{color:#8B28EE}
.submit-btn-v1{background:linear-gradient(120deg,#8B28EE,#056F9F);color:#fff;border:none;padding:16px 40px;font-size:1.1rem;font-weight:600;border-radius:3px;cursor:pointer;transition:all .35s cubic-bezier(0.4,0,0.2,1);box-shadow:0 6px 20px #8b28ee4d;position:relative;overflow:hidden;z-index:1}
.submit-btn-v1::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#056F9F,#8B28EE);opacity:0;transition:opacity .35s ease;z-index:-1}
.submit-btn-v1:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b28ee66}
.submit-btn-v1:hover::before{opacity:1}
.submit-btn-v1:active{transform:translateY(0)}
@media (max-width: 992px) {
.hero-contact-v1{grid-template-columns:1fr;gap:50px;padding:60px 0}
.hero-title-primary-v1{font-size:2.6rem}
.hero-title-secondary-v1{font-size:1.6rem}
.form-row-v1{grid-template-columns:1fr}
.contact-cards-grid-v1{grid-template-columns:1fr}
.form-container-v1{padding:40px 30px}
}
@media (max-width: 640px) {
.hero-title-primary-v1{font-size:2.2rem}
.hero-title-secondary-v1{font-size:1.4rem}
.hero-title-tertiary-v1{font-size:1.1rem}
.contact-info-section-v1,.form-section-v1{padding:50px 0}
.form-header-v1 h2{font-size:1.9rem}
.form-container-v1{padding:30px 20px}
}
.program-intro-v1{background:linear-gradient(127deg,#8B28EE 0%,#056F9F 100%);padding:80px 20px;position:relative;overflow:hidden}
.program-intro-v1::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#ed7f0514;border-radius:50%;z-index:1}
.program-intro-v1 .intro-content-holder{max-width:1600px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.program-intro-v1 .intro-text-box{color:#fff}
.program-intro-v1 .intro-headline--v2{font-size:48px;margin:0 0 20px;font-weight:700;line-height:1.2}
.program-intro-v1 .intro-description--v2{font-size:18px;line-height:1.7;margin:0 0 32px;opacity:.95}
.program-intro-v1 .cta-btn-v1{display:inline-block;background:#ED7F05;color:#fff;padding:14px 36px;border-radius:4px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 20px #ed7f0540;z-index:10;position:relative}
.program-intro-v1 .cta-btn-v1:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ed7f0559}
.program-intro-v1 .intro-visual-holder{position:relative}
.program-intro-v1 .intro-img-v1{width:100%;height:400px;object-fit:cover;border-radius:6px;box-shadow:0 16px 48px #0000004d}
.pathway-division-v2{padding:100px 20px;background:#f8f9fa;position:relative}
.pathway-division-v2::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8B28EE 0%,#056F9F 50%,#ED7F05 100%)}
.pathway-division-v2 .pathway-container-v1{max-width:1600px;margin:0 auto}
.pathway-division-v2 .section-header-v1{text-align:center;margin:0 0 60px}
.pathway-division-v2 .header-title-v2{font-size:38px;margin:0 0 16px;color:#1a1a1a;position:relative;display:inline-block}
.pathway-division-v2 .header-title-v2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#8B28EE}
.pathway-division-v2 .header-subtitle-v1{font-size:17px;color:#555;margin:0;line-height:1.6}
.pathway-division-v2 .pathway-grid-v1{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.pathway-division-v2 .pathway-card-v2{background:#fff;padding:40px 30px;border-radius:5px;box-shadow:0 4px 16px #00000014;transition:all .4s cubic-bezier(0.34,1.56,0.64,1);border-top:4px solid transparent}
.pathway-division-v2 .pathway-card-v2:nth-child(1){border-top-color:#8B28EE}
.pathway-division-v2 .pathway-card-v2:nth-child(2){border-top-color:#056F9F}
.pathway-division-v2 .pathway-card-v2:nth-child(3){border-top-color:#ED7F05}
.pathway-division-v2 .pathway-card-v2:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #8b28ee26}
.pathway-division-v2 .card-icon-v1{width:56px;height:56px;margin:0 0 20px;fill:currentColor}
.pathway-division-v2 .card-icon-v1.icon--purple{color:#8B28EE}
.pathway-division-v2 .card-icon-v1.icon--blue{color:#056F9F}
.pathway-division-v2 .card-icon-v1.icon--orange{color:#ED7F05}
.pathway-division-v2 .card-title-v1{font-size:24px;margin:0 0 14px;color:#1a1a1a;font-weight:600}
.pathway-division-v2 .card-text-v1{font-size:16px;color:#555;line-height:1.7;margin:0}
.learning-approach-block-v1{padding:90px 20px;background:linear-gradient(145deg,#fff 0%,#f0f0f5 100%)}
.learning-approach-block-v1 .approach-wrapper-v2{max-width:1600px;margin:0 auto;display:flex;gap:80px;align-items:flex-start}
.learning-approach-block-v1 .approach-visual-side{flex:0 0 45%}
.learning-approach-block-v1 .approach-img-v2{width:100%;height:500px;object-fit:cover;border-radius:5px;box-shadow:0 8px 24px #0000001f}
.learning-approach-block-v1 .approach-content-side{flex:1}
.learning-approach-block-v1 .approach-heading-v1{font-size:36px;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.learning-approach-block-v1 .approach-intro-text{font-size:17px;color:#444;line-height:1.7;margin:0 0 36px}
.learning-approach-block-v1 .method-list-v1{list-style:none;padding:0;margin:0}
.learning-approach-block-v1 .method-item-v2{margin:0 0 28px;padding-left:36px;position:relative}
.learning-approach-block-v1 .method-item-v2::before{content:'';position:absolute;left:0;top:4px;width:20px;height:20px;background:linear-gradient(135deg,#8B28EE 0%,#056F9F 100%);border-radius:3px}
.learning-approach-block-v1 .method-title-v1{font-size:19px;margin:0 0 8px;color:#1a1a1a;font-weight:600}
.learning-approach-block-v1 .method-description-v1{font-size:16px;color:#555;line-height:1.6;margin:0}
.instructor-section-v3{padding:100px 20px;background:#fff}
.instructor-section-v3 .instructor-container-v1{max-width:1600px;margin:0 auto}
.instructor-section-v3 .section-title-v3{font-size:38px;text-align:center;margin:0 0 20px;color:#1a1a1a;font-weight:700}
.instructor-section-v3 .section-subtitle-v2{font-size:17px;text-align:center;color:#555;margin:0 0 60px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}
.instructor-section-v3 .instructor-grid-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.instructor-section-v3 .instructor-card-v1{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:5px;padding:30px 20px;text-align:center;box-shadow:0 2px 12px #0000000f;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.instructor-section-v3 .instructor-card-v1:hover{box-shadow:0 8px 24px #8b28ee33;transform:translateY(-4px)}
.instructor-section-v3 .instructor-photo-v1{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 20px;display:block;border:4px solid #8B28EE}
.instructor-section-v3 .instructor-name-v1{font-size:20px;margin:0 0 6px;color:#1a1a1a;font-weight:600}
.instructor-section-v3 .instructor-role-v1{font-size:15px;color:#056F9F;margin:0;font-weight:500}
.enrollment-info-block-v2{padding:90px 20px;background:linear-gradient(178deg,#8B28EE 0%,#056F9F 100%);position:relative;overflow:hidden}
.enrollment-info-block-v2::before{content:'';position:absolute;top:-30%;left:-15%;width:500px;height:500px;background:#ed7f051f;border-radius:50%}
.enrollment-info-block-v2 .enrollment-wrapper-v1{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.enrollment-info-block-v2 .enrollment-headline-v1{font-size:42px;color:#fff;text-align:center;margin:0 0 50px;font-weight:700}
.enrollment-info-block-v2 .steps-holder-v1{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0 0 50px}
.enrollment-info-block-v2 .step-box-v2{background:#ffffff26;padding:32px 24px;border-radius:4px;text-align:center;backdrop-filter:blur(10px);border:1px solid #fff3}
.enrollment-info-block-v2 .step-number-v1{width:48px;height:48px;background:#ED7F05;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px}
.enrollment-info-block-v2 .step-label-v1{font-size:18px;color:#fff;margin:0 0 12px;font-weight:600}
.enrollment-info-block-v2 .step-detail-v1{font-size:15px;color:#ffffffe6;line-height:1.6;margin:0}
.enrollment-info-block-v2 .enrollment-cta-center{text-align:center}
.enrollment-info-block-v2 .enroll-btn-v2{display:inline-block;background:#ED7F05;color:#fff;padding:16px 44px;border-radius:4px;text-decoration:none;font-weight:700;font-size:18px;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 24px #ed7f0559;z-index:10;position:relative}
.enrollment-info-block-v2 .enroll-btn-v2:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 14px 32px #ed7f0573}
@media (max-width: 1200px) {
.program-intro-v1 .intro-content-holder{grid-template-columns:1fr;gap:40px}
.pathway-division-v2 .pathway-grid-v1{grid-template-columns:1fr;gap:30px}
.learning-approach-block-v1 .approach-wrapper-v2{flex-direction:column;gap:50px}
.learning-approach-block-v1 .approach-visual-side{flex:1;width:100%}
.instructor-section-v3 .instructor-grid-v2{grid-template-columns:repeat(2,1fr)}
.enrollment-info-block-v2 .steps-holder-v1{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.program-intro-v1{padding:60px 20px}
.program-intro-v1 .intro-headline--v2{font-size:36px}
.program-intro-v1 .intro-description--v2{font-size:16px}
.pathway-division-v2{padding:70px 20px}
.pathway-division-v2 .header-title-v2{font-size:32px}
.learning-approach-block-v1{padding:70px 20px}
.learning-approach-block-v1 .approach-heading-v1{font-size:30px}
.learning-approach-block-v1 .approach-img-v2{height:350px}
.instructor-section-v3{padding:70px 20px}
.instructor-section-v3 .section-title-v3{font-size:32px}
.instructor-section-v3 .instructor-grid-v2{grid-template-columns:1fr;gap:24px}
.enrollment-info-block-v2{padding:70px 20px}
.enrollment-info-block-v2 .enrollment-headline-v1{font-size:32px}
.enrollment-info-block-v2 .steps-holder-v1{grid-template-columns:1fr;gap:20px}
}
.heroWrapV2{background:linear-gradient(148deg,#8B28EE 0%,#056F9F 100%);padding:80px 20px;position:relative;overflow:hidden}
.heroWrapV2::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ed7f0526 0%,transparent 70%);border-radius:50%}
.heroInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroTextCol h1{font-size:3rem;color:#fff;margin:0 0 20px;line-height:1.15}
.heroTextCol p{font-size:1.15rem;color:#ffffffeb;line-height:1.6;margin:0}
.heroImgCol{position:relative}
.heroImgCol img{width:100%;height:380px;object-fit:cover;border-radius:4px;box-shadow:0 12px 32px #00000040 0 4px 12px #8b28ee4d}
.comparisonZoneV1{max-width:1400px;margin:0 auto;padding:90px 20px}
.comparisonZoneV1 h2{font-size:2.4rem;color:#1a1a1a;margin:0 0 15px;text-align:center}
.comparisonZoneV1 .subText{text-align:center;font-size:1.05rem;color:#555;margin:0 auto 60px;max-width:700px;line-height:1.6}
.comparisonGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.comparisonCard{background:#fff;border:2px solid #e0e0e0;border-radius:5px;padding:35px 25px;position:relative;transition:all .35s cubic-bezier(0.34,1.56,0.64,1)}
.comparisonCard:hover{transform:translateY(-6px);border-color:#8B28EE;box-shadow:0 8px 24px #8b28ee2e}
.comparisonCard.highlighted{border-color:#ED7F05;background:linear-gradient(to bottom,#fff 0%,#fff9f4 100%)}
.comparisonCard.highlighted::before{content:'Empfohlen';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#ED7F05;color:#fff;padding:4px 18px;font-size:.85rem;font-weight:700;border-radius:3px}
.comparisonCard h3{font-size:1.6rem;color:#1a1a1a;margin:0 0 20px}
.comparisonCard .priceTag{font-size:2rem;color:#8B28EE;font-weight:700;margin:0 0 25px}
.comparisonCard .priceTag span{font-size:1rem;color:#666;font-weight:400}
.featureListV1{list-style:none;padding:0;margin:0 0 30px}
.featureListV1 li{padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:.95rem;color:#333;display:flex;align-items:center;gap:10px}
.featureListV1 li::before{content:'✓';color:#056F9F;font-weight:700;font-size:1.1rem}
.featureListV1 li.notIncluded::before{content:'—';color:#ccc}
.featureListV1 li.notIncluded{color:#999}
.comparisonCard .ctaBtnV1{width:100%;padding:14px;background:#8B28EE;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.comparisonCard .ctaBtnV1:hover{background:#6d1ec7;box-shadow:0 6px 16px #8b28ee4d;transform:scale(1.02)}
.comparisonCard.highlighted .ctaBtnV1{background:#ED7F05}
.comparisonCard.highlighted .ctaBtnV1:hover{background:#d66f04;box-shadow:0 6px 16px #ed7f0559}
.detailSegmentV2{background:linear-gradient(225deg,#f8f9fa 0%,#fff 100%);padding:80px 20px}
.detailSegmentV2 .contentHolder{max-width:1200px;margin:0 auto;display:flex;gap:50px;align-items:flex-start}
.detailSegmentV2 .leftCol{flex:1}
.detailSegmentV2 .rightCol{flex:1}
.detailSegmentV2 h2{font-size:2.2rem;color:#1a1a1a;margin:0 0 25px;position:relative;padding-left:20px}
.detailSegmentV2 h2::before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(to bottom,#8B28EE,#ED7F05);border-radius:3px}
.detailSegmentV2 p{font-size:1.05rem;line-height:1.7;color:#444;margin:0 0 20px}
.detailSegmentV2 img{width:100%;height:420px;object-fit:cover;border-radius:5px;box-shadow:0 8px 24px #0000001f}
.benefitMatrixV1{max-width:1600px;margin:0 auto;padding:90px 20px}
.benefitMatrixV1 h2{font-size:2.5rem;color:#1a1a1a;margin:0 0 50px;text-align:center}
.matrixGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.matrixBox{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:30px 20px;text-align:center;transition:all .35s ease;position:relative;overflow:hidden}
.matrixBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8B28EE,#056F9F);transform:scaleX(0);transition:transform .35s ease}
.matrixBox:hover::before{transform:scaleX(1)}
.matrixBox:hover{border-color:#8B28EE;box-shadow:0 6px 20px #8b28ee26;transform:translateY(-4px)}
.matrixBox .iconHolder{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#f0e6ff,#e6f4f9);border-radius:50%;display:flex;align-items:center;justify-content:center}
.matrixBox .iconHolder svg{width:30px;height:30px;fill:#8B28EE}
.matrixBox h4{font-size:1.2rem;color:#1a1a1a;margin:0 0 12px}
.matrixBox p{font-size:.95rem;color:#555;line-height:1.5;margin:0}
.testimonialsV2{background:linear-gradient(155deg,#8B28EE 0%,#056F9F 100%);padding:90px 20px;position:relative}
.testimonialsV2::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to top,#ffffff14,transparent)}
.testimonialsV2 .contentWrap{max-width:1300px;margin:0 auto;position:relative;z-index:2}
.testimonialsV2 h2{font-size:2.4rem;color:#fff;margin:0 0 50px;text-align:center}
.testimonyGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.testimonyCard{background:#fffffff7;border-radius:5px;padding:35px;box-shadow:0 8px 24px #00000026;display:flex;gap:25px}
.testimonyCard img{width:90px;height:90px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid #ED7F05}
.testimonyContent{flex:1}
.testimonyContent h4{font-size:1.3rem;color:#1a1a1a;margin:0 0 8px}
.testimonyContent .roleTag{font-size:.9rem;color:#8B28EE;margin:0 0 15px;display:block}
.testimonyContent p{font-size:1rem;color:#333;line-height:1.65;margin:0;font-style:italic}
@media (max-width: 1024px) {
.heroInner{grid-template-columns:1fr;gap:40px}
.heroTextCol h1{font-size:2.5rem}
.comparisonGrid{grid-template-columns:1fr;gap:40px}
.detailSegmentV2 .contentHolder{flex-direction:column}
.matrixGrid{grid-template-columns:repeat(2,1fr)}
.testimonyGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroWrapV2{padding:60px 20px}
.heroTextCol h1{font-size:2rem}
.heroTextCol p{font-size:1rem}
.heroImgCol img{height:280px}
.comparisonZoneV1{padding:60px 20px}
.comparisonZoneV1 h2{font-size:2rem}
.detailSegmentV2{padding:60px 20px}
.detailSegmentV2 h2{font-size:1.8rem}
.detailSegmentV2 img{height:300px}
.benefitMatrixV1{padding:60px 20px}
.benefitMatrixV1 h2{font-size:2rem}
.matrixGrid{grid-template-columns:1fr}
.testimonialsV2{padding:60px 20px}
.testimonialsV2 h2{font-size:2rem}
.testimonyCard{flex-direction:column;text-align:center}
.testimonyCard img{margin:0 auto}
}
.successWrapper-v1{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background:linear-gradient(142deg,#f8f4ff 0%,#e8f7fc 48%,#fff5eb 100%);position:relative;overflow:hidden}
.successWrapper-v1::before{content:'';position:absolute;top:-20%;right:-15%;width:45%;height:70%;background:radial-gradient(circle,#8b28ee14 0%,transparent 70%);border-radius:50%;pointer-events:none}
.successWrapper-v1::after{content:'';position:absolute;bottom:-25%;left:-10%;width:40%;height:65%;background:radial-gradient(circle,#056f9f0f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.successHolder-v2{max-width:720px;width:100%;margin:0 auto;text-align:center;position:relative;z-index:2}
.iconCircle-v1{width:110px;height:110px;margin:0 auto 2rem;background:linear-gradient(135deg,#8B28EE 0%,#056F9F 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px #8b28ee3d 0 3px 12px #056f9f2e;animation:successPulse-v1 2s ease-in-out infinite;position:relative}
.iconCircle-v1::before{content:'';position:absolute;inset:-8px;border-radius:50%;background:linear-gradient(135deg,#8b28ee26 0%,#056f9f1a 100%);animation:successRing-v1 2s ease-in-out infinite}
@keyframes successPulse-v1 {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
@keyframes successRing-v1 {
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.5;transform:scale(1.12)}
}
.iconCircle-v1 svg{width:52px;height:52px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;animation:checkDraw-v1 .6s cubic-bezier(0.65,0,0.35,1) .3s forwards;stroke-dasharray:100;stroke-dashoffset:100}
@keyframes checkDraw-v1 {
to{stroke-dashoffset:0}
}
.mainTitle-v3{font-size:2.8rem;font-weight:700;color:#1a1a2e;margin:0 0 1.2rem;line-height:1.15;letter-spacing:-.02em}
.mainTitle-v3::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#8B28EE 0%,#ED7F05 100%);margin:1.5rem auto 0;border-radius:3px}
.descText-v2{font-size:1.15rem;line-height:1.7;color:#4a4a5e;margin:0 0 2.8rem;max-width:580px;margin-left:auto;margin-right:auto}
.actionGroup-v1{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}
.btn--primary-v2{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 2.2rem;font-size:1.05rem;font-weight:600;text-decoration:none;color:#fff;background:linear-gradient(135deg,#8B28EE 0%,#056F9F 100%);border:none;border-radius:4px;cursor:pointer;transition:all .25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 14px #8b28ee47 0 2px 6px #056f9f26;position:relative;overflow:hidden;z-index:1}
.btn--primary-v2::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#056F9F 0%,#8B28EE 100%);opacity:0;transition:opacity .25s cubic-bezier(0.4,0,0.2,1);z-index:-1}
.btn--primary-v2:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b28ee59 0 3px 10px #056f9f33}
.btn--primary-v2:hover::before{opacity:1}
.btn--primary-v2:active{transform:translateY(0)}
.btn--secondary-v2{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 2.2rem;font-size:1.05rem;font-weight:600;text-decoration:none;color:#8B28EE;background:#fff;border:2px solid #8B28EE;border-radius:4px;cursor:pointer;transition:all .25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px #8b28ee1f}
.btn--secondary-v2:hover{background:#f8f4ff;transform:translateY(-2px);box-shadow:0 4px 14px #8b28ee33}
.btn--secondary-v2:active{transform:translateY(0)}
.infoCard-v1{margin-top:3.5rem;padding:1.8rem 2rem;background:#ffffffb3;border:2px solid #e8e8f0;border-radius:5px;box-shadow:0 3px 12px #0000000f inset 0 1px 3px #fffc}
.infoCard-v1 h3{font-size:1.25rem;font-weight:600;color:#2a2a3e;margin:0 0 1rem}
.infoCard-v1 p{font-size:1rem;line-height:1.65;color:#5a5a6e;margin:0}
.contactInfo-v1{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0ea}
.contactInfo-v1 a{color:#056F9F;text-decoration:none;font-weight:600;transition:color .2s ease}
.contactInfo-v1 a:hover{color:#8B28EE;text-decoration:underline}
@media (max-width: 768px) {
.successWrapper-v1{padding:2.5rem 1.2rem}
.iconCircle-v1{width:90px;height:90px}
.iconCircle-v1 svg{width:44px;height:44px}
.mainTitle-v3{font-size:2.2rem}
.descText-v2{font-size:1.05rem}
.actionGroup-v1{flex-direction:column;align-items:stretch;gap:1rem}
.btn--primary-v2,.btn--secondary-v2{width:100%;justify-content:center}
.infoCard-v1{padding:1.5rem 1.3rem}
}
@media (max-width: 480px) {
.mainTitle-v3{font-size:1.9rem}
.descText-v2{font-size:1rem}
.btn--primary-v2,.btn--secondary-v2{padding:.85rem 1.8rem;font-size:1rem}
}