*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Spectral',serif;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);color:#212529;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
header{position:relative;background:#fff;box-shadow:0 4px 16px #00000014}
.bannerOuter{position:relative;overflow:hidden;background:linear-gradient(135deg,#4DDB82 0%,#912AC8 100%);padding:32px 20px;text-align:center}
.bannerText{font-family:'Bitter',serif;font-size:48px;font-weight:700;color:#ffffff26;letter-spacing:8px;text-transform:uppercase}
.headerContent{position:relative;background:#fff;border-bottom:2px solid #e9ecef}
.hdrInner{max-width:960px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.logoBox{flex-shrink:0}
.logoLink{display:block;width:90px;height:90px}
.siteLogo{width:100%;height:100%;object-fit:contain;box-shadow:0 2px 8px #492ac826;border-radius:8px;background:#fff;padding:4px}
.mainNav{flex-grow:1;display:flex;justify-content:flex-end}
.navList{list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.navItem{display:inline-block}
.navLink{display:block;padding:12px 20px;font-family:'Bitter',serif;font-size:16px;font-weight:400;color:#495057;text-decoration:none;border-radius:6px;transition:all 320ms ease;letter-spacing:.5px}
.navLink:hover{background:#4ddb821a;color:#2d8a55}
main{flex:1}
footer{background:#212529;color:#f8f9fa;padding:48px 20px 24px;margin-top:auto}
.footerWrapper{max-width:960px;margin:0 auto}
.footerInner{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-bottom:32px;border-bottom:1px solid #f8f9fa1a}
.footerBlock{display:flex;flex-direction:column;gap:12px}
.footerTitle{font-family:'Bitter',serif;font-size:20px;font-weight:700;color:#4DDB82;margin-bottom:8px;letter-spacing:1px}
.footerText{font-size:15px;color:#ced4da;line-height:1.8}
.footerText i{margin-right:8px;color:#912AC8}
.footerNav{list-style:none;display:flex;flex-direction:column;gap:10px}
.footerNavLink{color:#ced4da;text-decoration:none;font-size:15px;transition:color 280ms ease;display:inline-block}
.footerNavLink:hover{color:#4DDB82}
.copyrightBlock{padding-top:24px;text-align:center}
.copyrightText{font-size:14px;color:#adb5bd}
.cookieBanner{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(400px);z-index:9999;max-width:540px;width:90%;transition:transform 380ms cubic-bezier(0.4,0,0.2,1)}
.cookieBanner.visible{transform:translateX(-50%) translateY(0)}
.cookieBanner.hiding{transform:translateX(-50%) translateY(400px)}
.cookieCard{box-shadow:0 12px 32px #00000040}
.cookieTabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid silver;padding-bottom:8px}
.tabBtn{background:transparent;border:none;padding:8px 16px;cursor:pointer;font-family:'Spectral',serif;font-size:14px;color:#495057;border-radius:4px;transition:background 280ms ease}
.tabBtn.active{background:#4ddb8226;color:#2d8a55;font-weight:700}
.tabBtn:hover{background:#912ac814}
.cookieContent{margin-bottom:20px}
.tabPanel{animation:fadePanel 320ms ease}
@keyframes fadePanel {
from{opacity:0}
to{opacity:1}
}
.cookieDesc{font-size:14px;line-height:1.6;color:#495057}
.cookieLink{color:#912AC8;text-decoration:underline}
.cookieDetails{display:flex;flex-direction:column;gap:14px}
.cookieSection{padding:10px;background:#f8f9fa;border-radius:4px}
.cookieLabel{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;cursor:pointer}
.cookieLabel input[type="checkbox"]{cursor:pointer}
.cookieExplain{font-size:13px;color:#6c757d;margin-top:4px;margin-left:24px}
.cookieActions{display:flex;gap:8px;flex-wrap:wrap}
.cookieBtn{padding:10px 18px;border:2px solid #4DDB82;background:transparent;color:#2d8a55;font-family:'Bitter',serif;font-size:14px;font-weight:700;cursor:pointer;border-radius:6px;transition:all 300ms ease}
.cookieBtn:hover{background:#4DDB82;color:#fff;box-shadow:0 4px 12px #4ddb824d}
.acceptBtn{border-color:#4DDB82;color:#2d8a55}
.declineBtn{border-color:#912AC8;color:#6a1f96}
.declineBtn:hover{background:#912AC8;color:#fff;box-shadow:0 4px 12px #912ac84d}
.saveBtn{border-color:#495057;color:#495057}
.saveBtn:hover{background:#495057;color:#fff}
.cookieBadge{position:fixed;bottom:24px;right:24px;z-index:9998}
.badgeBtn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#4DDB82,#912AC8);border:none;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 6px 20px #0003;transition:transform 300ms ease,box-shadow 300ms ease;display:flex;align-items:center;justify-content:center}
.badgeBtn:hover{transform:scale(1.1);box-shadow:0 8px 28px #912ac866}
@media (max-width: 768px) {
.bannerText{font-size:32px;letter-spacing:4px}
.hdrInner{flex-direction:column;gap:20px;padding:16px}
.logoLink{width:70px;height:70px}
.mainNav{width:100%;justify-content:center}
.navList{justify-content:center;gap:6px}
.navLink{padding:10px 14px;font-size:15px}
.footerInner{grid-template-columns:1fr;gap:32px}
.cookieBanner{bottom:16px;width:95%}
.cookieActions{flex-direction:column}
.cookieBtn{width:100%}
}
@media (max-width: 480px) {
.bannerText{font-size:24px;letter-spacing:2px}
.navList{flex-direction:column;width:100%}
.navItem{width:100%}
.navLink{text-align:center;width:100%}
}
.doc-content{max-width:960px;margin:60px auto;padding:0 24px;background:#fff;line-height:1.7;color:#1a1a1a}
.doc-content h1{font-size:2.75rem;font-weight:700;color:#0a0a0a;margin:0 0 48px;padding-bottom:24px;border-bottom:3px solid #4DDB82;line-height:1.2}
.doc-content h2{font-size:2rem;font-weight:600;color:#1a1a1a;margin:56px 0 24px;padding-top:16px;line-height:1.3}
.doc-content h3{font-size:1.5rem;font-weight:600;color:#2a2a2a;margin:40px 0 20px;line-height:1.4}
.doc-content h4{font-size:1.25rem;font-weight:600;color:#3a3a3a;margin:32px 0 16px;line-height:1.4}
.doc-content h5{font-size:1.125rem;font-weight:600;color:#4a4a4a;margin:28px 0 14px;line-height:1.5}
.doc-content h6{font-size:1rem;font-weight:600;color:#5a5a5a;margin:24px 0 12px;line-height:1.5}
.doc-content p{font-size:1.0625rem;margin:0 0 20px;color:#2a2a2a;text-align:justify}
.doc-content strong,.doc-content b{font-weight:600;color:#0a0a0a}
.doc-content em,.doc-content i{font-style:italic;color:#3a3a3a}
.doc-content ul,.doc-content ol{margin:0 0 24px;padding-left:32px}
.doc-content ul{list-style-type:disc}
.doc-content ol{list-style-type:decimal}
.doc-content li{font-size:1.0625rem;margin:0 0 12px;padding-left:8px;color:#2a2a2a;line-height:1.7}
.doc-content ul ul,.doc-content ol ol,.doc-content ul ol,.doc-content ol ul{margin:12px 0 0}
.doc-content ul ul{list-style-type:circle}
.doc-content ul ul ul{list-style-type:square}
.doc-content table{width:100%;margin:32px 0;border-collapse:collapse;font-size:1rem;background:#fafafa;box-shadow:0 2px 12px #00000014}
.doc-content thead{background:linear-gradient(135deg,#4DDB82,#912AC8)}
.doc-content thead tr{border:none}
.doc-content th{padding:16px 20px;text-align:left;font-weight:600;color:#fff;border-bottom:2px solid #912AC8}
.doc-content tbody{background:#fff}
.doc-content tbody tr{border-bottom:1px solid #e5e5e5;transition:background 280ms ease}
.doc-content tbody tr:hover{background:#f5fff9}
.doc-content tbody tr:last-child{border-bottom:none}
.doc-content td{padding:14px 20px;color:#2a2a2a;vertical-align:top}
.doc-content div{margin:0 0 16px}
@media (max-width: 768px) {
.doc-content{margin:40px auto;padding:0 16px}
.doc-content h1{font-size:2rem;margin-bottom:32px;padding-bottom:16px}
.doc-content h2{font-size:1.625rem;margin:40px 0 20px}
.doc-content h3{font-size:1.375rem;margin:32px 0 16px}
.doc-content h4{font-size:1.125rem;margin:28px 0 14px}
.doc-content h5,.doc-content h6{font-size:1rem;margin:24px 0 12px}
.doc-content p,.doc-content li{font-size:1rem;text-align:left}
.doc-content ul,.doc-content ol{padding-left:24px}
.doc-content table{font-size:.9375rem;margin:24px 0}
.doc-content th,.doc-content td{padding:12px 14px}
}
@media (max-width: 480px) {
.doc-content{margin:24px auto;padding:0 12px}
.doc-content h1{font-size:1.75rem}
.doc-content h2{font-size:1.375rem}
.doc-content table{display:block;overflow-x:auto;margin:20px -12px}
.doc-content th,.doc-content td{padding:10px 12px;white-space:nowrap}
}
.heroMain{display:flex;align-items:center;gap:32px;max-width:960px;margin:48px auto;padding:0 20px}
.heroMain .leftImg{flex:0 0 280px;height:340px;overflow:hidden;border-radius:8px;box-shadow:0 8px 24px #912ac826}
.heroMain .leftImg img{width:100%;height:100%;object-fit:cover;filter:sepia(0.08) saturate(1.1)}
.heroMain .rightImg{flex:0 0 280px;height:340px;overflow:hidden;border-radius:8px;box-shadow:0 8px 24px #4ddb8226}
.heroMain .rightImg img{width:100%;height:100%;object-fit:cover;filter:sepia(0.05) hue-rotate(10deg)}
.heroMain .centerText{flex:1;text-align:center;padding:20px}
.heroMain .centerText h1{font-size:2.8rem;line-height:1.2;margin:0 0 24px;background:linear-gradient(135deg,#4DDB82,#912AC8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.heroMain .centerText .tagline{font-size:1.15rem;line-height:1.6;color:#333;margin-top:20px}
.certBlock{background:linear-gradient(to bottom,#f8f9fa,#fff);padding:72px 20px;margin-top:48px}
.certBlock .wrapper{max-width:960px;margin:0 auto}
.certBlock h2{font-size:2.2rem;text-align:center;margin:0 0 16px;color:#1a1a1a;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.certBlock h2::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#4DDB82,#912AC8);border-radius:2px}
.certBlock .intro{text-align:center;font-size:1.05rem;color:#555;margin-bottom:48px;max-width:720px;margin-left:auto;margin-right:auto}
.certGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.certCard{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:32px 24px;box-shadow:0 4px 16px #0000000f;transition:transform 0.3s,box-shadow .3s}
.certCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #912ac81f}
.certCard .iconBox{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#4ddb821a,#912ac81a);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.certCard .iconBox i{font-size:28px;color:#912AC8}
.certCard h3{font-size:1.4rem;margin:0 0 12px;color:#222}
.certCard p{font-size:.98rem;line-height:1.7;color:#666;margin:0}
.pricingArea{padding:72px 20px;background:#fff}
.pricingArea .container{max-width:960px;margin:0 auto}
.pricingArea h2{font-size:2.2rem;text-align:center;margin:0 0 48px;color:#1a1a1a}
.pricingOptions{display:flex;gap:32px;justify-content:center}
.priceBox{background:#fafafa;border:2px solid #e8e8e8;border-radius:12px;padding:40px 32px;flex:0 1 420px;position:relative;transition:border-color 0.3s,transform .3s}
.priceBox:hover{border-color:#4DDB82;transform:scale(1.02)}
.priceBox.featured{border-color:#912AC8;background:linear-gradient(to bottom,#912ac805,white)}
.priceBox .badge{position:absolute;top:-12px;right:24px;background:linear-gradient(135deg,#4DDB82,#912AC8);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600}
.priceBox h3{font-size:1.6rem;margin:0 0 16px;color:#222}
.priceBox .amount{font-size:3rem;font-weight:700;color:#912AC8;margin:0 0 8px}
.priceBox .period{font-size:1rem;color:#777;margin-bottom:24px}
.priceBox ul{list-style:none;padding:0;margin:0 0 32px}
.priceBox ul li{padding:10px 0;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;gap:12px;font-size:.98rem;color:#555}
.priceBox ul li:last-child{border-bottom:none}
.priceBox ul li i{color:#4DDB82;font-size:18px}
.priceBox .selectBtn{display:block;width:100%;padding:14px 24px;background:linear-gradient(135deg,#4DDB82,#912AC8);color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:opacity 0.3s,box-shadow .3s;text-align:center;text-decoration:none;line-height:1.4}
.priceBox .selectBtn:hover{opacity:.9;box-shadow:0 6px 20px #912ac840}
.motivationZone{background:linear-gradient(135deg,#4ddb8214,#912ac814);padding:72px 20px}
.motivationZone .inner{max-width:960px;margin:0 auto}
.motivationZone h2{font-size:2.2rem;text-align:center;margin:0 0 56px;color:#1a1a1a}
.motivationGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.motivationItem{display:flex;gap:20px;align-items:flex-start}
.motivationItem .iconCircle{width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000014}
.motivationItem .iconCircle i{font-size:30px;color:#912AC8}
.motivationItem .textPart h3{font-size:1.35rem;margin:0 0 12px;color:#222}
.motivationItem .textPart p{font-size:.98rem;line-height:1.7;color:#666;margin:0}
.contentSection{padding:72px 20px;background:#fff}
.contentSection .box{max-width:960px;margin:0 auto}
.contentSection h2{font-size:2.2rem;margin:0 0 20px;color:#1a1a1a}
.contentSection .subtitle{font-size:1.08rem;color:#555;margin-bottom:48px;line-height:1.6}
.resourceCards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.resourceCard{background:#fafafa;border-radius:10px;padding:28px 20px;text-align:center;border:1px solid #e8e8e8;transition:background 0.3s,border-color .3s}
.resourceCard:hover{background:linear-gradient(to bottom,#4ddb820d,#912ac80d);border-color:#4DDB82}
.resourceCard .symbolBox{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#4ddb8226,#912ac826);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.resourceCard .symbolBox i{font-size:36px;color:#912AC8}
.resourceCard h3{font-size:1.15rem;margin:0 0 10px;color:#222}
.resourceCard p{font-size:.92rem;line-height:1.6;color:#666;margin:0}
.advantageSection{background:linear-gradient(to right,#f8f9fa,#fff);padding:72px 20px}
.advantageSection .wrap{max-width:960px;margin:0 auto}
.advantageSection h2{font-size:2.2rem;margin:0 0 48px;text-align:center;color:#1a1a1a}
.comparisonTable{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000014}
.comparisonTable .rowItem{display:grid;grid-template-columns:2fr 1fr 1fr;border-bottom:1px solid #e8e8e8;transition:background .3s}
.comparisonTable .rowItem:hover{background:#4ddb8205}
.comparisonTable .rowItem:last-child{border-bottom:none}
.comparisonTable .rowItem.header{background:linear-gradient(135deg,#4DDB82,#912AC8);color:#fff;font-weight:600}
.comparisonTable .rowItem.header:hover{background:linear-gradient(135deg,#4DDB82,#912AC8)}
.comparisonTable .cellData{padding:20px 24px;display:flex;align-items:center;font-size:.98rem}
.comparisonTable .cellData.feature{font-weight:500;color:#222}
.comparisonTable .cellData.us{justify-content:center;color:#4DDB82;font-weight:600}
.comparisonTable .cellData.others{justify-content:center;color:#999}
.comparisonTable .cellData i{font-size:20px}
.testimonialWrap{padding:72px 20px;background:#fff}
.testimonialWrap .holder{max-width:960px;margin:0 auto}
.testimonialWrap h2{font-size:2.2rem;text-align:center;margin:0 0 48px;color:#1a1a1a}
.testimonialFlex{display:flex;gap:32px}
.testimonialCard{flex:1;background:linear-gradient(to bottom,#fafafa,white);border-radius:12px;padding:36px 28px;border:1px solid #e8e8e8;box-shadow:0 4px 16px #0000000f;transition:transform 0.3s,box-shadow .3s}
.testimonialCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #912ac81f}
.testimonialCard .profileArea{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.testimonialCard .profileArea img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #4DDB82}
.testimonialCard .profileArea .details h3{font-size:1.15rem;margin:0 0 4px;color:#222}
.testimonialCard .profileArea .details .role{font-size:.9rem;color:#777}
.testimonialCard .quote{font-size:1rem;line-height:1.7;color:#555;font-style:italic;margin:0}
.testimonialCard .stars{margin-top:16px;color:#FFD700;font-size:18px}
@media (max-width: 900px) {
.heroMain{flex-direction:column}
.heroMain .leftImg,.heroMain .rightImg{flex:0 0 auto;width:100%;height:280px}
.certGrid{grid-template-columns:1fr}
.pricingOptions{flex-direction:column}
.motivationGrid{grid-template-columns:1fr}
.resourceCards{grid-template-columns:repeat(2,1fr)}
.testimonialFlex{flex-direction:column}
.comparisonTable .rowItem{grid-template-columns:1fr}
.comparisonTable .cellData{border-bottom:1px solid #f0f0f0}
.comparisonTable .cellData:last-child{border-bottom:none}
}
@media (max-width: 640px) {
.heroMain .centerText h1{font-size:2rem}
.resourceCards{grid-template-columns:1fr}
.priceBox .amount{font-size:2.4rem}
}
.contactPageWrapper{width:100%;background:linear-gradient(135deg,#f4f9f6 0%,#fefbf5 50%,#f8f4fc 100%);padding:0}
.heroContactWrapper{max-width:960px;margin:0 auto;padding:80px 20px;text-align:center;position:relative;background:radial-gradient(ellipse at center,#4ddb8214,transparent 70%)}
.heroContactWrapper::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:400px;height:400px;background:radial-gradient(circle,#912ac80f,transparent 60%);border-radius:50%;z-index:1;animation:colorPulse 8s ease-in-out infinite}
@keyframes colorPulse {
0%,100%{opacity:.4;transform:translateX(-50%) scale(1)}
50%{opacity:.7;transform:translateX(-50%) scale(1.15)}
}
.heroContactWrapper h1{font-size:2.8rem;margin:0 0 24px;color:#1a1a1a;position:relative;z-index:2;font-weight:700;line-height:1.2}
.heroContactWrapper .descText{font-size:1.15rem;line-height:1.7;color:#4a4a4a;max-width:680px;margin:0 auto 36px;position:relative;z-index:2}
.heroContactWrapper .ctaBtn{background:linear-gradient(135deg,#4DDB82,#3bc46f);color:#fff;padding:14px 32px;border:none;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 6px 20px #4ddb8240;position:relative;z-index:2}
.heroContactWrapper .ctaBtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #4ddb8259;background:linear-gradient(135deg,#3bc46f,#4DDB82)}
.formContactSection{max-width:960px;margin:0 auto;padding:60px 20px 100px}
.formContactInner{background:#fff;border-radius:8px;box-shadow:0 8px 32px #00000014;padding:50px 40px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.contactInfoBlock h2{font-size:1.9rem;margin:0 0 20px;color:#1a1a1a;font-weight:600}
.contactInfoBlock p{font-size:1rem;line-height:1.7;color:#555;margin:0 0 32px}
.infoItem{margin-bottom:28px;display:flex;align-items:flex-start;gap:14px}
.infoItem i{font-size:1.4rem;color:#912AC8;margin-top:2px;flex-shrink:0}
.infoItem .detailsText{flex:1}
.infoItem .labelTitle{font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:#999;margin:0 0 4px;font-weight:600}
.infoItem .valueData{font-size:1.05rem;color:#2a2a2a;margin:0;line-height:1.5}
.infoItem .valueData a{color:#4DDB82;text-decoration:none;transition:color .3s ease}
.infoItem .valueData a:hover{color:#3bc46f}
.formContactBlock h3{font-size:1.65rem;margin:0 0 12px;color:#1a1a1a;font-weight:600}
.formContactBlock .formSubtext{font-size:.95rem;color:#666;margin:0 0 28px;line-height:1.6}
.formContactBlock form{display:flex;flex-direction:column;gap:24px}
.inputGroup label{display:block;font-size:.9rem;color:#333;margin-bottom:8px;font-weight:500}
.inputGroup input[type="email"]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;background:#fafafa;box-sizing:border-box}
.inputGroup input[type="email"]:focus{outline:none;border-color:#4DDB82;background:#fff;box-shadow:0 0 0 4px #4ddb821a}
.ratingGroupWrapper{display:flex;flex-direction:column;gap:10px}
.ratingGroupWrapper .ratingLabel{font-size:.9rem;color:#333;font-weight:500;margin-bottom:4px}
.ratingOptions{display:flex;gap:12px;flex-wrap:wrap}
.ratingOptions input[type="radio"]{display:none}
.ratingOptions label{padding:10px 20px;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;color:#555;cursor:pointer;transition:all .3s ease;background:#fafafa;font-weight:500;display:flex;align-items:center;gap:6px}
.ratingOptions input[type="radio"]:checked + label{background:linear-gradient(135deg,#912AC8,#7a23a8);color:#fff;border-color:#912AC8;box-shadow:0 4px 16px #912ac840}
.ratingOptions label:hover{border-color:#912AC8;background:#f5f0fa}
.ratingOptions input[type="radio"]:checked + label:hover{background:linear-gradient(135deg,#7a23a8,#912AC8)}
.privacyCheckbox{display:flex;align-items:flex-start;gap:10px;margin-top:8px}
.privacyCheckbox input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacyCheckbox label{font-size:.9rem;color:#555;line-height:1.5;cursor:pointer}
.privacyCheckbox label a{color:#4DDB82;text-decoration:underline;transition:color .3s ease}
.privacyCheckbox label a:hover{color:#3bc46f}
.submitBtn{background:linear-gradient(135deg,#4DDB82,#3bc46f);color:#fff;padding:14px 32px;border:none;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .35s ease;box-shadow:0 6px 20px #4ddb8240;align-self:flex-start}
.submitBtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #4ddb8259;background:linear-gradient(135deg,#3bc46f,#4DDB82)}
.submitBtn:active{transform:translateY(0)}
@media (max-width: 768px) {
.heroContactWrapper{padding:60px 20px}
.heroContactWrapper h1{font-size:2.2rem}
.heroContactWrapper .descText{font-size:1.05rem}
.formContactInner{grid-template-columns:1fr;gap:40px;padding:40px 28px}
.contactInfoBlock h2{font-size:1.6rem}
.formContactBlock h3{font-size:1.45rem}
.ratingOptions{flex-direction:column;gap:10px}
.ratingOptions label{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.heroContactWrapper h1{font-size:1.8rem}
.heroContactWrapper .descText{font-size:1rem}
.formContactInner{padding:32px 20px}
.heroContactWrapper .ctaBtn{padding:12px 28px;font-size:1rem}
.submitBtn{width:100%}
}
.programPageContainer{max-width:960px;margin:0 auto;padding:0 20px}
.heroSectionOuter{background:linear-gradient(135deg,#4DDB82 0%,#912AC8 100%);padding:80px 0;margin-bottom:60px;position:relative;overflow:hidden}
.heroSectionOuter::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#fff7ca26;border-radius:50%}
.heroSectionOuter::after{content:'';position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:#ffffff1a;transform:rotate(45deg)}
.heroContentWrapper{max-width:960px;margin:0 auto;padding:0 20px;position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;gap:50px}
.heroTextArea{flex:1}
.heroMainHeading{font-size:48px;line-height:1.2;color:#fff;margin:0 0 30px;font-weight:700}
.heroDescriptionText{font-size:20px;line-height:1.6;color:#fff;margin:0;opacity:.95}
.heroImageContainer{flex:0 0 280px;position:relative}
.heroImageContainer::before{content:'';position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;border:3px dotted #fff7ca99;z-index:1}
.heroVisualImage{width:100%;height:320px;object-fit:cover;display:block;border-radius:8px;box-shadow:0 12px 32px #00000040;position:relative;z-index:2}
.programDetailsSection{padding:70px 0;background:#f8f9fa;margin-bottom:0}
.detailsGridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.programCard{background:#fff;padding:40px 30px;border-radius:10px;box-shadow:0 8px 24px #00000014;transition:all 320ms ease;position:relative;overflow:hidden}
.programCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4DDB82,#912AC8);opacity:0;transition:opacity 320ms ease}
.programCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000026}
.programCard:hover::before{opacity:1}
.cardIconArea{width:60px;height:60px;background:linear-gradient(135deg,#4DDB82,#912AC8);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}
.cardIconArea i{font-size:28px;color:#fff}
.cardTitleText{font-size:22px;line-height:1.3;color:#1a1a1a;margin:0 0 15px;font-weight:600}
.cardDescriptionPara{font-size:16px;line-height:1.7;color:#4a4a4a;margin:0 0 20px}
.cardMetricsList{list-style:none;padding:0;margin:0}
.cardMetricsList li{font-size:15px;line-height:1.6;color:#666;margin-bottom:10px;padding-left:24px;position:relative}
.cardMetricsList li::before{content:'→';position:absolute;left:0;color:#4DDB82;font-weight:700}
.structureContentSection{padding:80px 0;position:relative}
.structureHeaderArea{text-align:center;margin-bottom:60px}
.sectionMainTitle{font-size:38px;line-height:1.3;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.sectionSubtitleText{font-size:18px;line-height:1.6;color:#5a5a5a;margin:0;max-width:680px;margin-left:auto;margin-right:auto}
.structureTabsWrapper{margin-bottom:50px}
.tabRadioInput{display:none}
.tabLabelsRow{display:flex;gap:15px;justify-content:center;margin-bottom:40px}
.tabLabelButton{padding:16px 32px;background:#f0f0f0;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:17px;color:#4a4a4a;transition:all 280ms ease;font-weight:500}
.tabLabelButton:hover{background:#e5e5e5;border-color:#912AC8}
.tabRadioInput:checked + .tabLabelButton{background:linear-gradient(135deg,#4DDB82,#912AC8);color:#fff;border-color:transparent;box-shadow:0 6px 20px #912ac84d}
.tabContentPanel{display:none;animation:fadeSlideIn 400ms ease}
#tab1:checked ~ .tabPanelsContainer .panel1,#tab2:checked ~ .tabPanelsContainer .panel2,#tab3:checked ~ .tabPanelsContainer .panel3{display:block}
@keyframes fadeSlideIn {
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
.moduleGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.moduleItemCard{background:#fff;padding:30px;border:2px solid #e8e8e8;border-radius:8px;transition:all 300ms ease}
.moduleItemCard:hover{border-color:#4DDB82;box-shadow:0 10px 28px #4ddb8226}
.moduleNumberBadge{display:inline-block;padding:6px 14px;background:linear-gradient(90deg,#4DDB82,#912AC8);color:#fff;border-radius:6px;font-size:14px;font-weight:600;margin-bottom:15px}
.moduleTitle{font-size:20px;line-height:1.4;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.moduleDescription{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0}
.instructorShowcaseSection{padding:80px 0;background:linear-gradient(180deg,#fff 0%,#f5f5f5 100%)}
.instructorFlexContainer{display:flex;flex-direction:row;gap:60px;align-items:center}
.instructorImageWrapper{flex:0 0 320px}
.instructorPhotoImg{width:100%;height:380px;object-fit:cover;border-radius:10px;box-shadow:0 14px 36px #0000001f}
.instructorContentArea{flex:1}
.instructorHeading{font-size:36px;line-height:1.3;color:#1a1a1a;margin:0 0 25px;font-weight:700}
.instructorBioPara{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 30px}
.expertiseListItems{list-style:none;padding:0;margin:0 0 35px}
.expertiseListItems li{font-size:16px;line-height:1.6;color:#2a2a2a;margin-bottom:12px;padding-left:28px;position:relative}
.expertiseListItems li::before{content:'✓';position:absolute;left:0;color:#4DDB82;font-weight:700;font-size:18px}
.enrollmentCallout{background:linear-gradient(135deg,#912AC8,#4DDB82);padding:35px;border-radius:10px;color:#fff}
.calloutTitle{font-size:24px;line-height:1.3;margin:0 0 15px;font-weight:600}
.calloutText{font-size:16px;line-height:1.6;margin:0 0 25px;opacity:.95}
.enrollButton{display:inline-block;padding:14px 36px;background:#fff;color:#912AC8;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;transition:all 320ms ease;box-shadow:0 6px 20px #00000026}
.enrollButton:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000040;background:#FFF7CA}
@media (max-width: 768px) {
.heroContentWrapper{flex-direction:column;gap:30px}
.heroImageContainer{flex:0 0 auto;width:100%;max-width:320px}
.heroMainHeading{font-size:34px}
.heroDescriptionText{font-size:18px}
.detailsGridLayout{grid-template-columns:1fr;gap:25px}
.tabLabelsRow{flex-direction:column;align-items:stretch}
.moduleGrid{grid-template-columns:1fr}
.instructorFlexContainer{flex-direction:column;gap:35px}
.instructorImageWrapper{flex:0 0 auto;width:100%}
.sectionMainTitle{font-size:30px}
.instructorHeading{font-size:28px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.detailsGridLayout{grid-template-columns:repeat(2,1fr)}
.heroContentWrapper{gap:35px}
.moduleGrid{gap:25px}
}
.titleWrap{background:linear-gradient(135deg,#4DDB82 0%,#912AC8 100%);padding:80px 20px;position:relative;overflow:hidden}
.titleWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fff7ca4d 0%,transparent 70%);border-radius:50%;animation:floatParallax 20s infinite ease-in-out}
@keyframes floatParallax {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-30px,-40px)}
}
.titleWrap .innerContent{max-width:960px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;gap:32px}
.titleWrap .mainHeading{font-size:52px;color:#fff;font-weight:700;line-height:1.2;margin:0;text-shadow:0 4px 12px #0003}
.titleWrap .extendedDescription{font-size:20px;color:#fffffff2;line-height:1.6;max-width:720px;margin:0}
.bgImage{position:absolute;bottom:-40px;right:60px;width:420px;height:380px;object-fit:cover;border-radius:8px;box-shadow:0 16px 48px #00000059;opacity:.9;transform:perspective(1000px) rotateY(-8deg)}
@media (max-width: 768px) {
.titleWrap{padding:60px 20px}
.titleWrap .mainHeading{font-size:36px}
.titleWrap .extendedDescription{font-size:18px}
.bgImage{display:none}
}
.storySection{padding:80px 20px;background:#fafafa}
.storySection .containerBox{max-width:960px;margin:0 auto}
.storySection .gridLayout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.storySection .textColumn h2{font-size:38px;color:#1a1a1a;margin:0 0 24px;position:relative;padding-left:18px}
.storySection .textColumn h2::before{content:'';position:absolute;left:0;top:6px;width:5px;height:36px;background:linear-gradient(180deg,#4DDB82 0%,#912AC8 100%);border-radius:3px}
.storySection .textColumn p{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0 0 20px}
.storySection .imageColumn{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.storySection .imageColumn img{width:100%;height:200px;object-fit:cover;border-radius:6px;box-shadow:0 6px 18px #0000001f;transition:transform 300ms,box-shadow 300ms}
.storySection .imageColumn img:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000002e}
@media (max-width: 768px) {
.storySection{padding:60px 20px}
.storySection .gridLayout{grid-template-columns:1fr;gap:40px}
.storySection .textColumn h2{font-size:32px}
.storySection .imageColumn{grid-template-columns:1fr}
}
.teamBlock{padding:80px 20px;background:#fff}
.teamBlock .wrapperCentered{max-width:960px;margin:0 auto}
.teamBlock .sectionHeader{text-align:center;margin-bottom:60px}
.teamBlock .sectionHeader h2{font-size:42px;color:#1a1a1a;margin:0 0 16px}
.teamBlock .sectionHeader p{font-size:18px;color:#5a5a5a;margin:0;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.6}
.teamBlock .profileCards{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}
.teamBlock .profileCard{background:#fafafa;border-radius:10px;padding:32px;width:280px;text-align:center;box-shadow:0 8px 24px #00000014;transition:transform 350ms,box-shadow 350ms;position:relative}
.teamBlock .profileCard::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4DDB82 0%,#912AC8 100%);border-radius:10px 10px 0 0;opacity:0;transition:opacity 350ms}
.teamBlock .profileCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000024}
.teamBlock .profileCard:hover::after{opacity:1}
.teamBlock .profileCard .portraitImg{width:140px;height:140px;border-radius:50%;object-fit:cover;margin:0 auto 20px;border:4px solid #fff;box-shadow:0 6px 16px #0000001f}
.teamBlock .profileCard h3{font-size:22px;color:#1a1a1a;margin:0 0 8px}
.teamBlock .profileCard .roleLabel{font-size:15px;color:#912AC8;font-weight:600;margin:0 0 16px}
.teamBlock .profileCard .bioText{font-size:15px;color:#5a5a5a;line-height:1.6;margin:0}
@media (max-width: 768px) {
.teamBlock{padding:60px 20px}
.teamBlock .sectionHeader h2{font-size:34px}
.teamBlock .profileCards{flex-direction:column;align-items:center}
.teamBlock .profileCard{width:100%;max-width:340px}
}
.valuesArea{padding:80px 20px;background:linear-gradient(165deg,#4ddb8214 0%,#912ac814 100%)}
.valuesArea .contentWrapper{max-width:960px;margin:0 auto}
.valuesArea .titleRow{margin-bottom:48px}
.valuesArea .titleRow h2{font-size:40px;color:#1a1a1a;margin:0 0 20px;text-align:center}
.valuesArea .titleRow .leadText{font-size:18px;color:#4a4a4a;text-align:center;margin:0;line-height:1.6}
.valuesArea .valueGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.valuesArea .valueCard{background:#fff;padding:36px 28px;border-radius:8px;box-shadow:0 4px 16px #0000000f;transition:transform 320ms;border-top:3px solid transparent}
.valuesArea .valueCard:hover{transform:translateY(-4px);border-top-color:#4DDB82}
.valuesArea .valueCard .iconWrapper{width:56px;height:56px;background:linear-gradient(135deg,#4DDB82 0%,#912AC8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.valuesArea .valueCard .iconWrapper i{font-size:28px;color:#fff}
.valuesArea .valueCard h3{font-size:20px;color:#1a1a1a;margin:0 0 12px}
.valuesArea .valueCard p{font-size:15px;color:#5a5a5a;line-height:1.6;margin:0}
@media (max-width: 768px) {
.valuesArea{padding:60px 20px}
.valuesArea .titleRow h2{font-size:32px}
.valuesArea .valueGrid{grid-template-columns:1fr;gap:24px}
}
.successOuter{background:linear-gradient(135deg,#FFF7CA 0%,#fff 100%);padding:80px 20px;display:flex;align-items:center;justify-content:center;min-height:600px}
.successInner{max-width:960px;margin:0 auto;width:100%}
.confirmBox{background:#fff;border:3px solid #4DDB82;padding:60px 40px;position:relative;box-shadow:0 8px 32px #492ac81f}
.confirmBox::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;height:6px;background:linear-gradient(90deg,#4DDB82 0%,#912AC8 100%)}
.confirmBox::after{content:'';position:absolute;bottom:-3px;left:-3px;right:-3px;height:6px;background:linear-gradient(90deg,#912AC8 0%,#4DDB82 100%)}
.successContent{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.textZone{display:flex;flex-direction:column;gap:24px}
.checkmarkArea{display:flex;align-items:center;gap:20px;margin-bottom:10px}
.iconCircle{width:72px;height:72px;background:linear-gradient(135deg,#4DDB82 0%,#3bc56f 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #4ddb824d;flex-shrink:0}
.iconCircle svg{width:38px;height:38px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mainTitle{font-size:38px;font-weight:700;color:#1a1a1a;line-height:1.2;margin:0}
.mainTitle span{background:linear-gradient(120deg,#4DDB82 0%,#912AC8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.descText{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0}
.actionRow{display:flex;gap:16px;margin-top:12px}
.primaryBtn{padding:14px 32px;background:linear-gradient(135deg,#4DDB82 0%,#3bc56f 100%);color:#fff;text-decoration:none;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all 280ms ease;box-shadow:0 4px 12px #4ddb8240;position:relative;z-index:10}
.primaryBtn:hover{box-shadow:0 6px 20px #4ddb8266;transform:translateY(-2px)}
.secondaryBtn{padding:14px 32px;background:transparent;color:#912AC8;text-decoration:none;font-weight:600;font-size:16px;border:2px solid #912AC8;cursor:pointer;transition:all 280ms ease;position:relative;z-index:10}
.secondaryBtn:hover{background:#912AC8;color:#fff;box-shadow:0 4px 12px #912ac84d}
.visualSide{position:relative;padding:30px;background:linear-gradient(135deg,#4ddb8214 0%,#912ac814 100%);border-left:4px solid #4DDB82;min-height:280px;display:flex;flex-direction:column;justify-content:center}
.visualSide::before{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,#912ac826 0%,transparent 70%);pointer-events:none}
.visualSide::after{content:'';position:absolute;bottom:0;left:0;width:120px;height:120px;background:radial-gradient(circle,#4ddb8226 0%,transparent 70%);pointer-events:none}
.infoList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}
.infoList li{display:flex;align-items:flex-start;gap:14px;font-size:15px;line-height:1.6;color:#3a3a3a;position:relative;z-index:1}
.infoList li svg{width:22px;height:22px;flex-shrink:0;margin-top:2px;stroke:#4DDB82;stroke-width:2.5;fill:none}
.infoBox{background:#fff;padding:90px 20px;border-top:1px solid #912ac81f}
.infoInner{max-width:960px;margin:0 auto}
.resourceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.resourceCard{background:linear-gradient(135deg,#fff 0%,#FFF7CA 100%);padding:32px 26px;border:2px solid transparent;transition:all 320ms ease;position:relative}
.resourceCard::before{content:'';position:absolute;inset:0;border:2px solid transparent;background:linear-gradient(135deg,#4DDB82,#912AC8) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 320ms ease}
.resourceCard:hover::before{opacity:1}
.resourceCard:hover{box-shadow:0 8px 24px #912ac82e;transform:translateY(-4px)}
.cardIcon{width:48px;height:48px;background:linear-gradient(135deg,#912AC8 0%,#7a23a8 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.cardIcon svg{width:26px;height:26px;stroke:#fff;stroke-width:2;fill:none}
.cardTitle{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.cardDesc{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0}
.cardLink{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#912AC8;font-weight:600;font-size:15px;text-decoration:none;transition:gap 280ms ease}
.cardLink:hover{gap:12px}
.cardLink svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.5;fill:none}
@media (max-width: 768px) {
.successOuter{padding:60px 20px;min-height:auto}
.confirmBox{padding:40px 24px}
.successContent{grid-template-columns:1fr;gap:40px}
.checkmarkArea{justify-content:center}
.textZone{text-align:center;align-items:center}
.mainTitle{font-size:28px}
.descText{font-size:16px}
.actionRow{flex-direction:column;width:100%}
.primaryBtn,.secondaryBtn{width:100%;text-align:center}
.visualSide{border-left:none;border-top:4px solid #4DDB82}
.infoBox{padding:60px 20px}
.resourceGrid{grid-template-columns:1fr;gap:24px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.resourceGrid{grid-template-columns:repeat(2,1fr)}
.mainTitle{font-size:32px}
}