*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Karla',sans-serif;background:linear-gradient(135deg,#fef9f3 0%,#f9f4ef 50%,#fff 100%);color:#2a2a2a;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.main-holder{max-width:1200px;margin:0 auto;width:100%;padding:0 20px}
.top-header{background:linear-gradient(160deg,#E850EE 0%,#ad3db3 100%);padding:18px 0;box-shadow:0 3px 12px #e850ee26}
.top-header .main-holder{display:flex;justify-content:center;align-items:center}
.company-title{font-family:'Merriweather',serif;font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 8px #0003;letter-spacing:.5px}
.mid-header{background:#fff;padding:24px 0;border-bottom:3px solid #f0f0f0}
.mid-header .main-holder{display:flex;justify-content:space-between;align-items:center;gap:40px}
.logo-holder{flex-shrink:0}
.site-logo{height:95px;width:95px;display:block;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 14px #0abfa61f;transition:transform .3s ease,box-shadow .3s ease}
.site-logo:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0abfa633}
.navigation{flex:1;display:flex;justify-content:center}
.nav-list{display:flex;list-style:none;gap:8px;flex-wrap:wrap;justify-content:center}
.nav-list li a{display:block;padding:12px 24px;text-decoration:none;color:#2a2a2a;font-size:16px;font-weight:400;border-radius:8px;background:#f8f8f8;transition:background .25s ease,color .25s ease;border:1px solid #e5e5e5}
.nav-list li a:hover{background:linear-gradient(135deg,#0ABFA6 0%,#08a08a 100%);color:#fff;border-color:#0ABFA6}
.contact-info-block{display:flex;flex-direction:column;gap:8px;min-width:180px;padding:12px 18px;background:linear-gradient(135deg,#FBB708 0%,#e8a507 100%);border-radius:12px;box-shadow:0 3px 10px #fbb70833}
.contact-info-block a{color:#2a2a2a;text-decoration:none;font-size:14px;font-weight:400;transition:color .25s ease}
.contact-info-block a:hover{color:#fff}
main{flex:1}
.footer-wrapper{background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);padding:38px 0 28px;margin-top:60px;border-top:4px solid #E850EE}
.footer-wrapper .main-holder{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}
.company-info3{flex:1;min-width:260px}
.company-info3 h3{font-family:'Merriweather',serif;font-size:20px;color:#E850EE;margin-bottom:14px}
.company-info3 p{color:#b8b8b8;font-size:14px;line-height:1.7;margin-bottom:8px}
.footer-nav{flex:1;min-width:240px}
.footer-link-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.footer-link-list li a{display:inline-flex;align-items:center;padding:10px 22px;background:#3a3a3a;color:#fff;text-decoration:none;border-radius:50px;font-size:14px;transition:background .25s ease;border:1px solid #4a4a4a}
.footer-link-list li a:hover{background:#0ABFA6;border-color:#0ABFA6}
.copyright-text{text-align:center;color:#888;font-size:13px;margin-top:32px;padding-top:24px;border-top:1px solid #3a3a3a}
.cookie-popup{position:fixed;bottom:20px;right:20px;width:360px;background:#fff;border-radius:10px;box-shadow:0 8px 28px #00000040;padding:24px;z-index:10000;display:none;border:2px solid #E850EE}
.cookie-popup[data-state="showing"]{display:block}
.cookie-header7{font-family:'Merriweather',serif;font-size:18px;color:#2a2a2a;margin-bottom:12px;font-weight:700}
.cookie-text{font-size:14px;color:#555;line-height:1.6;margin-bottom:18px}
.cookie-buttons{display:flex;gap:10px;margin-bottom:12px}
.cookie-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:background .25s ease,transform .15s ease}
.accept-btn{background:linear-gradient(135deg,#0ABFA6 0%,#08a08a 100%);color:#fff}
.accept-btn:hover{background:linear-gradient(135deg,#08a08a 0%,#067869 100%);transform:translateY(-1px)}
.decline-btn{background:#e0e0e0;color:#2a2a2a}
.decline-btn:hover{background:#d0d0d0;transform:translateY(-1px)}
.customize-link{display:inline-block;font-size:13px;color:#E850EE;text-decoration:underline;cursor:pointer;margin-bottom:8px}
.customize-link:hover{color:#c13fcc}
.settings-panel{display:none;margin-top:16px;padding-top:16px;border-top:1px solid #e5e5e5}
.settings-panel[data-state="showing"]{display:block}
.consent-option{margin-bottom:14px}
.consent-option label{display:flex;align-items:center;gap:10px;font-size:14px;color:#2a2a2a;cursor:pointer}
.consent-option input[type="checkbox"]{width:18px;height:18px;cursor:pointer}
.sale-opt-out{margin-top:16px;padding-top:16px;border-top:1px solid #e5e5e5}
.policy-footer{font-size:12px;color:#888;margin-top:12px}
.policy-footer a{color:#0ABFA6;text-decoration:none}
.policy-footer a:hover{text-decoration:underline}
.manage-cookies-trigger{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#E850EE 0%,#ad3db3 100%);color:#fff;padding:12px 18px;border-radius:50px;cursor:pointer;font-size:14px;box-shadow:0 4px 14px #e850ee4d;display:none;z-index:9999;border:none;font-weight:700;transition:transform .25s ease,box-shadow .25s ease}
.manage-cookies-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e850ee66}
.manage-cookies-trigger[data-state="showing"]{display:block}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#E850EE 0%,#0ABFA6 100%);border-radius:10px;transition:background .3s ease}
body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c13fcc 0%,#08a08a 100%);box-shadow:0 0 8px #e850ee80}
html{scroll-behavior:smooth}
@media (max-width: 1024px) {
.mid-header .main-holder{flex-direction:column;text-align:center;gap:24px}
.navigation{width:100%}
.contact-info-block{min-width:auto;width:100%;max-width:300px}
}
@media (max-width: 768px) {
.company-title{font-size:22px}
.site-logo{height:75px;width:75px}
.nav-list{flex-direction:column;width:100%;align-items:stretch}
.nav-list li a{text-align:center}
.footer-wrapper .main-holder{flex-direction:column}
.cookie-popup{width:calc(100% - 40px);right:20px;left:20px}
.manage-cookies-trigger{right:50%;transform:translateX(50%)}
.manage-cookies-trigger:hover{transform:translateX(50%) translateY(-2px)}
}
@media (max-width: 480px) {
.company-title{font-size:18px}
.site-logo{height:65px;width:65px}
.cookie-buttons{flex-direction:column}
.top-header{padding:14px 0}
.mid-header{padding:18px 0}
}
.terms-content{max-width:1200px;margin:0 auto;padding:60px 20px;background:#fff;box-shadow:0 2px 8px #00000014;border-radius:12px}
.terms-content h1{font-size:2.5rem;line-height:1.2;color:#1a1a1a;margin:0 0 32px;padding-bottom:20px;border-bottom:3px solid #E850EE;font-weight:700}
.terms-content h2{font-size:2rem;line-height:1.3;color:#2a2a2a;margin:48px 0 24px;font-weight:600;background:linear-gradient(135deg,#E850EE,#0ABFA6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.terms-content h3{font-size:1.5rem;line-height:1.4;color:#3a3a3a;margin:36px 0 20px;font-weight:600}
.terms-content h4{font-size:1.25rem;line-height:1.4;color:#4a4a4a;margin:28px 0 16px;font-weight:600}
.terms-content h5{font-size:1.1rem;line-height:1.5;color:#5a5a5a;margin:24px 0 14px;font-weight:600}
.terms-content h6{font-size:1rem;line-height:1.5;color:#6a6a6a;margin:20px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.terms-content p{font-size:1.05rem;line-height:1.8;color:#333;margin:0 0 20px}
.terms-content ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:none}
.terms-content ul li{font-size:1.05rem;line-height:1.8;color:#333;margin:0 0 12px;padding-left:12px;position:relative}
.terms-content ul li::before{content:"";position:absolute;left:-16px;top:12px;width:6px;height:6px;background:#0ABFA6;border-radius:50%}
.terms-content ol{margin:0 0 24px;padding:0 0 0 28px;counter-reset:policy-counter;list-style:none}
.terms-content ol li{font-size:1.05rem;line-height:1.8;color:#333;margin:0 0 12px;padding-left:12px;position:relative;counter-increment:policy-counter}
.terms-content ol li::before{content:counter(policy-counter) ".";position:absolute;left:-28px;color:#E850EE;font-weight:600}
.terms-content strong,.terms-content b{font-weight:700;color:#1a1a1a}
.terms-content em,.terms-content i{font-style:italic;color:#2a2a2a}
.terms-content a{color:#0ABFA6;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease;font-weight:500}
.terms-content a:hover{color:#E850EE;border-bottom-color:#E850EE}
.terms-content table{width:100%;margin:32px 0;border-collapse:collapse;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000014}
.terms-content thead{background:linear-gradient(135deg,#E850EE,#0ABFA6)}
.terms-content thead tr th{color:#fff;font-weight:600;text-align:left;padding:16px 20px;font-size:1.05rem}
.terms-content tbody tr{border-bottom:1px solid #e5e5e5;transition:background .2s ease}
.terms-content tbody tr:hover{background:#f9f9f9}
.terms-content tbody tr:last-child{border-bottom:none}
.terms-content tbody tr td{padding:14px 20px;font-size:1rem;line-height:1.6;color:#333}
.terms-content tbody tr th{padding:14px 20px;font-size:1rem;font-weight:600;color:#1a1a1a;text-align:left}
.terms-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#0ABFA6,transparent);margin:40px 0}
@media (max-width: 768px) {
.terms-content{padding:40px 16px;border-radius:8px}
.terms-content h1{font-size:2rem;margin-bottom:24px;padding-bottom:16px}
.terms-content h2{font-size:1.6rem;margin:36px 0 20px}
.terms-content h3{font-size:1.3rem;margin:28px 0 16px}
.terms-content h4{font-size:1.15rem;margin:24px 0 14px}
.terms-content p,.terms-content ul li,.terms-content ol li{font-size:1rem;line-height:1.7}
.terms-content table{margin:24px 0;font-size:.9rem}
.terms-content thead tr th,.terms-content tbody tr td,.terms-content tbody tr th{padding:12px 14px;font-size:.95rem}
.terms-content ul,.terms-content ol{padding-left:20px}
}
@media (max-width: 480px) {
.terms-content{padding:30px 12px}
.terms-content h1{font-size:1.75rem}
.terms-content h2{font-size:1.4rem}
.terms-content table{display:block;overflow-x:auto}
}
.faq-title-section{position:relative;padding:60px 20px;max-width:1200px;margin:40px auto;overflow:hidden}
.faq-title-section::before{content:'';position:absolute;top:0;left:-50%;width:200%;height:100%;background:repeating-linear-gradient(45deg,#e850ee0d,#e850ee0d 10px,transparent 10px,transparent 20px);pointer-events:none;z-index:1}
.title-content-wrapper{display:flex;align-items:center;gap:40px;position:relative;z-index:2}
.title-side-image{flex:0 0 280px;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 6px 20px #00000026}
.title-side-image img{width:100%;height:320px;object-fit:cover;display:block;mix-blend-mode:multiply;opacity:.85}
.title-side-image::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#e850ee4d,#0abfa64d);pointer-events:none}
.title-text-holder{flex:1;text-align:center}
.title-text-holder h1{font-size:2.8rem;margin:0 0 24px;color:#1a1a1a;font-weight:700;line-height:1.2;position:relative;display:inline-block}
.title-text-holder h1::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#E850EE,#0ABFA6);border-radius:2px}
.title-explanation{font-size:1.1rem;line-height:1.7;color:#4a4a4a;max-width:600px;margin:32px auto 0}
.qa-grid-section{max-width:1200px;margin:60px auto;padding:0 20px 80px}
.qa-cards-holder{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.qa-item{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:28px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;position:relative}
.qa-item::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#E850EE,#0ABFA6);border-radius:10px 0 0 10px;opacity:0;transition:opacity .3s ease}
.qa-item:hover{border-color:#0ABFA6;box-shadow:0 8px 24px #0abfa626;transform:translateY(-4px)}
.qa-item:hover::before{opacity:1}
.question-text{font-size:1.25rem;font-weight:600;color:#2a2a2a;margin:0 0 16px;line-height:1.4;position:relative;padding-left:32px}
.question-text::before{content:'S';position:absolute;left:0;top:2px;width:24px;height:24px;background:linear-gradient(135deg,#E850EE,#FBB708);color:#fff;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:6px}
.answer-text{font-size:1rem;line-height:1.7;color:#555;margin:0}
.highlight-term{color:#E850EE;font-weight:600}
.technical-detail{background:linear-gradient(90deg,#e850ee14,#0abfa614);padding:2px 8px;border-radius:4px;font-weight:500}
.metric-inline{display:inline-flex;align-items:center;gap:6px;background:#fbb7081f;padding:4px 10px;border-radius:6px;font-weight:600;color:#d89e00}
.cta-contact-wrapper{text-align:center;margin:48px 0 0}
.contact-action-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#E850EE,#0ABFA6);color:#fff;text-decoration:none;font-size:1.1rem;font-weight:600;border-radius:10px;box-shadow:0 6px 18px #e850ee4d;transition:all .3s ease}
.contact-action-btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #e850ee66;background:linear-gradient(135deg,#d63fde,#09a690)}
.contact-action-btn:active{transform:translateY(-1px)}
.contact-action-btn svg{width:20px;height:20px;fill:currentColor}
@media (max-width: 968px) {
.title-content-wrapper{flex-direction:column;gap:30px}
.title-side-image{flex:0 0 auto;width:100%;max-width:400px}
.title-text-holder h1{font-size:2.2rem}
.qa-cards-holder{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.faq-title-section{padding:40px 16px}
.title-text-holder h1{font-size:1.8rem}
.title-explanation{font-size:1rem}
.qa-item{padding:20px}
.question-text{font-size:1.1rem;padding-left:28px}
.contact-action-btn{padding:14px 28px;font-size:1rem}
}
.title-container{max-width:1200px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:linear-gradient(135deg,#e850ee14,#0abfa60f);border-radius:12px}
.title-container .text-holder{padding:0 20px}
.title-container .main-headline{font-size:2.8rem;line-height:1.2;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.title-container .main-headline::before{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#E850EE,#0ABFA6);margin-bottom:20px;border-radius:2px}
.title-container .intro-text{font-size:1.15rem;line-height:1.7;color:#333;margin:0 0 16px}
.title-container .supporting-line{font-size:1.05rem;line-height:1.6;color:#555;margin:0}
.title-container .visual-holder{position:relative}
.title-container .visual-holder img{width:100%;height:420px;object-fit:cover;border-radius:10px;filter:saturate(0.7);box-shadow:0 8px 24px #0000001f}
.title-container .visual-holder::after{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:2px solid #fbb70866;border-radius:10px;pointer-events:none}
.journey-wrapper{max-width:1200px;margin:60px auto;padding:0 20px}
.journey-wrapper .section-label{font-size:1rem;text-transform:uppercase;letter-spacing:1.5px;color:#E850EE;margin:0 0 12px;font-weight:600}
.journey-wrapper .section-heading{font-size:2.2rem;line-height:1.3;margin:0 0 48px;color:#1a1a1a}
.journey-wrapper .phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.journey-wrapper .phase-item{background:#f9f9f9;padding:32px 24px;border-radius:10px;border-left:4px solid #E850EE;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.journey-wrapper .phase-item:nth-child(2){border-left-color:#0ABFA6}
.journey-wrapper .phase-item:nth-child(3){border-left-color:#FBB708}
.journey-wrapper .phase-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}
.journey-wrapper .phase-number{font-size:3rem;font-weight:700;color:#e850ee26;margin:0 0 12px;line-height:1}
.journey-wrapper .phase-item:nth-child(2) .phase-number{color:#0abfa626}
.journey-wrapper .phase-item:nth-child(3) .phase-number{color:#fbb70826}
.journey-wrapper .phase-title{font-size:1.35rem;margin:0 0 14px;color:#1a1a1a;font-weight:600}
.journey-wrapper .phase-desc{font-size:.95rem;line-height:1.6;color:#555;margin:0 0 18px}
.journey-wrapper .phase-detail{font-size:.9rem;line-height:1.5;color:#666;margin:0}
.process-section{background:linear-gradient(180deg,#f4f4f4 0%,#fff 100%);padding:80px 20px;margin:60px 0}
.process-section .inner-wrapper{max-width:1200px;margin:0 auto}
.process-section .intro-block{text-align:center;margin-bottom:56px}
.process-section .intro-block h3{font-size:2rem;margin:0 0 16px;color:#1a1a1a}
.process-section .intro-block p{font-size:1.1rem;line-height:1.65;color:#444;max-width:720px;margin:0 auto}
.process-section .steps-display{display:flex;justify-content:space-between;gap:24px;position:relative}
.process-section .steps-display::before{content:'';position:absolute;top:40px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#E850EE,#0ABFA6,#FBB708);z-index:0}
.process-section .step-card{flex:1;background:#fff;padding:36px 28px;border-radius:12px;box-shadow:0 4px 16px #00000014;text-align:center;position:relative;z-index:1;transition:all .3s ease}
.process-section .step-card:hover{box-shadow:0 8px 28px #00000024;transform:scale(1.03)}
.process-section .step-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#E850EE,#0ABFA6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}
.process-section .step-card:nth-child(2) .step-icon{background:linear-gradient(135deg,#0ABFA6,#FBB708)}
.process-section .step-card:nth-child(3) .step-icon{background:linear-gradient(135deg,#FBB708,#E850EE)}
.process-section .step-card:nth-child(4) .step-icon{background:linear-gradient(135deg,#E850EE,#0ABFA6)}
.process-section .step-name{font-size:1.25rem;font-weight:600;margin:0 0 12px;color:#1a1a1a}
.process-section .step-info{font-size:.95rem;line-height:1.6;color:#555;margin:0}
.insights-area{max-width:1200px;margin:80px auto;padding:0 20px;display:grid;grid-template-columns:380px 1fr;gap:48px;align-items:start}
.insights-area .profile-panel{background:#f7f7f7;padding:32px;border-radius:12px;box-shadow:0 6px 20px #00000014}
.insights-area .profile-panel img{width:100%;height:280px;object-fit:cover;border-radius:8px;margin-bottom:20px}
.insights-area .expert-name{font-size:1.4rem;font-weight:600;margin:0 0 6px;color:#1a1a1a}
.insights-area .expert-role{font-size:1rem;color:#0ABFA6;margin:0 0 16px}
.insights-area .expert-bio{font-size:.95rem;line-height:1.6;color:#555;margin:0}
.insights-area .content-panel{background:#fff;padding:44px 40px;border-radius:12px;border:2px solid #e850ee26}
.insights-area .content-panel h4{font-size:1.8rem;margin:0 0 24px;color:#1a1a1a;position:relative;padding-left:20px}
.insights-area .content-panel h4::before{content:'';position:absolute;left:0;top:4px;width:6px;height:80%;background:linear-gradient(180deg,#E850EE,#0ABFA6);border-radius:3px}
.insights-area .insight-list{list-style:none;padding:0;margin:0}
.insights-area .insight-list li{font-size:1.05rem;line-height:1.7;color:#333;margin-bottom:16px;padding-left:32px;position:relative}
.insights-area .insight-list li::before{content:'✓';position:absolute;left:0;top:0;width:24px;height:24px;background:linear-gradient(135deg,#0ABFA6,#FBB708);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}
.practical-tools{background:linear-gradient(135deg,#0abfa60d,#fbb70814);padding:80px 20px;margin:60px 0}
.practical-tools .tools-container{max-width:1200px;margin:0 auto}
.practical-tools .header-area{margin-bottom:48px}
.practical-tools .header-area h3{font-size:2.1rem;margin:0 0 14px;color:#1a1a1a}
.practical-tools .header-area p{font-size:1.05rem;line-height:1.65;color:#444;margin:0}
.practical-tools .tools-masonry{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.practical-tools .tool-block{background:#fff;padding:32px 28px;border-radius:10px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border-top:4px solid #E850EE}
.practical-tools .tool-block:nth-child(2n){border-top-color:#0ABFA6}
.practical-tools .tool-block:nth-child(3n){border-top-color:#FBB708}
.practical-tools .tool-block:hover{transform:translateY(-6px);box-shadow:0 10px 32px #00000024}
.practical-tools .tool-heading{font-size:1.3rem;margin:0 0 14px;color:#1a1a1a;font-weight:600}
.practical-tools .tool-text{font-size:.95rem;line-height:1.65;color:#555;margin:0 0 16px}
.practical-tools .tool-benefit{font-size:.9rem;line-height:1.55;color:#666;margin:0;padding-left:20px;border-left:3px solid #e850ee4d}
.practical-tools .tool-block:nth-child(2n) .tool-benefit{border-left-color:#0abfa64d}
.practical-tools .tool-block:nth-child(3n) .tool-benefit{border-left-color:#fbb7084d}
.engagement-zone{max-width:1200px;margin:80px auto;padding:0 20px}
.engagement-zone .zone-header{text-align:center;margin-bottom:52px}
.engagement-zone .zone-header h3{font-size:2rem;margin:0 0 16px;color:#1a1a1a}
.engagement-zone .zone-header p{font-size:1.1rem;line-height:1.6;color:#444;max-width:680px;margin:0 auto}
.engagement-zone .testimonial-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.engagement-zone .testimonial-box{background:#f8f8f8;padding:36px 32px;border-radius:12px;box-shadow:0 6px 20px #00000012;position:relative}
.engagement-zone .testimonial-box::before{content:'"';position:absolute;top:16px;left:20px;font-size:5rem;color:#e850ee1a;font-family:serif;line-height:1}
.engagement-zone .feedback-text{font-size:1.05rem;line-height:1.7;color:#333;margin:0 0 24px;position:relative;z-index:1}
.engagement-zone .reviewer-info{display:flex;align-items:center;gap:16px}
.engagement-zone .reviewer-info img{width:60px;height:60px;object-fit:cover;border-radius:50%;border:3px solid #0ABFA6}
.engagement-zone .reviewer-details{flex:1}
.engagement-zone .reviewer-name{font-size:1.1rem;font-weight:600;margin:0 0 4px;color:#1a1a1a}
.engagement-zone .reviewer-position{font-size:.9rem;color:#666;margin:0}
.cta-final{background:linear-gradient(135deg,#E850EE,#0ABFA6);padding:64px 20px;text-align:center;margin:80px 0 0}
.cta-final .cta-message{max-width:720px;margin:0 auto 32px}
.cta-final .cta-message h3{font-size:2.2rem;color:#fff;margin:0 0 16px}
.cta-final .cta-message p{font-size:1.15rem;line-height:1.6;color:#fffffff2;margin:0}
.cta-final .action-btn{display:inline-block;background:#fff;color:#E850EE;font-size:1.1rem;font-weight:600;padding:16px 48px;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px #00000026;position:relative;z-index:10}
.cta-final .action-btn:hover{background:#FBB708;color:#fff;transform:translateY(-3px);box-shadow:0 10px 32px #00000040}
@media (max-width: 968px) {
.title-container{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.title-container .main-headline{font-size:2.2rem}
.title-container .visual-holder img{height:320px}
.journey-wrapper .phase-grid{grid-template-columns:1fr}
.process-section .steps-display{flex-direction:column}
.process-section .steps-display::before{display:none}
.insights-area{grid-template-columns:1fr}
.engagement-zone .testimonial-layout{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.title-container .main-headline{font-size:1.8rem}
.journey-wrapper .section-heading{font-size:1.7rem}
.process-section .intro-block h3{font-size:1.6rem}
.insights-area .content-panel h4{font-size:1.5rem}
.practical-tools .tools-masonry{grid-template-columns:1fr}
.cta-final .cta-message h3{font-size:1.8rem}
}
.title-section-holder{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#f8f3ff 0%,#e8f9f6 100%);padding:80px 20px}
.parallax-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.parallax-image-container img{width:100%;height:100%;object-fit:cover;opacity:.15;transform:translateY(var(--scroll-offset,0))}
.title-content-wrapper{position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100%}
.title-content-wrapper h1{font-size:3.2em;margin:0 0 24px;color:#1a1a1a;line-height:1.2;font-weight:700}
.title-content-wrapper .subtitle-text{font-size:1.3em;color:#444;margin:0 0 32px;max-width:680px;line-height:1.6}
.title-cta-button{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#E850EE 0%,#0ABFA6 100%);color:#fff;text-decoration:none;border-radius:10px;font-size:1.1em;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 16px #e850ee4d}
.title-cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #e850ee66}
.decorative-accent-12{position:absolute;width:280px;height:280px;background:radial-gradient(circle,#e850ee26 0%,transparent 70%);border-radius:50%;top:-80px;right:10%;z-index:1}
.decorative-accent-29{position:absolute;width:180px;height:180px;background:radial-gradient(circle,#0abfa61f 0%,transparent 70%);border-radius:50%;bottom:-40px;left:8%;z-index:1}
.progress-motivation-block{padding:90px 20px;background:#fff}
.block-container-centered{max-width:1200px;margin:0 auto}
.section-heading-style{font-size:2.4em;margin:0 0 20px;color:#1a1a1a;font-weight:700;position:relative;display:inline-block}
.section-heading-style::before{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#E850EE 0%,#0ABFA6 100%);border-radius:8px}
.intro-paragraph-text{font-size:1.15em;color:#555;line-height:1.7;margin:0 0 48px;max-width:820px}
.progress-tracker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:36px}
.progress-card-item{background:linear-gradient(145deg,#fff 0%,#f9fafb 100%);padding:32px;border-radius:12px;border:2px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}
.progress-card-item:hover{border-color:#E850EE;transform:translateY(-6px);box-shadow:0 12px 28px #0000001f}
.progress-card-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#E850EE 0%,#0ABFA6 50%,#FBB708 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.progress-card-item:hover::before{transform:scaleX(1)}
.progress-card-item h3{font-size:1.5em;margin:0 0 16px;color:#1a1a1a;font-weight:600}
.progress-card-item p{font-size:1em;color:#666;line-height:1.6;margin:0 0 24px}
.progress-bar-visual{width:100%;height:8px;background:#e5e7eb;border-radius:8px;overflow:hidden;margin-bottom:12px}
.progress-bar-fill{height:100%;background:linear-gradient(90deg,#E850EE 0%,#0ABFA6 100%);border-radius:8px;transition:width .6s ease}
.progress-card-item:nth-child(1) .progress-bar-fill{width:78%}
.progress-card-item:nth-child(2) .progress-bar-fill{width:92%}
.progress-card-item:nth-child(3) .progress-bar-fill{width:85%}
.progress-metric-text{font-size:.95em;color:#888;font-weight:600}
.support-system-section{padding:90px 20px;background:linear-gradient(180deg,#fef8ff 0%,#fff 100%);position:relative}
.support-system-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#E850EE 50%,transparent 100%)}
.split-layout-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto}
.support-content-area h2{font-size:2.4em;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.support-content-area p{font-size:1.1em;color:#555;line-height:1.7;margin:0 0 32px}
.support-feature-list-19{list-style:none;padding:0;margin:0}
.support-feature-list-19 li{display:flex;align-items:flex-start;margin-bottom:20px;font-size:1.05em;color:#444;line-height:1.6}
.support-feature-list-19 li::before{content:'→';color:#0ABFA6;font-weight:700;font-size:1.3em;margin-right:12px;flex-shrink:0}
.support-image-display{position:relative}
.support-image-display img{width:100%;height:auto;border-radius:14px;box-shadow:0 16px 48px #00000026;display:block}
.support-image-display::after{content:'';position:absolute;bottom:-20px;right:-20px;width:60%;height:60%;background:linear-gradient(135deg,#e850ee33 0%,#0abfa633 100%);border-radius:14px;z-index:-1}
.ecosystem-integration-block{padding:90px 20px;background:#fff}
.ecosystem-heading-wrapper{text-align:center;margin-bottom:56px}
.ecosystem-heading-wrapper h2{font-size:2.4em;margin:0 0 20px;color:#1a1a1a;font-weight:700}
.ecosystem-heading-wrapper .desc-text{font-size:1.15em;color:#555;line-height:1.7;max-width:700px;margin:0 auto}
.ecosystem-tabs-interface{max-width:1200px;margin:0 auto}
.tab-radio-control{display:none}
.tab-labels-row{display:flex;gap:16px;margin-bottom:40px;border-bottom:2px solid #e5e7eb;padding-bottom:0;flex-wrap:wrap}
.tab-label-button{padding:16px 32px;font-size:1.1em;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;font-weight:600;background:none;border-radius:0}
.tab-label-button:hover{color:#E850EE;background:#e850ee0d}
#tab1:checked ~ .tab-labels-row label[for="tab1"],#tab2:checked ~ .tab-labels-row label[for="tab2"],#tab3:checked ~ .tab-labels-row label[for="tab3"]{color:#E850EE;border-bottom-color:#E850EE}
.tab-content-panels{position:relative;min-height:400px}
.tab-panel-content{display:none;animation:fadeIn .4s ease}
#tab1:checked ~ .tab-content-panels .tab-panel-content:nth-child(1),#tab2:checked ~ .tab-content-panels .tab-panel-content:nth-child(2),#tab3:checked ~ .tab-content-panels .tab-panel-content:nth-child(3){display:block}
@keyframes fadeIn {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.tab-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.tab-text-column h3{font-size:1.9em;margin:0 0 20px;color:#1a1a1a;font-weight:600}
.tab-text-column p{font-size:1.05em;color:#555;line-height:1.7;margin:0 0 24px}
.tab-stat-grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px}
.stat-box-item{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:20px;border-radius:10px;border-left:4px solid #0ABFA6;transition:all .3s ease}
.stat-box-item:hover{border-left-color:#E850EE;transform:translateX(6px);box-shadow:0 6px 18px #00000014}
.stat-box-item .stat-number-large{font-size:2.2em;font-weight:700;color:#E850EE;margin:0 0 8px;display:block}
.stat-box-item .stat-label-text{font-size:.95em;color:#666;margin:0}
.tab-image-column{position:relative}
.tab-image-column img{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 32px #0000001f;display:block}
.testimonial-proof-section{padding:90px 20px;background:linear-gradient(135deg,#f0f9ff 0%,#fef3ff 100%);position:relative;overflow:hidden}
.testimonial-proof-section::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#fbb7081a 0%,transparent 70%);top:-100px;left:-100px;border-radius:50%}
.testimonial-container-max{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.testimonial-container-max h2{font-size:2.4em;margin:0 0 52px;color:#1a1a1a;font-weight:700;text-align:center}
.testimonial-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:36px}
.testimonial-card-modern{background:#fff;padding:36px;border-radius:14px;box-shadow:0 8px 24px #00000014;transition:all .3s ease;position:relative}
.testimonial-card-modern:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001f}
.testimonial-card-modern::before{content:'"';position:absolute;top:16px;left:24px;font-size:5em;color:#e850ee1f;font-weight:700;line-height:1}
.reviewer-profile-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.reviewer-profile-row img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #E850EE}
.reviewer-info-data{flex:1}
.reviewer-info-data .name-text{font-size:1.2em;font-weight:700;color:#1a1a1a;margin:0 0 4px}
.reviewer-info-data .role-text{font-size:.95em;color:#888;margin:0}
.testimonial-quote-body{font-size:1.05em;color:#555;line-height:1.7;margin:0 0 20px;position:relative;z-index:1}
.rating-stars-visual{display:flex;gap:4px}
.rating-stars-visual .star-icon{color:#FBB708;font-size:1.2em}
@media (max-width: 968px) {
.title-content-wrapper h1{font-size:2.4em}
.title-content-wrapper .subtitle-text{font-size:1.15em}
.split-layout-container{grid-template-columns:1fr;gap:40px}
.support-image-display::after{display:none}
.tab-grid-layout{grid-template-columns:1fr;gap:32px}
.tab-labels-row{flex-direction:column}
.tab-label-button{width:100%;text-align:left}
.testimonial-grid-layout{grid-template-columns:1fr}
.progress-tracker-grid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.title-section-holder{padding:60px 16px;min-height:420px}
.title-content-wrapper h1{font-size:1.9em}
.title-content-wrapper .subtitle-text{font-size:1.05em}
.title-cta-button{padding:14px 32px;font-size:1em}
.section-heading-style{font-size:1.9em}
.progress-motivation-block,.support-system-section,.ecosystem-integration-block,.testimonial-proof-section{padding:60px 16px}
.tab-stat-grid-4{grid-template-columns:1fr}
.decorative-accent-12,.decorative-accent-29{display:none}
}
.reach-main{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%)}
.reach-main .intro-wrapper{max-width:1200px;margin:0 auto;padding:80px 20px;display:flex;gap:60px;align-items:center}
.reach-main .intro-wrapper .visual-holder{flex:0 0 380px;position:relative}
.reach-main .intro-wrapper .visual-holder::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:2px solid #E850EE;border-radius:12px;opacity:.3}
.reach-main .intro-wrapper .visual-holder img{width:100%;height:480px;object-fit:cover;border-radius:12px;display:block;filter:contrast(1.08) brightness(0.97)}
.reach-main .intro-wrapper .text-data{flex:1}
.reach-main .intro-wrapper h1{font-size:42px;line-height:1.2;margin:0 0 24px;color:#1a1a1a;font-weight:600}
.reach-main .intro-wrapper .description-text{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0}
.reach-main .contact-info-section{max-width:1200px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.reach-main .contact-card{background:#fff;padding:32px;border-radius:14px;box-shadow:0 4px 12px #e850ee14;border:2px solid transparent;transition:all .3s ease}
.reach-main .contact-card:hover{border-color:#0ABFA6;box-shadow:0 8px 24px #0abfa626;transform:translateY(-4px)}
.reach-main .contact-card .icon-area{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#E850EE 0%,#0ABFA6 100%);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.reach-main .contact-card .icon-area svg{width:28px;height:28px;fill:#fff}
.reach-main .contact-card h3{font-size:20px;margin:0 0 12px;color:#1a1a1a;font-weight:600}
.reach-main .contact-card .info-detail{font-size:16px;line-height:1.6;color:#555;margin:0;word-break:break-word}
.reach-main .contact-card .info-detail a{color:#E850EE;text-decoration:none;transition:color .2s ease}
.reach-main .contact-card .info-detail a:hover{color:#0ABFA6}
.reach-main .form-section-wrapper{background:linear-gradient(180deg,#fff 0%,#f5f5f5 100%);padding:80px 20px}
.reach-main .form-container{max-width:720px;margin:0 auto;background:#fff;padding:48px;border-radius:16px;box-shadow:0 6px 20px #0000000f}
.reach-main .form-container h2{font-size:32px;margin:0 0 12px;color:#1a1a1a;text-align:center}
.reach-main .form-container .subtitle-form{font-size:16px;color:#666;text-align:center;margin:0 0 40px}
.reach-main .form-container form{display:flex;flex-direction:column;gap:28px}
.reach-main .form-container .field-group{display:flex;flex-direction:column;gap:8px}
.reach-main .form-container label{font-size:15px;font-weight:500;color:#333}
.reach-main .form-container input[type="text"],.reach-main .form-container input[type="email"]{padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;background:#fafafa}
.reach-main .form-container input[type="text"]:focus,.reach-main .form-container input[type="email"]:focus{outline:none;border-color:#0ABFA6;background:#fff;box-shadow:0 0 0 4px #0abfa61a}
.reach-main .form-container .rating-section{display:flex;flex-direction:column;gap:12px}
.reach-main .form-container .rating-section .rating-label{font-size:15px;font-weight:500;color:#333}
.reach-main .form-container .rating-options{display:flex;gap:16px;flex-wrap:wrap}
.reach-main .form-container .rating-item{position:relative}
.reach-main .form-container .rating-item input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.reach-main .form-container .rating-item .rating-button{display:inline-block;padding:10px 20px;border:2px solid #e0e0e0;border-radius:8px;background:#fafafa;cursor:pointer;font-size:14px;color:#555;transition:all .3s ease;user-select:none}
.reach-main .form-container .rating-item input[type="radio"]:checked + .rating-button{background:linear-gradient(135deg,#E850EE 0%,#0ABFA6 100%);border-color:#E850EE;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #e850ee4d}
.reach-main .form-container .rating-item .rating-button:hover{border-color:#0ABFA6;background:#f0f0f0}
.reach-main .form-container .rating-item input[type="radio"]:checked + .rating-button:hover{background:linear-gradient(135deg,#d63fdd 0%,#09a890 100%)}
.reach-main .form-container .privacy-area{display:flex;align-items:flex-start;gap:10px;padding:16px;background:#f8f8f8;border-radius:10px}
.reach-main .form-container .privacy-area input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.reach-main .form-container .privacy-area label{font-size:14px;color:#555;line-height:1.6;cursor:pointer;font-weight:400}
.reach-main .form-container .privacy-area label a{color:#E850EE;text-decoration:none;font-weight:500}
.reach-main .form-container .privacy-area label a:hover{color:#0ABFA6;text-decoration:underline}
.reach-main .form-container .submit-btn{padding:16px 40px;background:linear-gradient(135deg,#E850EE 0%,#0ABFA6 100%);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #e850ee40}
.reach-main .form-container .submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0abfa659}
.reach-main .form-container .submit-btn:active{transform:translateY(0)}
@media (max-width: 768px) {
.reach-main .intro-wrapper{flex-direction:column;padding:60px 20px;gap:40px}
.reach-main .intro-wrapper .visual-holder{flex:0 0 auto;width:100%}
.reach-main .intro-wrapper .visual-holder img{height:360px}
.reach-main .intro-wrapper h1{font-size:32px}
.reach-main .contact-info-section{grid-template-columns:1fr;padding:40px 20px}
.reach-main .form-section-wrapper{padding:60px 20px}
.reach-main .form-container{padding:32px 24px}
.reach-main .form-container h2{font-size:26px}
.reach-main .form-container .rating-options{gap:12px}
.reach-main .form-container .rating-item .rating-button{padding:8px 16px;font-size:13px}
}
@media (max-width: 480px) {
.reach-main .intro-wrapper h1{font-size:28px}
.reach-main .intro-wrapper .description-text{font-size:16px}
.reach-main .form-container .rating-options{flex-direction:column;gap:10px}
.reach-main .form-container .rating-item .rating-button{display:block;width:100%;text-align:center}
}
.learning-program-page .title-area-wrapper{background:linear-gradient(135deg,#e850ee14 0%,#0abfa61f 100%);padding:80px 20px;position:relative;overflow:hidden}
.learning-program-page .title-area-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(./image_archive/media-21.jpg) center/cover;opacity:.15;mix-blend-mode:overlay;z-index:1}
.learning-program-page .title-content-holder{max-width:1200px;margin:0 auto;position:relative;z-index:2;text-align:center}
.learning-program-page .title-content-holder h1{font-size:3.2rem;line-height:1.2;margin:0 0 24px;color:#1a1a1a}
.learning-program-page .title-content-holder h1 span{background:linear-gradient(120deg,#E850EE,#0ABFA6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
.learning-program-page .title-frame-decoration{border:2px solid #e850ee4d;border-radius:12px;padding:32px;display:inline-block;background:#ffffffb3;backdrop-filter:blur(10px)}
.learning-program-page .title-frame-decoration p{font-size:1.15rem;line-height:1.7;color:#333;margin:0;max-width:720px}
.learning-program-page .curriculum-section-data{padding:90px 20px;background:#fafafa}
.learning-program-page .curriculum-container-grid{max-width:1200px;margin:0 auto}
.learning-program-page .curriculum-container-grid h2{font-size:2.4rem;margin:0 0 16px;color:#1a1a1a;position:relative;padding-left:24px}
.learning-program-page .curriculum-container-grid h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:48px;background:linear-gradient(180deg,#E850EE,#0ABFA6);border-radius:3px}
.learning-program-page .curriculum-intro-text{font-size:1.1rem;line-height:1.8;color:#444;margin:0 0 56px;padding-left:24px}
.learning-program-page .modules-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}
.learning-program-page .module-card-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:32px;position:relative;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}
.learning-program-page .module-card-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #e850ee26;border-color:#E850EE}
.learning-program-page .module-number-badge{position:absolute;top:-12px;right:24px;background:linear-gradient(135deg,#E850EE,#0ABFA6);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px #e850ee4d}
.learning-program-page .module-card-item h3{font-size:1.5rem;margin:0 0 16px;color:#1a1a1a}
.learning-program-page .module-card-item p{font-size:1rem;line-height:1.7;color:#555;margin:0 0 20px}
.learning-program-page .module-topics-list{list-style:none;padding:0;margin:0}
.learning-program-page .module-topics-list li{padding:8px 0 8px 28px;position:relative;color:#666;font-size:.95rem;line-height:1.6}
.learning-program-page .module-topics-list li::before{content:'';position:absolute;left:0;top:14px;width:12px;height:12px;background:#FBB708;border-radius:50%}
.learning-program-page .instructors-showcase-area{padding:90px 20px;background:linear-gradient(to bottom,#fff 0%,#0abfa60d 100%)}
.learning-program-page .instructors-wrapper-content{max-width:1200px;margin:0 auto}
.learning-program-page .instructors-wrapper-content h2{font-size:2.4rem;margin:0 0 12px;text-align:center;color:#1a1a1a}
.learning-program-page .instructors-wrapper-content h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#E850EE,#FBB708);margin:16px auto 0;border-radius:2px}
.learning-program-page .instructors-subtitle{font-size:1.1rem;color:#555;text-align:center;margin:0 0 64px;line-height:1.7}
.learning-program-page .instructors-grid-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.learning-program-page .instructor-profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;padding:40px 24px;border-radius:16px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;border:2px solid transparent}
.learning-program-page .instructor-profile-card:hover{border-color:#0ABFA6;box-shadow:0 8px 32px #0abfa626}
.learning-program-page .instructor-image-holder{width:140px;height:140px;border-radius:50%;overflow:hidden;margin-bottom:24px;border:4px solid #E850EE;box-shadow:0 4px 16px #e850ee33}
.learning-program-page .instructor-image-holder img{width:100%;height:100%;object-fit:cover}
.learning-program-page .instructor-profile-card h3{font-size:1.4rem;margin:0 0 8px;color:#1a1a1a}
.learning-program-page .instructor-role-label{font-size:.95rem;color:#0ABFA6;font-weight:600;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}
.learning-program-page .instructor-profile-card p{font-size:1rem;line-height:1.7;color:#555;margin:0}
.learning-program-page .enroll-action-zone{padding:100px 20px;background:linear-gradient(135deg,#e850eef2,#0abfa6f2);position:relative;overflow:hidden}
.learning-program-page .enroll-action-zone::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#fbb7084d,transparent);border-radius:50%}
.learning-program-page .enroll-content-wrapper{max-width:900px;margin:0 auto;position:relative;z-index:2;text-align:center}
.learning-program-page .enroll-content-wrapper h2{font-size:2.6rem;color:#fff;margin:0 0 20px;line-height:1.3;text-shadow:0 2px 8px #00000026}
.learning-program-page .enroll-content-wrapper p{font-size:1.2rem;color:#fff;margin:0 0 40px;line-height:1.8;opacity:.95}
.learning-program-page .enroll-benefits-display{display:flex;flex-direction:row;justify-content:center;gap:48px;margin:0 0 48px;flex-wrap:wrap}
.learning-program-page .benefit-item-single{display:flex;flex-direction:column;align-items:center}
.learning-program-page .benefit-icon-circle{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:2px solid #fff6}
.learning-program-page .benefit-icon-circle svg{width:40px;height:40px;fill:#fff}
.learning-program-page .benefit-item-single span{font-size:1.05rem;color:#fff;font-weight:600}
.learning-program-page .enroll-cta-buttons{display:flex;flex-direction:row;gap:20px;justify-content:center;flex-wrap:wrap}
.learning-program-page .primary-enroll-btn{background:#fff;color:#E850EE;padding:18px 48px;border-radius:10px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 16px #00000026;border:none}
.learning-program-page .primary-enroll-btn:hover{background:#FBB708;color:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 24px #fbb70866}
.learning-program-page .secondary-info-link{background:transparent;color:#fff;padding:18px 48px;border-radius:10px;font-size:1.15rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;border:2px solid #fff}
.learning-program-page .secondary-info-link:hover{background:#ffffff26;transform:translateY(-2px)}
@media (max-width: 768px) {
.learning-program-page .title-content-holder h1{font-size:2.2rem}
.learning-program-page .title-frame-decoration{padding:24px}
.learning-program-page .title-frame-decoration p{font-size:1rem}
.learning-program-page .curriculum-container-grid h2{font-size:2rem}
.learning-program-page .modules-grid-layout{grid-template-columns:1fr}
.learning-program-page .instructors-grid-display{grid-template-columns:1fr}
.learning-program-page .enroll-content-wrapper h2{font-size:2rem}
.learning-program-page .enroll-benefits-display{flex-direction:column;gap:32px}
.learning-program-page .enroll-cta-buttons{flex-direction:column}
}
@media (min-width: 769px) and (max-width: 1024px) {
.learning-program-page .modules-grid-layout{grid-template-columns:repeat(2,1fr)}
.learning-program-page .instructors-grid-display{grid-template-columns:repeat(2,1fr)}
}
.success-wrap{max-width:1200px;margin:4rem auto;padding:0 1.5rem}
.confirm-area{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:linear-gradient(135deg,#e850ee14,#0abfa614);border-radius:12px;padding:3.5rem;position:relative;overflow:hidden}
.confirm-area::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#fbb70826,transparent 70%);border-radius:50%;animation:pulse-glow 4s ease-in-out infinite}
@keyframes pulse-glow {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.1);opacity:.8}
}
.text-holder{position:relative;z-index:2}
.info-label{font-size:.95rem;color:#0ABFA6;font-weight:600;margin-bottom:.75rem;display:inline-block;background:#0abfa61f;padding:.4rem 1rem;border-radius:6px}
.confirm-title{font-size:2.5rem;color:#1a1a1a;margin:0 0 1.5rem;line-height:1.2;font-weight:700}
.confirm-title::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#E850EE,#0ABFA6);margin-top:1rem;border-radius:2px}
.detail-text{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin-bottom:1.2rem}
.detail-text:last-of-type{margin-bottom:2rem}
.visual-holder{position:relative;z-index:2}
.shape-frame{width:100%;max-width:450px;aspect-ratio:1;margin:0 auto;position:relative;clip-path:polygon(25% 0%,100% 0%,100% 75%,75% 100%,0% 100%,0% 25%);background:linear-gradient(135deg,#E850EE 0%,#0ABFA6 50%,#FBB708 100%);padding:3px;animation:rotate-border 8s linear infinite}
@keyframes rotate-border {
0%{filter:hue-rotate(0deg)}
100%{filter:hue-rotate(360deg)}
}
.inner-shape{width:100%;height:100%;background:#fff;clip-path:polygon(25% 0%,100% 0%,100% 75%,75% 100%,0% 100%,0% 25%);display:flex;align-items:center;justify-content:center;position:relative}
.icon-display{font-size:8rem;background:linear-gradient(135deg,#E850EE,#0ABFA6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:scale-pulse 2s ease-in-out infinite}
@keyframes scale-pulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.action-group{display:flex;gap:1rem;flex-wrap:wrap}
.primary-btn{background:linear-gradient(135deg,#E850EE,#0ABFA6);color:#fff;border:none;padding:.9rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #e850ee4d;text-decoration:none;display:inline-block;position:relative;z-index:10}
.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e850ee66;filter:brightness(1.1)}
.secondary-btn{background:transparent;color:#0ABFA6;border:2px solid #0ABFA6;padding:.85rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;position:relative;z-index:10}
.secondary-btn:hover{background:#0ABFA6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0abfa64d}
.decorative-border{position:absolute;bottom:-10px;left:-10px;width:120px;height:120px;border-left:3px solid #FBB708;border-bottom:3px solid #FBB708;border-radius:0 0 0 12px;opacity:.6}
.decorative-border-2{position:absolute;top:-10px;right:-10px;width:100px;height:100px;border-right:3px solid #E850EE;border-top:3px solid #E850EE;border-radius:0 12px 0 0;opacity:.6}
@media (max-width: 968px) {
.confirm-area{grid-template-columns:1fr;padding:2.5rem;gap:2.5rem}
.confirm-title{font-size:2rem}
.shape-frame{max-width:350px}
.icon-display{font-size:6rem}
}
@media (max-width: 640px) {
.success-wrap{margin:2rem auto;padding:0 1rem}
.confirm-area{padding:2rem}
.confirm-title{font-size:1.75rem}
.detail-text{font-size:1rem}
.action-group{flex-direction:column}
.primary-btn,.secondary-btn{width:100%;text-align:center}
.shape-frame{max-width:280px}
.icon-display{font-size:5rem}
.decorative-border,.decorative-border-2{display:none}
}