*{margin:0;padding:0;box-sizing:border-box}
:root{--primary-color:#9E96A7;--secondary-color:#CABCCA;--tertiary-color:#EEEBEE;--text-dark:#212529;--text-medium:#495057;--bg-light:#fff;--bg-cream:#fafbfc;--shadow-soft:0 2px 12px #9e96a714;--shadow-medium:0 4px 20px #9e96a71f}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.7;color:var(--text-dark);background-color:var(--bg-light);font-size:17px}
header{background:linear-gradient(135deg,#EEEBEE 0%,#CABCCA 45%,#9E96A7 100%);padding:0;box-shadow:var(--shadow-medium)}
.header_top_row{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;border-bottom:1px solid #ffffff40;min-height:95px}
.logo_container_4kx{display:flex;align-items:center;gap:18px;z-index:50;position:relative}
.logo_container_4kx img{height:82px;width:82px;object-fit:contain;object-position:center;display:block}
.company_name_display{font-size:1.75rem;font-weight:600;color:var(--text-dark);letter-spacing:.02em}
.credentials_badge_section{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.credential_item_tag{background:#ffffffd9;padding:8px 18px;border-radius:6px;font-size:.88rem;color:var(--text-medium);font-weight:500;box-shadow:var(--shadow-soft)}
.nav_primary_wrapper{background:#ffffff73;backdrop-filter:blur(8px);padding:18px 5%}
.main_navigation_7hf{display:flex;justify-content:center;align-items:center;gap:42px;list-style:none}
.main_navigation_7hf li{position:relative}
.main_navigation_7hf a{text-decoration:none;color:var(--text-dark);font-size:1.02rem;font-weight:500;padding:10px 16px;display:block;transition:color .25s ease,background-color .25s ease;border-radius:5px}
.main_navigation_7hf a:hover{color:var(--primary-color);background-color:#9e96a71f}
.main_navigation_7hf a:focus{outline:3px solid var(--primary-color);outline-offset:2px}
main{min-height:65vh}
footer{background:linear-gradient(45deg,#9E96A7 0%,#CABCCA 50%,#EEEBEE 100%);color:var(--text-dark);padding:52px 5% 28px;margin-top:80px}
.footer_grid_layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;max-width:1400px;margin:0 auto 42px}
.footer_section_block h3{font-size:1.28rem;margin-bottom:22px;color:var(--text-dark);font-weight:600;position:relative;padding-bottom:12px}
.footer_section_block h3::after{content:'';position:absolute;left:0;bottom:0;width:48px;height:3px;background:var(--text-dark);border-radius:2px}
.footer_links_list{list-style:none;display:flex;flex-direction:column;gap:14px}
.footer_links_list a{color:var(--text-dark);text-decoration:none;font-size:.98rem;transition:color .25s ease,transform .2s ease;display:inline-block}
.footer_links_list a:hover{color:#212529b3;transform:translateX(4px)}
.footer_links_list a:focus{outline:2px solid var(--text-dark);outline-offset:3px}
.contact_info_block p{margin-bottom:12px;font-size:.98rem;line-height:1.75}
.contact_info_block a{color:var(--text-dark);text-decoration:none;font-weight:500;transition:opacity .25s ease}
.contact_info_block a:hover{opacity:.75}
.footer_logo_container{display:flex;align-items:center;gap:15px;margin-bottom:18px}
.footer_logo_container img{height:65px;width:65px;object-fit:contain;object-position:center}
.footer_company_title{font-size:1.35rem;font-weight:600;color:var(--text-dark)}
.copyright_section{border-top:1px solid #21252933;padding-top:26px;text-align:center;font-size:.92rem;color:var(--text-medium)}
.consent_overlay_wrapper{position:fixed;bottom:28px;right:28px;max-width:485px;background:var(--bg-light);border-radius:12px;box-shadow:0 8px 32px #0000002e;padding:32px;z-index:9999;border:2px solid var(--secondary-color);display:none}
.consent_overlay_wrapper.visible_state{display:block;animation:slideUpFade .4s ease-out}
@keyframes slideUpFade {
from{opacity:0;transform:translateY(25px)}
to{opacity:1;transform:translateY(0)}
}
.consent_title_text{font-size:1.42rem;font-weight:600;color:var(--text-dark);margin-bottom:16px}
.consent_description_text{font-size:.96rem;color:var(--text-medium);line-height:1.65;margin-bottom:24px}
.consent_categories_grid{display:flex;flex-direction:column;gap:16px;margin-bottom:26px}
.category_item_block{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--bg-cream);border-radius:8px;border:1px solid var(--tertiary-color)}
.toggle_switch_container{position:relative;width:52px;height:28px;flex-shrink:0}
.toggle_switch_container input{opacity:0;width:0;height:0}
.toggle_slider_element{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.3s;border-radius:28px}
.toggle_slider_element:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}
input:checked + .toggle_slider_element{background-color:var(--primary-color)}
input:checked + .toggle_slider_element:before{transform:translateX(24px)}
input:focus + .toggle_slider_element{outline:3px solid var(--primary-color);outline-offset:2px}
.category_text_content{flex:1}
.category_label_title{font-size:1.02rem;font-weight:600;color:var(--text-dark);margin-bottom:5px;display:block}
.category_description_small{font-size:.87rem;color:var(--text-medium);line-height:1.5}
.consent_actions_row{display:flex;gap:12px;flex-wrap:wrap}
.consent_button_base{flex:1;min-width:135px;padding:13px 24px;border:none;border-radius:7px;font-size:.98rem;font-weight:600;cursor:pointer;transition:opacity .25s ease,transform .2s ease;font-family:inherit}
.consent_button_base:hover{opacity:.88;transform:translateY(-1px)}
.consent_button_base:focus{outline:3px solid var(--primary-color);outline-offset:2px}
.btn_accept_all{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--bg-light)}
.btn_reject_all{background:var(--tertiary-color);color:var(--text-dark)}
.btn_save_preferences{background:var(--text-dark);color:var(--bg-light);flex-basis:100%}
@media (max-width: 968px) {
.header_top_row{flex-direction:column;gap:18px;text-align:center;padding:20px 4%}
.credentials_badge_section{align-items:center}
.main_navigation_7hf{flex-wrap:wrap;gap:22px;justify-content:center}
.footer_grid_layout{grid-template-columns:1fr;gap:35px}
.consent_overlay_wrapper{right:15px;left:15px;bottom:15px;max-width:none;padding:24px}
.consent_actions_row{flex-direction:column}
.consent_button_base{width:100%}
}
@media (max-width: 580px) {
.company_name_display{font-size:1.4rem}
.main_navigation_7hf{flex-direction:column;gap:12px}
.main_navigation_7hf a{padding:12px 20px;width:100%;text-align:center}
.logo_container_4kx img{height:68px;width:68px}
.consent_title_text{font-size:1.22rem}
.category_item_block{flex-direction:column;align-items:flex-start}
}
.remote-learning-section{background:linear-gradient(135deg,#fafbfc 0%,#EEEBEE 100%);padding:80px 0;position:relative;overflow:hidden}
.remote-learning-section::before{content:'';position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:#CABCCA;opacity:.1;border-radius:50%}
.intro-wrapper{max-width:1200px;margin:0 auto;padding:0 20px}
.intro-header{color:#212529;font-size:2.8rem;margin-bottom:20px;font-weight:700;line-height:1.2}
.intro-text{color:#495057;font-size:1.15rem;line-height:1.7;max-width:800px;margin-bottom:15px}
.challenges-grid{background:#fff;padding:90px 0;position:relative}
.challenges-container{max-width:1200px;margin:0 auto;padding:0 20px}
.challenges-title{color:#212529;font-size:2.4rem;margin-bottom:50px;text-align:center;font-weight:700}
.challenges-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px;margin-bottom:40px}
.challenge-card{background:#f8f9fa;border-left:4px solid #9E96A7;padding:30px;border-radius:0 8px 8px 0;transition:all .3s ease}
.challenge-card:hover{transform:translateX(5px);box-shadow:0 8px 20px #9e96a726}
.challenge-number{color:#9E96A7;font-size:3rem;font-weight:700;line-height:1;margin-bottom:15px;opacity:.7}
.challenge-heading{color:#212529;font-size:1.4rem;margin-bottom:12px;font-weight:600}
.challenge-description{color:#495057;font-size:1rem;line-height:1.6}
.strategies-section{background:linear-gradient(180deg,#EEEBEE 0%,#fff 100%);padding:85px 0}
.strategies-wrapper{max-width:1200px;margin:0 auto;padding:0 20px}
.strategies-header{color:#212529;font-size:2.5rem;margin-bottom:25px;font-weight:700}
.strategies-intro{color:#495057;font-size:1.1rem;line-height:1.7;margin-bottom:50px;max-width:850px}
.strategies-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:45px}
.strategy-column{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 15px #9e96a71a}
.strategy-subtitle{color:#9E96A7;font-size:1.6rem;margin-bottom:20px;font-weight:600;border-bottom:2px solid #CABCCA;padding-bottom:10px}
.strategy-list{list-style:none;padding:0;margin:0}
.strategy-item{color:#495057;font-size:1.05rem;line-height:1.6;margin-bottom:18px;padding-left:30px;position:relative}
.strategy-item::before{content:'→';position:absolute;left:0;color:#9E96A7;font-weight:700;font-size:1.3rem}
.workspace-visual{background:#fff;padding:95px 0;border-top:1px solid #EEEBEE;border-bottom:1px solid #EEEBEE}
.workspace-content-wrap{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}
.workspace-text-area{padding-right:30px}
.workspace-heading{color:#212529;font-size:2.3rem;margin-bottom:22px;font-weight:700}
.workspace-paragraph{color:#495057;font-size:1.08rem;line-height:1.75;margin-bottom:18px}
.workspace-image-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #9e96a733}
.workspace-image{width:100%;height:auto;display:block;border-radius:12px}
.tools-showcase{background:linear-gradient(135deg,#f8f9fa 0%,#EEEBEE 100%);padding:90px 0}
.tools-container{max-width:1200px;margin:0 auto;padding:0 20px}
.tools-main-title{color:#212529;font-size:2.6rem;margin-bottom:30px;text-align:center;font-weight:700}
.tools-intro-text{color:#495057;font-size:1.1rem;line-height:1.7;text-align:center;max-width:800px;margin:0 auto 55px}
.tools-table-wrapper{background:#fff;border-radius:12px;padding:45px;box-shadow:0 6px 20px #9e96a71f;overflow-x:auto}
.tools-table{width:100%;border-collapse:collapse}
.tools-table thead{background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%)}
.tools-table th{color:#fff;font-size:1.1rem;font-weight:600;padding:18px 20px;text-align:left;border:none}
.tools-table tbody tr{border-bottom:1px solid #EEEBEE;transition:background .2s ease}
.tools-table tbody tr:hover{background:#fafbfc}
.tools-table tbody tr:last-child{border-bottom:none}
.tools-table td{color:#495057;font-size:1rem;padding:20px;line-height:1.6}
.tools-table td:first-child{color:#212529;font-weight:600}
.tools-checkmark{color:#9E96A7;font-weight:700;font-size:1.2rem}
.success-stories{background:#fff;padding:85px 0}
.stories-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.stories-title{color:#212529;font-size:2.5rem;margin-bottom:50px;font-weight:700}
.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:50px}
.story-box{background:linear-gradient(135deg,#fafbfc 0%,#EEEBEE 100%);padding:35px;border-radius:8px;border-top:3px solid #9E96A7}
.story-quote{color:#495057;font-size:1.05rem;line-height:1.7;margin-bottom:20px;font-style:italic}
.story-author{color:#212529;font-size:1rem;font-weight:600;margin-bottom:5px}
.story-context{color:#9E96A7;font-size:.95rem}
.action-section{background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%);padding:80px 0;text-align:center;position:relative;overflow:hidden}
.action-section::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:#ffffff1a;border-radius:50%}
.action-content{max-width:900px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.action-headline{color:#fff;font-size:2.6rem;margin-bottom:25px;font-weight:700;line-height:1.3}
.action-description{color:#fff;font-size:1.2rem;line-height:1.7;margin-bottom:40px;opacity:.95}
.action-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.action-button-primary{background:#fff;color:#9E96A7;padding:16px 40px;border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;display:inline-block;box-shadow:0 4px 15px #00000026}
.action-button-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0003;background:#f8f9fa}
.action-button-secondary{background:transparent;color:#fff;padding:16px 40px;border:2px solid #fff;border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;display:inline-block}
.action-button-secondary:hover{background:#ffffff26;transform:translateY(-3px)}
@media (max-width: 968px) {
.intro-header{font-size:2.2rem}
.strategies-columns{grid-template-columns:1fr;gap:40px}
.workspace-content-wrap{grid-template-columns:1fr;gap:40px}
.workspace-text-area{padding-right:0}
.stories-grid{grid-template-columns:1fr;gap:30px}
.tools-table-wrapper{padding:25px}
.tools-table{font-size:.95rem}
}
@media (max-width: 768px) {
.remote-learning-section{padding:60px 0}
.intro-header{font-size:1.9rem}
.intro-text{font-size:1.05rem}
.challenges-grid{padding:60px 0}
.challenges-title{font-size:2rem;margin-bottom:35px}
.challenges-layout{grid-template-columns:1fr;gap:25px}
.strategies-section{padding:60px 0}
.strategies-header{font-size:2rem}
.strategy-column{padding:30px}
.workspace-visual{padding:60px 0}
.workspace-heading{font-size:1.9rem}
.tools-showcase{padding:60px 0}
.tools-main-title{font-size:2rem}
.tools-table-wrapper{padding:20px}
.tools-table th,.tools-table td{padding:12px;font-size:.9rem}
.success-stories{padding:60px 0}
.stories-title{font-size:2rem}
.action-section{padding:60px 0}
.action-headline{font-size:2rem}
.action-description{font-size:1.05rem}
.action-buttons{flex-direction:column;align-items:center}
.action-button-primary,.action-button-secondary{width:100%;max-width:300px}
}
.blog-page-wrapper{background:#fff;min-height:100vh}
.blog-hero-section{background:linear-gradient(135deg,#EEEBEE 0%,#CABCCA 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.blog-hero-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#9e96a726;border-radius:50%;z-index:1}
.blog-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.blog-hero-content h1{font-size:3.2rem;color:#212529;margin-bottom:24px;font-weight:700;line-height:1.2}
.blog-hero-content p{font-size:1.25rem;color:#495057;max-width:680px;line-height:1.7}
.articles-grid-section{background:#f8f9fa;padding:90px 20px}
.articles-grid-container{max-width:1200px;margin:0 auto}
.grid-layout-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:50px}
.article-card-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}
.article-card-item:hover{transform:translateY(-8px);box-shadow:0 12px 24px #9e96a733}
.article-image-wrapper{width:100%;height:240px;overflow:hidden}
.article-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.article-card-item:hover .article-image-wrapper img{transform:scale(1.08)}
.article-content-box{padding:28px}
.article-meta-info{display:flex;gap:16px;margin-bottom:16px;font-size:.9rem;color:#9E96A7}
.article-content-box h3{font-size:1.5rem;color:#212529;margin-bottom:14px;line-height:1.4;font-weight:600}
.article-content-box p{font-size:1rem;color:#495057;line-height:1.6;margin-bottom:20px}
.read-more-link{display:inline-block;color:#9E96A7;font-weight:600;text-decoration:none;transition:color .3s ease;position:relative}
.read-more-link::after{content:'→';margin-left:8px;transition:margin-left .3s ease}
.read-more-link:hover{color:#212529}
.read-more-link:hover::after{margin-left:14px}
.featured-article-section{background:#fff;padding:100px 20px}
.featured-content-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.featured-text-column h2{font-size:2.4rem;color:#212529;margin-bottom:20px;font-weight:700;line-height:1.3}
.featured-date-badge{display:inline-block;background:#EEEBEE;color:#9E96A7;padding:8px 18px;border-radius:20px;font-size:.9rem;margin-bottom:24px;font-weight:600}
.featured-text-column p{font-size:1.1rem;color:#495057;line-height:1.8;margin-bottom:18px}
.featured-cta-btn{display:inline-block;background:#9E96A7;color:#fff;padding:16px 36px;border-radius:8px;text-decoration:none;font-weight:600;margin-top:20px;transition:background .3s ease,transform .3s ease}
.featured-cta-btn:hover{background:#8a7f94;transform:translateY(-2px)}
.featured-image-column img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 20px #9e96a726}
.topics-navigation-section{background:linear-gradient(180deg,#f8f9fa 0%,#EEEBEE 100%);padding:80px 20px}
.topics-nav-container{max-width:1200px;margin:0 auto;text-align:center}
.topics-nav-container h2{font-size:2.2rem;color:#212529;margin-bottom:50px;font-weight:700}
.topics-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.topic-card-box{background:#fff;padding:36px 24px;border-radius:10px;text-align:center;box-shadow:0 4px 10px #0000000f;transition:all .3s ease;cursor:pointer;border:2px solid transparent}
.topic-card-box:hover{border-color:#9E96A7;transform:translateY(-4px);box-shadow:0 8px 18px #9e96a72e}
.topic-icon-circle{width:70px;height:70px;background:linear-gradient(135deg,#CABCCA 0%,#9E96A7 100%);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff}
.topic-card-box h3{font-size:1.2rem;color:#212529;margin-bottom:12px;font-weight:600}
.topic-card-box p{font-size:.95rem;color:#495057;line-height:1.5}
.resources-timeline-section{background:#fff;padding:100px 20px;position:relative}
.timeline-container-wrap{max-width:900px;margin:0 auto}
.timeline-container-wrap h2{font-size:2.4rem;color:#212529;text-align:center;margin-bottom:70px;font-weight:700}
.timeline-item-block{position:relative;padding-left:80px;margin-bottom:60px}
.timeline-marker-circle{position:absolute;left:20px;top:0;width:44px;height:44px;background:#9E96A7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;z-index:2}
.timeline-item-block::before{content:'';position:absolute;left:41px;top:50px;width:3px;height:calc(100% + 20px);background:#EEEBEE;z-index:1}
.timeline-item-block:last-child::before{display:none}
.timeline-content-box h3{font-size:1.6rem;color:#212529;margin-bottom:12px;font-weight:600}
.timeline-date-label{font-size:.9rem;color:#9E96A7;margin-bottom:14px;font-weight:600}
.timeline-content-box p{font-size:1rem;color:#495057;line-height:1.7}
.newsletter-signup-section{background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%);padding:80px 20px}
.newsletter-inner-box{max-width:700px;margin:0 auto;text-align:center;background:#fff;padding:60px 40px;border-radius:16px;box-shadow:0 12px 28px #0000001f}
.newsletter-inner-box h2{font-size:2.2rem;color:#212529;margin-bottom:18px;font-weight:700}
.newsletter-inner-box p{font-size:1.1rem;color:#495057;margin-bottom:36px;line-height:1.6}
.newsletter-form-wrapper{display:flex;gap:12px;max-width:520px;margin:0 auto}
.newsletter-email-input{flex:1;padding:16px 20px;border:2px solid #EEEBEE;border-radius:8px;font-size:1rem;color:#212529;transition:border-color .3s ease}
.newsletter-email-input:focus{outline:none;border-color:#9E96A7}
.newsletter-submit-btn{padding:16px 32px;background:#9E96A7;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .3s ease,transform .3s ease}
.newsletter-submit-btn:hover{background:#8a7f94;transform:translateY(-2px)}
@media (max-width: 768px) {
.blog-hero-content h1{font-size:2.2rem}
.blog-hero-content p{font-size:1.1rem}
.grid-layout-three{grid-template-columns:1fr;gap:30px}
.featured-content-wrapper{grid-template-columns:1fr;gap:40px}
.featured-text-column h2{font-size:2rem}
.topics-grid-layout{grid-template-columns:1fr;gap:20px}
.timeline-item-block{padding-left:70px}
.timeline-marker-circle{left:15px;width:38px;height:38px;font-size:1rem}
.timeline-item-block::before{left:33px}
.newsletter-inner-box{padding:40px 24px}
.newsletter-form-wrapper{flex-direction:column}
.newsletter-submit-btn{width:100%}
}
.index-hero-immersive{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#EEEBEE 0%,#f8f9fa 100%)}
.index-hero-immersive .hero-bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.15;filter:grayscale(20%)}
.index-hero-immersive .hero-content-wrapper{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 20px}
.index-hero-immersive .hero-title-main{font-size:4.2rem;font-weight:700;color:#212529;line-height:1.1;margin-bottom:28px;letter-spacing:-.02em}
.index-hero-immersive .hero-subtitle-text{font-size:1.5rem;color:#495057;line-height:1.6;margin-bottom:42px;max-width:680px}
.index-hero-immersive .hero-cta-primary{display:inline-block;padding:18px 42px;background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%);color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 15px #9e96a740}
.index-hero-immersive .hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #9e96a759}
.index-narrative-asymmetric{background:#fff;padding:120px 20px;position:relative}
.index-narrative-asymmetric .narrative-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start}
.index-narrative-asymmetric .narrative-visual-col{position:relative}
.index-narrative-asymmetric .narrative-img-main{width:100%;height:520px;object-fit:cover;border-radius:12px;box-shadow:0 8px 30px #2125291f}
.index-narrative-asymmetric .narrative-content-col{padding-top:40px}
.index-narrative-asymmetric .narrative-eyebrow{font-size:.95rem;text-transform:uppercase;letter-spacing:.1em;color:#9E96A7;font-weight:600;margin-bottom:18px}
.index-narrative-asymmetric .narrative-heading{font-size:2.8rem;color:#212529;font-weight:700;line-height:1.2;margin-bottom:28px}
.index-narrative-asymmetric .narrative-text-block{font-size:1.1rem;color:#495057;line-height:1.8;margin-bottom:22px}
.index-narrative-asymmetric .narrative-highlight-box{background:linear-gradient(135deg,#EEEBEE 0%,#f8f9fa 100%);padding:32px;border-radius:10px;border-left:5px solid #9E96A7;margin-top:35px}
.index-narrative-asymmetric .narrative-highlight-box p{font-size:1.05rem;color:#343a40;line-height:1.7;margin:0}
.index-diagonal-split{background:linear-gradient(165deg,#f8f9fa 0%,#fff 50%,#EEEBEE 100%);padding:100px 20px 120px;position:relative;clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);margin-top:-50px}
.index-diagonal-split .diagonal-content-wrap{max-width:1200px;margin:0 auto}
.index-diagonal-split .diagonal-section-title{font-size:3rem;color:#212529;font-weight:700;text-align:center;margin-bottom:70px;line-height:1.2}
.index-diagonal-split .diagonal-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.index-diagonal-split .diagonal-feature-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 5px 20px #21252914;transition:all .3s ease;position:relative;overflow:hidden}
.index-diagonal-split .diagonal-feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#9E96A7 0%,#CABCCA 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.index-diagonal-split .diagonal-feature-card:hover::before{transform:scaleX(1)}
.index-diagonal-split .diagonal-feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px #9e96a733}
.index-diagonal-split .diagonal-feature-title{font-size:1.6rem;color:#212529;font-weight:600;margin-bottom:18px}
.index-diagonal-split .diagonal-feature-text{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:0}
.index-layered-approach{background:#fff;padding:110px 20px;position:relative}
.index-layered-approach .layered-main-container{max-width:1200px;margin:0 auto}
.index-layered-approach .layered-intro-section{text-align:center;margin-bottom:80px}
.index-layered-approach .layered-main-title{font-size:2.9rem;color:#212529;font-weight:700;margin-bottom:24px;line-height:1.2}
.index-layered-approach .layered-intro-desc{font-size:1.15rem;color:#495057;line-height:1.7;max-width:750px;margin:0 auto}
.index-layered-approach .layered-content-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.index-layered-approach .layered-text-content{display:flex;flex-direction:column;gap:35px}
.index-layered-approach .layered-detail-block{position:relative;padding-left:50px}
.index-layered-approach .layered-detail-block::before{content:'';position:absolute;left:0;top:8px;width:32px;height:32px;background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%);border-radius:50%}
.index-layered-approach .layered-detail-heading{font-size:1.5rem;color:#212529;font-weight:600;margin-bottom:12px}
.index-layered-approach .layered-detail-text{font-size:1.05rem;color:#495057;line-height:1.7;margin:0}
.index-layered-approach .layered-visual-stack{position:relative}
.index-layered-approach .layered-img-primary{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 8px 30px #2125291f}
.index-immersive-closure{background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 50%,#EEEBEE 100%);padding:130px 20px;position:relative;overflow:hidden}
.index-immersive-closure::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:#ffffff1a;border-radius:50%}
.index-immersive-closure::after{content:'';position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;background:#ffffff14;border-radius:50%}
.index-immersive-closure .closure-content-wrapper{max-width:1200px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}
.index-immersive-closure .closure-text-area{color:#fff}
.index-immersive-closure .closure-main-heading{font-size:3.2rem;font-weight:700;line-height:1.15;margin-bottom:30px;color:#fff}
.index-immersive-closure .closure-description{font-size:1.15rem;line-height:1.7;margin-bottom:40px;color:#fffffff2}
.index-immersive-closure .closure-cta-button{display:inline-block;padding:18px 45px;background:#fff;color:#9E96A7;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 5px 20px #21252926}
.index-immersive-closure .closure-cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #21252940;background:#f8f9fa}
.index-immersive-closure .closure-visual-area{position:relative}
.index-immersive-closure .closure-img-featured{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 10px 40px #21252933}
@media (max-width: 768px) {
.index-hero-immersive .hero-title-main{font-size:2.5rem}
.index-hero-immersive .hero-subtitle-text{font-size:1.2rem}
.index-narrative-asymmetric .narrative-container{grid-template-columns:1fr;gap:40px}
.index-narrative-asymmetric .narrative-img-main{height:350px}
.index-narrative-asymmetric .narrative-heading{font-size:2rem}
.index-diagonal-split{clip-path:none;margin-top:0}
.index-diagonal-split .diagonal-section-title{font-size:2.2rem}
.index-diagonal-split .diagonal-grid-layout{grid-template-columns:1fr;gap:30px}
.index-layered-approach .layered-main-title{font-size:2.1rem}
.index-layered-approach .layered-content-grid{grid-template-columns:1fr;gap:40px}
.index-layered-approach .layered-img-primary{height:350px}
.index-immersive-closure .closure-content-wrapper{grid-template-columns:1fr;gap:40px}
.index-immersive-closure .closure-main-heading{font-size:2.3rem}
.index-immersive-closure .closure-img-featured{height:320px}
}
.contact-wrapper-main{background:linear-gradient(135deg,#fafbfc 0%,#EEEBEE 100%);min-height:100vh;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.contact-intro-section{background:#fff;padding:5rem 2rem 3rem;text-align:center;border-bottom:3px solid #EEEBEE;position:relative}
.contact-intro-section::after{content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:120px;height:3px;background:#9E96A7}
.contact-intro-section .intro-headline{font-size:2.8rem;color:#212529;margin:0 0 1.5rem;font-weight:700;line-height:1.2;max-width:800px;margin-left:auto;margin-right:auto}
.contact-intro-section .intro-description{font-size:1.15rem;color:#495057;max-width:680px;margin:0 auto;line-height:1.7}
.dialogue-container{max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.form-dialogue-block{background:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 4px 20px #9e96a71f;border:1px solid #EEEBEE}
.form-dialogue-block .block-header{font-size:1.8rem;color:#212529;margin:0 0 .8rem;font-weight:600}
.form-dialogue-block .block-subtext{color:#495057;font-size:1rem;margin:0 0 2rem;line-height:1.6}
.input-group-custom{margin-bottom:1.8rem}
.input-group-custom .field-label{display:block;font-size:.95rem;color:#343a40;margin-bottom:.5rem;font-weight:500}
.input-group-custom .text-input,.input-group-custom .textarea-input,.input-group-custom .select-input{width:100%;padding:.85rem 1rem;border:2px solid #EEEBEE;border-radius:6px;font-size:1rem;color:#212529;background:#fafbfc;transition:all .3s ease;font-family:inherit}
.input-group-custom .text-input:focus,.input-group-custom .textarea-input:focus,.input-group-custom .select-input:focus{outline:none;border-color:#9E96A7;background:#fff;box-shadow:0 0 0 3px #9e96a71a}
.input-group-custom .textarea-input{min-height:140px;resize:vertical}
.consent-wrapper{margin:1.5rem 0 2rem;display:flex;align-items:start;gap:.6rem}
.consent-wrapper input[type="checkbox"]{margin-top:.3rem;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.consent-wrapper .consent-text{font-size:.9rem;color:#495057;line-height:1.6}
.consent-wrapper .consent-text a{color:#9E96A7;text-decoration:none;font-weight:500;transition:color .2s ease}
.consent-wrapper .consent-text a:hover{color:#7d7685;text-decoration:underline}
.submit-action-btn{background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.05rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;width:100%;position:relative;z-index:10}
.submit-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9e96a74d}
.info-panel-block{display:flex;flex-direction:column;gap:2rem}
.info-card-item{background:#fff;padding:2rem;border-radius:8px;border-left:4px solid #9E96A7;box-shadow:0 3px 15px #9e96a71a;transition:all .3s ease}
.info-card-item:hover{transform:translateX(8px);box-shadow:0 5px 25px #9e96a72e}
.info-card-item .card-title{font-size:1.3rem;color:#212529;margin:0 0 1rem;font-weight:600}
.info-card-item .card-details{color:#495057;font-size:1rem;line-height:1.7;margin:0}
.info-card-item .card-details a{color:#9E96A7;text-decoration:none;transition:color .2s ease}
.info-card-item .card-details a:hover{color:#7d7685;text-decoration:underline}
.visual-showcase-section{max-width:1200px;margin:0 auto;padding:4rem 2rem 5rem;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}
.showcase-content-area{padding-right:2rem}
.showcase-content-area .content-headline{font-size:2.2rem;color:#212529;margin:0 0 1.2rem;font-weight:700;line-height:1.3}
.showcase-content-area .content-body{color:#495057;font-size:1.05rem;line-height:1.8;margin:0 0 1.5rem}
.showcase-image-container{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 8px 30px #9e96a733}
.showcase-image-container img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .5s ease}
.showcase-image-container:hover img{transform:scale(1.05)}
@media (max-width: 968px) {
.dialogue-container{grid-template-columns:1fr;gap:3rem;padding:3rem 1.5rem}
.visual-showcase-section{grid-template-columns:1fr;gap:2.5rem;padding:3rem 1.5rem 4rem}
.showcase-content-area{padding-right:0}
.contact-intro-section{padding:3.5rem 1.5rem 2.5rem}
.contact-intro-section .intro-headline{font-size:2.2rem}
}
@media (max-width: 640px) {
.contact-intro-section .intro-headline{font-size:1.8rem}
.form-dialogue-block{padding:2rem 1.5rem}
.form-dialogue-block .block-header{font-size:1.5rem}
.showcase-content-area .content-headline{font-size:1.8rem}
.submit-action-btn{padding:.9rem 2rem}
}
.aboutpage-wrap{background:linear-gradient(135deg,#fafbfc 0%,#fff 100%);min-height:100vh}
.aboutpage-hero{position:relative;padding:80px 20px 60px;background:linear-gradient(165deg,#EEEBEE 0%,#fff 50%);overflow:hidden}
.aboutpage-hero::before{content:'';position:absolute;top:-50px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#9e96a714 0%,transparent 70%);border-radius:50%}
.aboutpage-hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.aboutpage-hero-text h1{font-size:48px;color:#212529;margin-bottom:25px;font-weight:700;line-height:1.2}
.aboutpage-hero-text p{font-size:18px;color:#495057;line-height:1.7;margin-bottom:15px}
.aboutpage-hero-img{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #9e96a733}
.aboutpage-hero-img img{width:100%;height:400px;object-fit:cover;display:block}
.aboutpage-story{padding:90px 20px;background:#fff}
.aboutpage-story-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:60px;align-items:start}
.aboutpage-story-images{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.aboutpage-story-imgbox{border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #00000014}
.aboutpage-story-imgbox:first-child{margin-top:40px}
.aboutpage-story-imgbox img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .4s ease}
.aboutpage-story-imgbox:hover img{transform:scale(1.05)}
.aboutpage-story-text h2{font-size:38px;color:#212529;margin-bottom:30px;font-weight:700;line-height:1.3}
.aboutpage-story-text p{font-size:17px;color:#495057;line-height:1.8;margin-bottom:20px}
.aboutpage-story-highlight{background:linear-gradient(120deg,#EEEBEE 0%,#CABCCA 100%);padding:25px 30px;border-radius:12px;margin-top:30px;border-left:4px solid #9E96A7}
.aboutpage-story-highlight p{color:#212529;font-size:16px;margin:0;font-weight:500}
.aboutpage-values{padding:80px 20px;background:#f8f9fa;position:relative}
.aboutpage-values::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#9E96A7 50%,transparent 100%)}
.aboutpage-values-container{max-width:1200px;margin:0 auto}
.aboutpage-values-header{text-align:center;margin-bottom:60px}
.aboutpage-values-header h2{font-size:42px;color:#212529;margin-bottom:20px;font-weight:700}
.aboutpage-values-header p{font-size:18px;color:#495057;max-width:700px;margin:0 auto;line-height:1.7}
.aboutpage-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.aboutpage-value-card{background:#fff;padding:40px 30px;border-radius:16px;box-shadow:0 5px 20px #9e96a71f;transition:all .3s ease;border-top:4px solid transparent}
.aboutpage-value-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #9e96a733;border-top-color:#9E96A7}
.aboutpage-value-icon{width:60px;height:60px;background:linear-gradient(135deg,#EEEBEE 0%,#CABCCA 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;font-size:28px;color:#9E96A7}
.aboutpage-value-card h3{font-size:22px;color:#212529;margin-bottom:15px;font-weight:600}
.aboutpage-value-card p{font-size:16px;color:#495057;line-height:1.7;margin:0}
.aboutpage-approach{padding:90px 20px;background:#fff}
.aboutpage-approach-wrap{max-width:1200px;margin:0 auto}
.aboutpage-approach-intro{text-align:center;margin-bottom:70px}
.aboutpage-approach-intro h2{font-size:40px;color:#212529;margin-bottom:20px;font-weight:700}
.aboutpage-approach-intro p{font-size:17px;color:#495057;max-width:800px;margin:0 auto;line-height:1.7}
.aboutpage-approach-steps{display:grid;grid-template-columns:1fr;gap:50px;position:relative}
.aboutpage-approach-steps::before{content:'';position:absolute;left:50px;top:80px;bottom:80px;width:2px;background:linear-gradient(180deg,#9E96A7 0%,#CABCCA 100%)}
.aboutpage-step-item{display:grid;grid-template-columns:100px 1fr;gap:40px;align-items:start;position:relative}
.aboutpage-step-number{width:100px;height:100px;background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;box-shadow:0 8px 25px #9e96a74d;position:relative;z-index:2}
.aboutpage-step-content{background:#f8f9fa;padding:35px 40px;border-radius:16px;border-left:4px solid #9E96A7}
.aboutpage-step-content h3{font-size:26px;color:#212529;margin-bottom:15px;font-weight:600}
.aboutpage-step-content p{font-size:16px;color:#495057;line-height:1.8;margin:0}
.aboutpage-cta{padding:100px 20px;background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%);position:relative;overflow:hidden}
.aboutpage-cta::before{content:'';position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:#ffffff1a;border-radius:50%}
.aboutpage-cta::after{content:'';position:absolute;bottom:-150px;right:-150px;width:400px;height:400px;background:#ffffff14;border-radius:50%}
.aboutpage-cta-container{max-width:1000px;margin:0 auto;text-align:center;position:relative;z-index:2}
.aboutpage-cta-imgwrap{margin-bottom:45px;display:flex;justify-content:center}
.aboutpage-cta-imgwrap img{width:100%;max-width:600px;height:320px;object-fit:cover;border-radius:20px;box-shadow:0 15px 50px #0003}
.aboutpage-cta-container h2{font-size:44px;color:#fff;margin-bottom:25px;font-weight:700;line-height:1.3}
.aboutpage-cta-container p{font-size:19px;color:#fff;margin-bottom:35px;line-height:1.7;opacity:.95}
.aboutpage-cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.aboutpage-btn-primary{display:inline-block;padding:16px 40px;background:#fff;color:#9E96A7;text-decoration:none;border-radius:10px;font-weight:600;font-size:17px;transition:all .3s ease;box-shadow:0 5px 20px #00000026}
.aboutpage-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000040;background:#EEEBEE}
.aboutpage-btn-secondary{display:inline-block;padding:16px 40px;background:transparent;color:#fff;text-decoration:none;border-radius:10px;font-weight:600;font-size:17px;border:2px solid #fff;transition:all .3s ease}
.aboutpage-btn-secondary:hover{background:#fff;color:#9E96A7;transform:translateY(-3px)}
.aboutpage-remote-link{display:inline-block;margin-top:20px;padding:12px 28px;background:#fff3;color:#fff;text-decoration:none;border-radius:8px;font-size:16px;transition:all .3s ease;border:1px solid #ffffff4d}
.aboutpage-remote-link:hover{background:#ffffff4d;border-color:#fff}
@media (max-width: 992px) {
.aboutpage-hero-content{grid-template-columns:1fr;gap:40px}
.aboutpage-hero-text h1{font-size:38px}
.aboutpage-story-inner{grid-template-columns:1fr;gap:50px}
.aboutpage-values-grid{grid-template-columns:1fr;gap:25px}
.aboutpage-approach-steps::before{display:none}
.aboutpage-step-item{grid-template-columns:80px 1fr;gap:25px}
.aboutpage-step-number{width:80px;height:80px;font-size:30px}
}
@media (max-width: 768px) {
.aboutpage-hero{padding:60px 20px 40px}
.aboutpage-hero-text h1{font-size:32px}
.aboutpage-hero-text p{font-size:16px}
.aboutpage-hero-img img{height:300px}
.aboutpage-story{padding:60px 20px}
.aboutpage-story-text h2{font-size:30px}
.aboutpage-values{padding:60px 20px}
.aboutpage-values-header h2{font-size:32px}
.aboutpage-approach{padding:60px 20px}
.aboutpage-approach-intro h2{font-size:32px}
.aboutpage-cta{padding:70px 20px}
.aboutpage-cta-container h2{font-size:34px}
.aboutpage-cta-buttons{flex-direction:column;align-items:center}
.aboutpage-btn-primary,.aboutpage-btn-secondary{width:100%;max-width:300px;text-align:center}
}
.formations-hero-wrapper{background:linear-gradient(135deg,#EEEBEE 0%,#fff 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.formations-hero-wrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#cabcca33 0%,transparent 70%);border-radius:50%}
.formations-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:2}
.formations-hero-content h1{font-size:2.8rem;color:#212529;margin-bottom:20px;font-weight:700;line-height:1.2}
.formations-hero-content p{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:0}
.cours-grid-section{padding:70px 20px;background:#fff}
.cours-grid-container{max-width:1200px;margin:0 auto}
.cours-grid-intro{text-align:center;margin-bottom:50px}
.cours-grid-intro h2{font-size:2.2rem;color:#212529;margin-bottom:15px;font-weight:600}
.cours-grid-intro p{font-size:1.05rem;color:#495057;max-width:700px;margin:0 auto;line-height:1.6}
.cours-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px}
.cours-card-item{background:#fafbfc;border:2px solid #EEEBEE;border-radius:12px;padding:30px;transition:all .3s ease;position:relative}
.cours-card-item:hover{transform:translateY(-5px);border-color:#CABCCA;box-shadow:0 8px 20px #9e96a726}
.cours-card-badge{display:inline-block;background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%);color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:15px}
.cours-card-item h3{font-size:1.5rem;color:#212529;margin-bottom:12px;font-weight:600}
.cours-card-date{color:#9E96A7;font-size:.95rem;margin-bottom:15px;display:block;font-weight:500}
.cours-card-item p{color:#495057;line-height:1.6;font-size:1rem;margin-bottom:20px}
.cours-card-details{border-top:1px solid #EEEBEE;padding-top:15px;margin-top:15px}
.cours-detail-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.95rem}
.cours-detail-label{color:#495057;font-weight:500}
.cours-detail-value{color:#212529;font-weight:600}
.calendrier-section{background:linear-gradient(180deg,#f8f9fa 0%,#EEEBEE 100%);padding:70px 20px}
.calendrier-wrapper{max-width:1100px;margin:0 auto}
.calendrier-header{margin-bottom:45px}
.calendrier-header h2{font-size:2.2rem;color:#212529;margin-bottom:12px;font-weight:600}
.calendrier-header p{font-size:1.05rem;color:#495057;line-height:1.6}
.timeline-container{position:relative;padding-left:80px}
.timeline-line{position:absolute;left:30px;top:20px;bottom:20px;width:3px;background:linear-gradient(180deg,#9E96A7 0%,#CABCCA 100%)}
.timeline-item{position:relative;margin-bottom:40px;background:#fff;padding:25px;border-radius:10px;border-left:4px solid #9E96A7;box-shadow:0 3px 12px #9e96a71a}
.timeline-marker{position:absolute;left:-65px;top:25px;width:24px;height:24px;background:#9E96A7;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #9e96a74d;z-index:2}
.timeline-item h3{font-size:1.3rem;color:#212529;margin-bottom:8px;font-weight:600}
.timeline-date{color:#9E96A7;font-size:.9rem;font-weight:600;margin-bottom:12px;display:block}
.timeline-item p{color:#495057;line-height:1.6;margin-bottom:0;font-size:.98rem}
.visual-banner-section{padding:0;position:relative;overflow:hidden}
.banner-split-layout{display:grid;grid-template-columns:1fr 1fr;min-height:450px}
.banner-content-side{background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%);padding:60px 50px;display:flex;flex-direction:column;justify-content:center;position:relative}
.banner-content-side::after{content:'';position:absolute;top:20px;right:20px;width:100px;height:100px;border:3px solid #fff3;border-radius:50%}
.banner-content-side h2{font-size:2rem;color:#fff;margin-bottom:18px;font-weight:700;line-height:1.3}
.banner-content-side p{color:#fff;font-size:1.05rem;line-height:1.7;margin-bottom:25px}
.banner-cta-btn{display:inline-block;background:#fff;color:#9E96A7;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;align-self:flex-start}
.banner-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;color:#9E96A7}
.banner-image-side{position:relative;overflow:hidden}
.banner-image-side img{width:100%;height:100%;object-fit:cover;object-position:center}
.approche-pedagogique{padding:70px 20px;background:#fff}
.approche-container{max-width:1150px;margin:0 auto}
.approche-intro-block{max-width:800px;margin:0 auto 50px;text-align:center}
.approche-intro-block h2{font-size:2.2rem;color:#212529;margin-bottom:15px;font-weight:600}
.approche-intro-block p{font-size:1.05rem;color:#495057;line-height:1.7}
.approche-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px;margin-top:45px}
.feature-box{background:#f8f9fa;padding:35px 30px;border-radius:10px;border-top:4px solid #9E96A7;transition:all .3s ease}
.feature-box:hover{background:#EEEBEE;transform:translateY(-3px)}
.feature-icon{width:50px;height:50px;background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.5rem;color:#fff;font-weight:700}
.feature-box h3{font-size:1.3rem;color:#212529;margin-bottom:12px;font-weight:600}
.feature-box p{color:#495057;line-height:1.6;font-size:.98rem;margin-bottom:0}
.image-showcase-section{padding:70px 20px;background:linear-gradient(180deg,#EEEBEE 0%,#fafbfc 100%)}
.showcase-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.showcase-image-wrapper{position:relative}
.showcase-image-wrapper::before{content:'';position:absolute;top:-15px;left:-15px;width:100%;height:100%;background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%);border-radius:12px;z-index:1}
.showcase-image-wrapper img{position:relative;z-index:2;width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px #9e96a733}
.showcase-text-content h2{font-size:2rem;color:#212529;margin-bottom:20px;font-weight:600;line-height:1.3}
.showcase-text-content p{color:#495057;line-height:1.7;font-size:1.05rem;margin-bottom:18px}
.showcase-highlights{margin-top:25px}
.highlight-item{display:flex;align-items:flex-start;margin-bottom:15px}
.highlight-check{width:24px;height:24px;background:#9E96A7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;flex-shrink:0;margin-right:12px;margin-top:2px}
.highlight-item span{color:#495057;line-height:1.6;font-size:1rem}
@media (max-width: 768px) {
.formations-hero-content h1{font-size:2rem}
.formations-hero-content p{font-size:1rem}
.cours-cards-wrapper{grid-template-columns:1fr}
.timeline-container{padding-left:50px}
.timeline-marker{left:-48px}
.banner-split-layout{grid-template-columns:1fr}
.banner-content-side{padding:40px 30px}
.banner-image-side{min-height:300px}
.approche-features-grid{grid-template-columns:1fr}
.showcase-layout{grid-template-columns:1fr;gap:35px}
.showcase-image-wrapper img{height:300px}
}
@media (max-width: 480px) {
.formations-hero-wrapper{padding:50px 15px 40px}
.formations-hero-content h1{font-size:1.7rem}
.cours-grid-intro h2,.calendrier-header h2,.approche-intro-block h2{font-size:1.8rem}
.timeline-container{padding-left:40px}
.timeline-marker{left:-42px;width:20px;height:20px}
.timeline-line{left:22px}
.banner-content-side h2{font-size:1.6rem}
}
.cookie-doc-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#EEEBEE 100%);min-height:100vh;padding:0}
.cookie-header-block{background:linear-gradient(165deg,#9E96A7 0%,#CABCCA 100%);padding:4rem 1.5rem 3rem;position:relative;overflow:hidden}
.cookie-header-block::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#eeebee1a;border-radius:50%;z-index:1}
.cookie-header-content{max-width:920px;margin:0 auto;position:relative;z-index:2}
.cookie-header-content h1{color:#fff;font-size:2.8rem;font-weight:700;margin:0 0 1rem;line-height:1.2;letter-spacing:-.5px}
.cookie-header-meta{color:#ffffffe6;font-size:.95rem;line-height:1.6}
.cookie-content-container{max-width:920px;margin:0 auto;padding:3.5rem 1.5rem}
.cookie-intro-section{background:#fff;border-left:4px solid #9E96A7;padding:2rem 2.5rem;margin-bottom:3rem;box-shadow:0 2px 8px #9e96a714}
.cookie-intro-section p{color:#343a40;font-size:1.05rem;line-height:1.8;margin:0 0 1.2rem}
.cookie-intro-section p:last-child{margin-bottom:0}
.cookie-narrative-block{background:#fff;padding:2.5rem;margin-bottom:2.5rem;border-radius:8px;box-shadow:0 1px 4px #9e96a70f}
.cookie-narrative-block h2{color:#9E96A7;font-size:1.75rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #EEEBEE}
.cookie-narrative-block p{color:#495057;font-size:1rem;line-height:1.75;margin:0 0 1.3rem}
.cookie-narrative-block p:last-child{margin-bottom:0}
.cookie-tech-cluster{background:linear-gradient(to bottom right,#fafbfc,#fff);padding:2rem;margin-bottom:2.5rem;border:1px solid #EEEBEE;border-radius:6px}
.cookie-tech-cluster h3{color:#343a40;font-size:1.4rem;font-weight:600;margin:0 0 1.2rem}
.cookie-tech-item{padding:1.2rem 0;border-bottom:1px solid #cabcca40}
.cookie-tech-item:last-child{border-bottom:none;padding-bottom:0}
.cookie-tech-item h4{color:#9E96A7;font-size:1.1rem;font-weight:600;margin:0 0 .6rem}
.cookie-tech-item p{color:#495057;font-size:.98rem;line-height:1.7;margin:0}
.cookie-distinction-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem}
.cookie-distinction-card{background:#fff;padding:2rem;border-radius:8px;border-top:3px solid #CABCCA;box-shadow:0 2px 6px #9e96a712}
.cookie-distinction-card h3{color:#343a40;font-size:1.3rem;font-weight:600;margin:0 0 1rem}
.cookie-distinction-card p{color:#495057;font-size:.98rem;line-height:1.7;margin:0 0 1rem}
.cookie-distinction-card p:last-child{margin-bottom:0}
.cookie-control-mosaic{background:#fff;padding:2.5rem;margin-bottom:2.5rem;border-radius:8px;box-shadow:0 1px 4px #9e96a70f}
.cookie-control-mosaic h2{color:#9E96A7;font-size:1.75rem;font-weight:600;margin:0 0 1.8rem}
.cookie-control-method{margin-bottom:1.8rem}
.cookie-control-method:last-child{margin-bottom:0}
.cookie-control-method h4{color:#343a40;font-size:1.15rem;font-weight:600;margin:0 0 .7rem}
.cookie-control-method p{color:#495057;font-size:.98rem;line-height:1.7;margin:0}
.cookie-closure-fragment{background:linear-gradient(135deg,#EEEBEE 0%,#fafbfc 100%);padding:2.5rem;margin-bottom:0;border-radius:8px;border:1px solid #CABCCA}
.cookie-closure-fragment p{color:#343a40;font-size:1rem;line-height:1.75;margin:0 0 1.2rem}
.cookie-closure-fragment p:last-child{margin-bottom:0}
.cookie-contact-embed{background:#fff;padding:1.5rem 2rem;margin-top:1.5rem;border-left:3px solid #9E96A7;border-radius:4px}
.cookie-contact-embed p{color:#495057;font-size:.95rem;line-height:1.6;margin:0}
.cookie-contact-embed a{color:#9E96A7;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .2s ease}
.cookie-contact-embed a:hover{border-bottom-color:#9E96A7}
@media (max-width: 768px) {
.cookie-header-block{padding:3rem 1.25rem 2.5rem}
.cookie-header-content h1{font-size:2rem}
.cookie-content-container{padding:2.5rem 1.25rem}
.cookie-intro-section{padding:1.5rem 1.75rem}
.cookie-narrative-block{padding:2rem 1.75rem}
.cookie-narrative-block h2{font-size:1.5rem}
.cookie-tech-cluster{padding:1.5rem}
.cookie-distinction-grid{grid-template-columns:1fr;gap:1.5rem}
.cookie-distinction-card{padding:1.75rem}
.cookie-control-mosaic{padding:2rem 1.75rem}
.cookie-closure-fragment{padding:2rem 1.75rem}
}
@media (max-width: 480px) {
.cookie-header-content h1{font-size:1.75rem}
.cookie-narrative-block h2{font-size:1.35rem}
.cookie-tech-cluster h3{font-size:1.25rem}
.cookie-distinction-card h3{font-size:1.2rem}
}
.privacy-document-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#fff 50%,#f8f9fa 100%);min-height:100vh;padding:0}
.privacy-header-zone{background:linear-gradient(to right,#EEEBEE,#fff);border-bottom:3px solid #CABCCA;padding:3.5rem 0 2.5rem;margin-bottom:0}
.privacy-header-zone .container{max-width:920px;margin:0 auto;padding:0 1.5rem}
.privacy-main-title{font-size:2.8rem;font-weight:700;color:#212529;margin:0 0 1rem;letter-spacing:-.02em;line-height:1.15}
.privacy-effective-date{display:inline-block;background:#9E96A7;color:#fff;padding:.5rem 1.2rem;border-radius:6px;font-size:.95rem;font-weight:500;margin-bottom:1rem}
.privacy-intro-text{font-size:1.1rem;color:#495057;line-height:1.7;margin-top:1.5rem}
.privacy-content-area{max-width:920px;margin:0 auto;padding:3rem 1.5rem 4rem}
.privacy-section-block{background:#fff;border-left:5px solid #CABCCA;padding:2.5rem 2.5rem 2rem;margin-bottom:2.5rem;box-shadow:0 2px 8px #9e96a714;border-radius:0 8px 8px 0}
.privacy-section-block:nth-child(even){border-left:none;border-right:5px solid #9E96A7;border-radius:8px 0 0 8px;background:linear-gradient(to left,#fafbfc,#fff)}
.privacy-section-heading{font-size:1.85rem;font-weight:700;color:#343a40;margin:0 0 1.5rem;letter-spacing:-.01em}
.privacy-subsection-title{font-size:1.35rem;font-weight:600;color:#495057;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #EEEBEE}
.privacy-text-paragraph{font-size:1.05rem;line-height:1.8;color:#343a40;margin-bottom:1.3rem}
.privacy-text-paragraph:last-child{margin-bottom:0}
.privacy-emphasis-box{background:linear-gradient(135deg,#EEEBEE 0%,#fafbfc 100%);border:2px solid #CABCCA;padding:1.5rem 1.8rem;border-radius:8px;margin:1.5rem 0}
.privacy-emphasis-box .privacy-text-paragraph{margin-bottom:.8rem;font-size:1.02rem}
.privacy-list-standard{list-style:none;padding:0;margin:1.5rem 0}
.privacy-list-standard li{position:relative;padding-left:2rem;margin-bottom:1rem;font-size:1.05rem;line-height:1.75;color:#343a40}
.privacy-list-standard li::before{content:"▸";position:absolute;left:0;color:#9E96A7;font-size:1.3rem;font-weight:700}
.privacy-data-table-wrapper{overflow-x:auto;margin:2rem 0;border-radius:8px;box-shadow:0 2px 6px #9e96a71a}
.privacy-data-table{width:100%;border-collapse:collapse;background:#fff}
.privacy-data-table thead{background:linear-gradient(to right,#9E96A7,#CABCCA)}
.privacy-data-table th{color:#fff;padding:1rem 1.2rem;text-align:left;font-weight:600;font-size:1.05rem;border:none}
.privacy-data-table td{padding:1rem 1.2rem;border-bottom:1px solid #EEEBEE;color:#343a40;font-size:1rem;line-height:1.6}
.privacy-data-table tr:nth-child(even){background:#fafbfc}
.privacy-data-table tr:hover{background:#EEEBEE}
.privacy-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}
.privacy-contact-card{background:linear-gradient(135deg,#fff 0%,#EEEBEE 100%);border:2px solid #CABCCA;padding:1.8rem;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}
.privacy-contact-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #9e96a726}
.privacy-contact-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:#9E96A7;font-weight:600;margin-bottom:.5rem}
.privacy-contact-value{font-size:1.15rem;color:#212529;font-weight:500;word-break:break-word}
.privacy-rights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0}
.privacy-right-item{background:#fff;border:2px solid #EEEBEE;border-radius:8px;padding:1.5rem;transition:border-color .3s ease,background .3s ease}
.privacy-right-item:hover{border-color:#9E96A7;background:#fafbfc}
.privacy-right-title{font-size:1.15rem;font-weight:600;color:#343a40;margin-bottom:.7rem}
.privacy-right-desc{font-size:.98rem;color:#495057;line-height:1.6;margin:0}
.privacy-timeline-wrapper{position:relative;padding-left:3rem;margin:2rem 0}
.privacy-timeline-wrapper::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:3px;background:linear-gradient(to bottom,#9E96A7,#CABCCA)}
.privacy-timeline-item{position:relative;margin-bottom:2rem;padding-left:1.5rem}
.privacy-timeline-item::before{content:"";position:absolute;left:-2.65rem;top:5px;width:14px;height:14px;border-radius:50%;background:#9E96A7;border:3px solid #fff;box-shadow:0 0 0 2px #CABCCA;z-index:2}
.privacy-timeline-label{font-weight:600;color:#9E96A7;font-size:1.05rem;margin-bottom:.5rem}
.privacy-timeline-content{font-size:1rem;color:#343a40;line-height:1.7}
.privacy-footer-notice{background:linear-gradient(to right,#9E96A7,#CABCCA);color:#fff;padding:2rem;border-radius:10px;margin-top:3rem;text-align:center}
.privacy-footer-notice p{font-size:1.05rem;line-height:1.7;margin:.8rem 0}
.privacy-footer-notice strong{font-weight:700}
@media (max-width: 768px) {
.privacy-header-zone{padding:2.5rem 0 2rem}
.privacy-main-title{font-size:2rem}
.privacy-intro-text{font-size:1rem}
.privacy-content-area{padding:2rem 1rem 3rem}
.privacy-section-block{padding:1.8rem 1.5rem;margin-bottom:2rem}
.privacy-section-heading{font-size:1.5rem}
.privacy-subsection-title{font-size:1.2rem}
.privacy-contact-grid,.privacy-rights-grid{grid-template-columns:1fr;gap:1.5rem}
.privacy-timeline-wrapper{padding-left:2.5rem}
.privacy-timeline-item::before{left:-2.15rem}
.privacy-data-table th,.privacy-data-table td{padding:.8rem;font-size:.95rem}
}
@media (max-width: 480px) {
.privacy-main-title{font-size:1.65rem}
.privacy-section-block{padding:1.5rem 1.2rem}
.privacy-list-standard li{padding-left:1.5rem;font-size:.98rem}
}
.success-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 50%,#fff 100%);min-height:100vh;padding:0;margin:0}
.success-main-container{max-width:880px;margin:0 auto;padding:80px 25px 100px}
.success-visual-accent{width:120px;height:120px;margin:0 auto 35px;position:relative;display:flex;align-items:center;justify-content:center}
.success-visual-accent::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#CABCCA 0%,#9E96A7 100%);border-radius:50%;opacity:.15;animation:pulse-gentle 2.5s ease-in-out infinite}
.success-visual-accent::after{content:'';position:absolute;width:70%;height:70%;background:#9E96A7;border-radius:50%;display:flex;align-items:center;justify-content:center}
.success-checkmark{position:relative;z-index:2;width:45px;height:45px;border:4px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg);margin-top:-8px;margin-left:-5px}
@keyframes pulse-gentle {
0%,100%{transform:scale(1);opacity:.15}
50%{transform:scale(1.1);opacity:.25}
}
.success-headline{font-size:2.8rem;line-height:1.2;color:#212529;text-align:center;margin:0 0 22px;font-weight:700;letter-spacing:-.02em}
.success-subtext{font-size:1.15rem;line-height:1.7;color:#495057;text-align:center;margin:0 0 45px;max-width:620px;margin-left:auto;margin-right:auto}
.success-info-block{background:#fff;border:1px solid #EEEBEE;border-radius:12px;padding:40px 35px;margin:0 0 35px;box-shadow:0 2px 12px #9e96a714}
.success-info-title{font-size:1.35rem;color:#212529;margin:0 0 20px;font-weight:600;letter-spacing:-.01em}
.success-timeline-grid{display:grid;gap:28px;margin:0}
.success-timeline-item{display:flex;gap:18px;align-items:flex-start}
.success-timeline-marker{flex-shrink:0;width:38px;height:38px;background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.95rem;margin-top:2px}
.success-timeline-content h3{font-size:1.1rem;color:#212529;margin:0 0 8px;font-weight:600}
.success-timeline-content p{font-size:.98rem;line-height:1.6;color:#495057;margin:0}
.success-detail-section{background:#f8f9fa;border-left:4px solid #9E96A7;padding:28px 30px;margin:35px 0;border-radius:0 8px 8px 0}
.success-detail-section h3{font-size:1.2rem;color:#212529;margin:0 0 15px;font-weight:600}
.success-detail-list{list-style:none;padding:0;margin:0}
.success-detail-list li{font-size:.98rem;line-height:1.7;color:#495057;margin:0 0 12px;padding-left:28px;position:relative}
.success-detail-list li::before{content:'';position:absolute;left:0;top:9px;width:14px;height:14px;background:#9E96A7;border-radius:50%;opacity:.7}
.success-detail-list li:last-child{margin-bottom:0}
.success-reference-box{background:#fff;border:2px solid #CABCCA;border-radius:8px;padding:25px;margin:35px 0;text-align:center}
.success-reference-label{font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;color:#9E96A7;margin:0 0 10px;font-weight:600}
.success-reference-code{font-size:1.6rem;color:#212529;font-weight:700;letter-spacing:.05em;font-family:'Courier New',monospace;margin:0}
.success-actions-zone{display:flex;gap:18px;justify-content:center;margin:45px 0 0;flex-wrap:wrap}
.success-btn-primary{display:inline-block;padding:15px 38px;background:linear-gradient(135deg,#9E96A7 0%,#CABCCA 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:1.05rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 15px #9e96a740}
.success-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9e96a759;color:#fff}
.success-btn-secondary{display:inline-block;padding:15px 38px;background:#fff;color:#9E96A7;text-decoration:none;border-radius:8px;font-size:1.05rem;font-weight:600;transition:all .3s ease;border:2px solid #9E96A7;cursor:pointer}
.success-btn-secondary:hover{background:#f8f9fa;color:#9E96A7;border-color:#CABCCA}
.success-contact-details{text-align:center;margin:50px 0 0;padding:35px 25px;background:linear-gradient(to right,#fafbfc 0%,#fff 50%,#fafbfc 100%);border-top:1px solid #EEEBEE;border-bottom:1px solid #EEEBEE}
.success-contact-details h3{font-size:1.25rem;color:#212529;margin:0 0 20px;font-weight:600}
.success-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;max-width:680px;margin:0 auto}
.success-contact-item{font-size:.96rem;color:#495057;line-height:1.6}
.success-contact-item a{color:#9E96A7;text-decoration:none;font-weight:500;transition:color .3s ease}
.success-contact-item a:hover{color:#212529}
@media (max-width: 768px) {
.success-main-container{padding:60px 20px 80px}
.success-headline{font-size:2.2rem}
.success-subtext{font-size:1.05rem}
.success-info-block{padding:30px 25px}
.success-timeline-item{gap:15px}
.success-timeline-marker{width:34px;height:34px;font-size:.9rem}
.success-detail-section{padding:22px 20px}
.success-actions-zone{flex-direction:column;gap:15px}
.success-btn-primary,.success-btn-secondary{width:100%;text-align:center}
.success-contact-grid{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 480px) {
.success-headline{font-size:1.9rem}
.success-visual-accent{width:100px;height:100px}
.success-checkmark{width:38px;height:38px;border-width:3px}
.success-reference-code{font-size:1.3rem}
}