:root{--primary-hue:#647E7A;--secondary-hue:#8A9491;--tertiary-hue:#B9C2C0;--text-primary:#2a2a2a;--text-secondary:#495057;--background-light:#fafbfc;--background-white:#fff;--border-subtle:#e4e7eb}
*{margin:0;padding:0;box-sizing:border-box}
body{color:var(--text-primary);background:var(--background-light);overscroll-behavior:contain;font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
header{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-bottom:1px solid var(--border-subtle);position:relative;z-index:100}
.header_wrapper_top_17kx{max-width:1320px;margin:0 auto;padding:18px 40px 16px;display:flex;align-items:center;justify-content:space-between}
.logo_container_8pq{display:flex;align-items:center;z-index:102}
.logo_container_8pq img{height:70px;width:70px;object-fit:contain}
.announcement_bar_3zt{font-size:14px;color:var(--text-secondary);background:linear-gradient(90deg,var(--tertiary-hue) 0%,#b9c2c04d 100%);padding:8px 20px;border-radius:30px;font-weight:500}
.header_wrapper_nav_92m{max-width:1320px;margin:0 auto;padding:0 40px 22px}
.main_navigation_5rf{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.main_navigation_5rf a{color:var(--text-primary);text-decoration:none;padding:12px 24px;font-size:16px;font-weight:500;border-radius:6px;transition:background-color .25s ease,color .25s ease;position:relative}
.main_navigation_5rf a:hover{color:#fff;background:var(--tertiary-hue)}
.main_navigation_5rf a:focus{outline:3px solid var(--primary-hue);outline-offset:2px}
main{min-height:400px}
footer{background:linear-gradient(165deg,var(--primary-hue) 0%,var(--secondary-hue) 55%,var(--tertiary-hue) 100%);color:#fff;margin-top:60px;padding:50px 40px 35px}
.footer_content_wrapper_7bx{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:45px;margin-bottom:40px}
.footer_section_9wk h3{font-size:19px;margin-bottom:18px;font-weight:600;letter-spacing:.3px}
.footer_section_9wk p,.footer_section_9wk a{font-size:15px;line-height:1.8;color:#ffffffeb;text-decoration:none;display:block;margin-bottom:10px;transition:color .3s ease}
.footer_section_9wk a:hover{color:#fff;text-decoration:underline}
.footer_section_9wk a:focus{outline:2px solid #fff;outline-offset:3px}
.footer_logo_area_4tc{display:flex;align-items:center;margin-bottom:20px}
.footer_logo_area_4tc img{height:65px;width:65px;object-fit:contain;margin-right:15px}
.footer_divider_1zp{height:1px;background:#ffffff40;margin:30px 0 25px}
.footer_bottom_6hn{max-width:1320px;margin:0 auto;text-align:center;font-size:14px;color:#ffffffd9}
.cookie_popup_container_3jm{position:fixed;bottom:25px;right:25px;background:#fff;border:2px solid var(--primary-hue);border-radius:12px;padding:28px 32px;box-shadow:0 8px 30px #00000026;max-width:480px;z-index:10000;display:none;animation:slideUpFade .4s ease-out}
@keyframes slideUpFade {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.cookie_popup_container_3jm.visible_state_8kp{display:block}
.cookie_header_9xr{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:14px}
.cookie_description_5mt{font-size:15px;line-height:1.65;color:var(--text-secondary);margin-bottom:22px}
.cookie_category_block_7fp{margin-bottom:18px;padding:16px;background:var(--background-light);border-radius:8px;border-left:4px solid var(--secondary-hue)}
.cookie_category_title_2vn{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}
.toggle_switch_4wc{position:relative;width:50px;height:26px}
.toggle_switch_4wc input{opacity:0;width:0;height:0}
.toggle_slider_8rh{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.3s;border-radius:26px;background:#ccc}
.toggle_slider_8rh:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;transition:.3s;border-radius:50%;background:#fff}
input:checked + .toggle_slider_8rh{background:var(--primary-hue)}
input:checked + .toggle_slider_8rh:before{transform:translateX(24px)}
input:focus + .toggle_slider_8rh{box-shadow:0 0 0 3px #647e7a4d}
.cookie_category_text_6pl{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-top:8px}
.cookie_actions_wrapper_1bk{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.cookie_btn_primary_9xt,.cookie_btn_secondary_5hn,.cookie_btn_tertiary_2mp{padding:12px 24px;border-radius:6px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .25s ease,background-color .25s ease;flex:1;min-width:120px}
.cookie_btn_primary_9xt{background:linear-gradient(135deg,var(--primary-hue) 0%,var(--secondary-hue) 100%);color:#fff}
.cookie_btn_primary_9xt:hover{opacity:.9}
.cookie_btn_secondary_5hn{background:var(--tertiary-hue);color:#fff}
.cookie_btn_secondary_5hn:hover{opacity:.85}
.cookie_btn_tertiary_2mp{background:none;color:var(--primary-hue);border:2px solid var(--primary-hue)}
.cookie_btn_tertiary_2mp:hover{background:#647e7a14}
.cookie_btn_primary_9xt:focus,.cookie_btn_secondary_5hn:focus,.cookie_btn_tertiary_2mp:focus{outline:3px solid var(--primary-hue);outline-offset:2px}
@media (max-width: 768px) {
.header_wrapper_top_17kx{padding:15px 20px 12px;flex-direction:column;gap:12px}
.logo_container_8pq img{height:60px;width:60px}
.announcement_bar_3zt{font-size:13px;padding:6px 16px}
.header_wrapper_nav_92m{padding:0 20px 18px}
.main_navigation_5rf{flex-direction:column;gap:6px}
.main_navigation_5rf a{text-align:center;padding:11px 18px;font-size:15px}
footer{padding:35px 20px 25px}
.footer_content_wrapper_7bx{grid-template-columns:1fr;gap:30px}
.cookie_popup_container_3jm{bottom:15px;right:15px;left:15px;max-width:none;padding:22px 24px}
.cookie_actions_wrapper_1bk{flex-direction:column}
.cookie_btn_primary_9xt,.cookie_btn_secondary_5hn,.cookie_btn_tertiary_2mp{width:100%}
}
@media (max-width: 480px) {
body{font-size:16px}
.header_wrapper_top_17kx{padding:12px 15px 10px}
.logo_container_8pq img{height:55px;width:55px}
.announcement_bar_3zt{font-size:12px;padding:5px 12px}
.main_navigation_5rf a{font-size:14px;padding:10px 16px}
.cookie_header_9xr{font-size:18px}
.cookie_description_5mt{font-size:14px}
}
.avant-commencer-hero{background:linear-gradient(135deg,#f8f9fa 0%,#fafbfc 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.avant-commencer-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#647e7a14 0%,transparent 70%);border-radius:50%}
.hero-contenu-wrapper{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;position:relative;z-index:2}
.hero-texte-principal h1{font-size:3.2rem;color:#212529;font-weight:700;line-height:1.2;margin-bottom:25px;letter-spacing:-.5px}
.hero-texte-principal p{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:35px}
.hero-image-zone{position:relative}
.hero-image-zone img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 15px 40px #647e7a26}
.pourquoi-maintenant-section{background:#fff;padding:90px 20px;position:relative}
.pourquoi-contenu-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.raison-carte{background:#fafbfc;padding:40px 30px;border-radius:8px;border-left:4px solid #647E7A;transition:all .3s ease}
.raison-carte:hover{transform:translateY(-5px);box-shadow:0 10px 30px #647e7a1f;border-left-color:#8A9491}
.raison-carte h3{font-size:1.5rem;color:#212529;margin-bottom:18px;font-weight:600}
.raison-carte p{font-size:1.05rem;color:#495057;line-height:1.65}
.competences-essentielles-bloc{background:linear-gradient(to bottom,#f8f9fa 0%,#fff 100%);padding:85px 20px}
.competences-disposition{max-width:1150px;margin:0 auto;display:flex;gap:60px;align-items:flex-start}
.competences-visuel{flex:0 0 45%}
.competences-visuel img{width:100%;height:480px;object-fit:cover;border-radius:10px;box-shadow:0 12px 35px #8a94912e}
.competences-liste-zone{flex:1}
.competences-liste-zone h2{font-size:2.6rem;color:#212529;margin-bottom:35px;font-weight:700;line-height:1.3}
.competence-item{background:#fff;padding:28px 32px;margin-bottom:20px;border-radius:8px;border:2px solid #B9C2C0;transition:all .25s ease;position:relative;padding-left:75px}
.competence-item::before{content:'';position:absolute;left:28px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#647E7A;border-radius:50%}
.competence-item::after{content:'';position:absolute;left:35px;top:50%;transform:translateY(-50%);color:#fff;font-size:1rem;font-weight:700}
.competence-item:hover{border-color:#647E7A;box-shadow:0 6px 20px #647e7a1a;transform:translateX(8px)}
.competence-item h4{font-size:1.3rem;color:#212529;margin-bottom:10px;font-weight:600}
.competence-item p{font-size:1rem;color:#495057;line-height:1.6;margin:0}
.votre-situation-checker{background:#fff;padding:80px 20px}
.situation-wrapper{max-width:950px;margin:0 auto;text-align:center}
.situation-wrapper h2{font-size:2.5rem;color:#212529;margin-bottom:50px;font-weight:700}
.situations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;text-align:left}
.situation-box{background:#f8f9fa;padding:35px 30px;border-radius:10px;border:1px solid #B9C2C0;transition:all .3s ease;cursor:pointer;position:relative;padding-left:85px}
.situation-box::before{content:'';position:absolute;left:30px;top:35px;width:38px;height:38px;border:3px solid #8A9491;border-radius:6px;transition:all .3s ease}
.situation-box:hover{background:#fff;border-color:#647E7A;box-shadow:0 8px 25px #647e7a1f}
.situation-box:hover::before{background:#647E7A;border-color:#647E7A}
.situation-box h4{font-size:1.25rem;color:#212529;margin-bottom:12px;font-weight:600}
.situation-box p{font-size:1rem;color:#495057;line-height:1.6;margin:0}
.prochaines-etapes-finale{background:linear-gradient(135deg,#647E7A 0%,#8A9491 100%);padding:90px 20px;position:relative;overflow:hidden}
.prochaines-etapes-finale::before{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#ffffff14 0%,transparent 70%);border-radius:50%}
.etapes-contenu-central{max-width:1050px;margin:0 auto;text-align:center;position:relative;z-index:2}
.etapes-contenu-central h2{font-size:2.8rem;color:#fff;margin-bottom:25px;font-weight:700}
.etapes-contenu-central > p{font-size:1.2rem;color:#fffffff2;margin-bottom:55px;line-height:1.7;max-width:750px;margin-left:auto;margin-right:auto}
.etapes-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:50px}
.etape-card{background:#ffffff1f;backdrop-filter:blur(10px);padding:40px 30px;border-radius:12px;border:2px solid #fff3;position:relative}
.etape-numero{width:55px;height:55px;background:#fff;color:#647E7A;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;margin:0 auto 25px;box-shadow:0 5px 15px #00000026}
.etape-card h3{font-size:1.4rem;color:#fff;margin-bottom:15px;font-weight:600}
.etape-card p{font-size:1.05rem;color:#ffffffe6;line-height:1.65;margin:0}
.cta-bouton-principal{display:inline-block;background:#fff;color:#647E7A;padding:18px 50px;font-size:1.2rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 25px #00000026}
.cta-bouton-principal:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00000040;background:#f8f9fa}
@media (max-width: 968px) {
.hero-contenu-wrapper{grid-template-columns:1fr;gap:40px}
.hero-texte-principal h1{font-size:2.5rem}
.hero-image-zone img{height:350px}
.pourquoi-contenu-grid{grid-template-columns:1fr;gap:25px}
.competences-disposition{flex-direction:column;gap:45px}
.competences-visuel{flex:0 0 100%}
.competences-visuel img{height:380px}
.situations-grid{grid-template-columns:1fr}
.etapes-timeline{grid-template-columns:1fr;gap:30px}
.etapes-contenu-central h2{font-size:2.2rem}
}
@media (max-width: 640px) {
.avant-commencer-hero{padding:60px 15px 50px}
.hero-texte-principal h1{font-size:2rem}
.hero-texte-principal p{font-size:1.05rem}
.hero-image-zone img{height:280px}
.raison-carte{padding:30px 25px}
.competences-liste-zone h2{font-size:2rem}
.competence-item{padding:22px 25px 22px 70px}
.situation-box{padding:28px 25px 28px 75px}
.situation-box::before{width:32px;height:32px;left:25px;top:28px}
.prochaines-etapes-finale{padding:70px 15px}
.etapes-contenu-central h2{font-size:1.9rem}
.cta-bouton-principal{padding:16px 40px;font-size:1.1rem}
}
.finances-hiw-page{background:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.7}
.finances-hiw-page .hiw-hero-wrapper{background:linear-gradient(135deg,#f8f9fa 0%,#fafbfc 100%);padding:90px 20px 80px;position:relative;overflow:hidden}
.finances-hiw-page .hiw-hero-wrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#647e7a14 0%,transparent 70%);border-radius:50%}
.finances-hiw-page .hiw-hero-content{max-width:880px;margin:0 auto;position:relative;z-index:2}
.finances-hiw-page .hiw-hero-content h1{font-size:3.2rem;font-weight:700;color:#212529;margin:0 0 28px;line-height:1.2}
.finances-hiw-page .hiw-hero-intro{font-size:1.25rem;color:#495057;margin:0 0 35px;max-width:720px}
.finances-hiw-page .hiw-hero-stats{display:flex;gap:40px;flex-wrap:wrap;margin-top:45px}
.finances-hiw-page .hiw-stat-item{flex:1;min-width:180px;padding:22px;background:#fff;border-left:4px solid #647E7A;box-shadow:0 2px 8px #0000000a}
.finances-hiw-page .hiw-stat-number{font-size:2.1rem;font-weight:700;color:#647E7A;margin:0 0 8px;line-height:1}
.finances-hiw-page .hiw-stat-label{font-size:.95rem;color:#495057;margin:0}
.finances-hiw-page .hiw-process-section{padding:95px 20px;background:#fff;position:relative}
.finances-hiw-page .hiw-process-container{max-width:1200px;margin:0 auto}
.finances-hiw-page .hiw-process-header{text-align:center;margin-bottom:75px}
.finances-hiw-page .hiw-process-header h2{font-size:2.6rem;font-weight:700;color:#212529;margin:0 0 20px}
.finances-hiw-page .hiw-process-subtitle{font-size:1.15rem;color:#495057;max-width:680px;margin:0 auto}
.finances-hiw-page .hiw-dual-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.finances-hiw-page .hiw-image-panel{position:sticky;top:100px}
.finances-hiw-page .hiw-image-panel img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #647e7a26}
.finances-hiw-page .hiw-steps-panel{display:flex;flex-direction:column;gap:35px}
.finances-hiw-page .hiw-step-card{background:#f8f9fa;padding:32px;border-radius:8px;border-left:5px solid #8A9491;transition:all .3s ease}
.finances-hiw-page .hiw-step-card:hover{transform:translateX(8px);border-left-color:#647E7A;box-shadow:0 4px 16px #647e7a1f}
.finances-hiw-page .hiw-step-header{display:flex;align-items:center;gap:18px;margin-bottom:16px}
.finances-hiw-page .hiw-step-number{width:50px;height:50px;background:#647E7A;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;flex-shrink:0}
.finances-hiw-page .hiw-step-card h3{font-size:1.5rem;font-weight:600;color:#212529;margin:0}
.finances-hiw-page .hiw-step-card p{font-size:1.05rem;color:#495057;margin:0;line-height:1.7}
.finances-hiw-page .hiw-approach-section{padding:85px 20px 95px;background:linear-gradient(180deg,#f5f6fa 0%,#fff 100%);position:relative}
.finances-hiw-page .hiw-approach-container{max-width:1140px;margin:0 auto}
.finances-hiw-page .hiw-approach-header{margin-bottom:60px}
.finances-hiw-page .hiw-approach-header h2{font-size:2.5rem;font-weight:700;color:#212529;margin:0 0 18px}
.finances-hiw-page .hiw-approach-intro{font-size:1.12rem;color:#495057;max-width:780px;margin:0}
.finances-hiw-page .hiw-methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;margin-bottom:55px}
.finances-hiw-page .hiw-method-box{background:#fff;padding:38px;border-radius:10px;box-shadow:0 3px 12px #0000000f;border-top:4px solid #B9C2C0;transition:all .3s ease}
.finances-hiw-page .hiw-method-box:hover{transform:translateY(-6px);box-shadow:0 8px 20px #647e7a26;border-top-color:#647E7A}
.finances-hiw-page .hiw-method-box h3{font-size:1.45rem;font-weight:600;color:#212529;margin:0 0 16px}
.finances-hiw-page .hiw-method-box p{font-size:1.05rem;color:#495057;margin:0 0 20px;line-height:1.7}
.finances-hiw-page .hiw-method-features{list-style:none;padding:0;margin:0}
.finances-hiw-page .hiw-method-features li{padding:10px 0 10px 32px;position:relative;color:#343a40;font-size:1rem}
.finances-hiw-page .hiw-method-features li::before{content:'';position:absolute;left:0;color:#647E7A;font-weight:700;font-size:1.2rem}
.finances-hiw-page .hiw-cta-block{background:linear-gradient(135deg,#647E7A 0%,#8A9491 100%);padding:50px;border-radius:12px;text-align:center;color:#fff}
.finances-hiw-page .hiw-cta-block h3{font-size:2rem;font-weight:700;margin:0 0 16px;color:#fff}
.finances-hiw-page .hiw-cta-block p{font-size:1.15rem;margin:0 0 32px;color:#fff;opacity:.95}
.finances-hiw-page .hiw-cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.finances-hiw-page .hiw-btn-primary{background:#fff;color:#647E7A;padding:16px 38px;border-radius:6px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 3px 10px #00000026}
.finances-hiw-page .hiw-btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0003;color:#647E7A}
.finances-hiw-page .hiw-btn-secondary{background:none;color:#fff;padding:16px 38px;border-radius:6px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-block;border:2px solid #fff;transition:all .3s ease}
.finances-hiw-page .hiw-btn-secondary:hover{background:#fff;color:#647E7A;transform:translateY(-3px)}
@media (max-width: 992px) {
.finances-hiw-page .hiw-dual-layout{grid-template-columns:1fr;gap:40px}
.finances-hiw-page .hiw-image-panel{position:relative;top:0;order:-1}
.finances-hiw-page .hiw-methods-grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width: 768px) {
.finances-hiw-page .hiw-hero-content h1{font-size:2.3rem}
.finances-hiw-page .hiw-hero-intro{font-size:1.1rem}
.finances-hiw-page .hiw-hero-stats{flex-direction:column;gap:20px}
.finances-hiw-page .hiw-process-header h2,.finances-hiw-page .hiw-approach-header h2{font-size:2rem}
.finances-hiw-page .hiw-step-card{padding:24px}
.finances-hiw-page .hiw-method-box{padding:28px}
.finances-hiw-page .hiw-cta-block{padding:35px 25px}
.finances-hiw-page .hiw-cta-buttons{flex-direction:column;align-items:stretch}
.finances-hiw-page .hiw-btn-primary,.finances-hiw-page .hiw-btn-secondary{width:100%;text-align:center}
}
.hero-immersive{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%)}
.hero-immersive::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#647e7a26 0%,#b9c2c014 100%);z-index:1}
.hero-immersive .hero-image-wrapper{position:absolute;right:0;top:0;width:55%;height:100%;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);z-index:2}
.hero-immersive .hero-image-wrapper img{width:100%;height:100%;object-fit:cover}
.hero-immersive .hero-content-zone{position:relative;z-index:3;max-width:620px;padding:60px 40px;margin-left:8%}
.hero-immersive .hero-title-main{font-size:3.8rem;font-weight:800;color:#212529;line-height:1.15;margin-bottom:28px;letter-spacing:-.02em}
.hero-immersive .hero-subtitle-text{font-size:1.35rem;color:#495057;line-height:1.7;margin-bottom:42px;font-weight:400}
.hero-immersive .hero-cta-primary{display:inline-block;padding:18px 42px;background:#647E7A;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:600;border-radius:6px;transition:all .3s ease;box-shadow:0 4px 12px #647e7a40}
.hero-immersive .hero-cta-primary:hover{background:#566d69;transform:translateY(-2px);box-shadow:0 6px 20px #647e7a59}
.discourse-diagonal-section{position:relative;background:#fff;padding:120px 0 140px;clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);margin-top:-80px}
.discourse-diagonal-section .narrow-column-center{max-width:720px;margin:0 auto;text-align:center}
.discourse-diagonal-section .section-heading-primary{font-size:2.6rem;color:#212529;font-weight:700;margin-bottom:32px;line-height:1.3}
.discourse-diagonal-section .narrative-paragraph{font-size:1.15rem;color:#495057;line-height:1.85;margin-bottom:24px;text-align:left}
.discourse-diagonal-section .insight-highlight{background:linear-gradient(120deg,#647e7a14 0%,#b9c2c01f 100%);padding:32px;border-left:4px solid #647E7A;margin:40px 0;border-radius:0 8px 8px 0}
.discourse-diagonal-section .insight-highlight p{font-size:1.1rem;color:#343a40;line-height:1.75;margin:0;font-style:italic}
.layered-showcase-block{position:relative;background:#f5f6fa;padding:100px 0;overflow:hidden}
.layered-showcase-block .showcase-grid-asymmetric{display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px;align-items:center;max-width:1280px;margin:0 auto;padding:0 40px}
.layered-showcase-block .showcase-visual-area{position:relative}
.layered-showcase-block .showcase-visual-area img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 12px 40px #00000026;transform:rotate(-2deg);transition:transform .4s ease}
.layered-showcase-block .showcase-visual-area:hover img{transform:rotate(0deg) scale(1.02)}
.layered-showcase-block .showcase-content-area{padding:40px}
.layered-showcase-block .content-title-secondary{font-size:2.3rem;color:#212529;font-weight:700;margin-bottom:28px;line-height:1.25}
.layered-showcase-block .content-description{font-size:1.08rem;color:#495057;line-height:1.8;margin-bottom:18px}
.layered-showcase-block .detail-list-custom{list-style:none;padding:0;margin:32px 0}
.layered-showcase-block .detail-list-custom li{padding:14px 0 14px 36px;position:relative;font-size:1.05rem;color:#343a40;line-height:1.6}
.layered-showcase-block .detail-list-custom li::before{content:'→';position:absolute;left:0;color:#647E7A;font-weight:700;font-size:1.3rem}
.split-zone-interactive{background:linear-gradient(175deg,#fff 0%,#fafbfc 100%);padding:110px 0;position:relative}
.split-zone-interactive::after{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(90deg,transparent 0%,#b9c2c01a 100%);pointer-events:none}
.split-zone-interactive .split-container-flex{display:flex;max-width:1320px;margin:0 auto;padding:0 40px;gap:80px;align-items:flex-start}
.split-zone-interactive .split-left-content{flex:1;position:relative;z-index:2}
.split-zone-interactive .split-right-visual{flex:1;position:relative}
.split-zone-interactive .split-right-visual img{width:100%;height:520px;object-fit:cover;border-radius:16px;box-shadow:0 20px 60px #0000001f}
.split-zone-interactive .split-heading{font-size:2.5rem;color:#212529;font-weight:700;margin-bottom:32px;line-height:1.2}
.split-zone-interactive .split-text-block{font-size:1.1rem;color:#495057;line-height:1.8;margin-bottom:22px}
.split-zone-interactive .approach-cards-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.split-zone-interactive .approach-card-item{background:#fff;padding:28px;border-radius:10px;border:2px solid #e9ecef;transition:all .3s ease}
.split-zone-interactive .approach-card-item:hover{border-color:#647E7A;box-shadow:0 8px 24px #647e7a26;transform:translateY(-4px)}
.split-zone-interactive .approach-card-item h3{font-size:1.25rem;color:#212529;font-weight:600;margin-bottom:12px}
.split-zone-interactive .approach-card-item p{font-size:.98rem;color:#6c757d;line-height:1.65;margin:0}
.circular-narrative-zone{position:relative;background:#647E7A;padding:120px 0;overflow:hidden}
.circular-narrative-zone::before{content:'';position:absolute;top:-50%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,#ffffff14 0%,transparent 70%);border-radius:50%}
.circular-narrative-zone::after{content:'';position:absolute;bottom:-40%;right:-8%;width:500px;height:500px;background:radial-gradient(circle,#8a949126 0%,transparent 70%);border-radius:50%}
.circular-narrative-zone .narrative-center-container{max-width:1100px;margin:0 auto;padding:0 40px;position:relative;z-index:2;text-align:center}
.circular-narrative-zone .narrative-main-title{font-size:2.8rem;color:#fff;font-weight:700;margin-bottom:36px;line-height:1.25}
.circular-narrative-zone .narrative-intro-text{font-size:1.2rem;color:#f8f9fa;line-height:1.75;margin-bottom:56px;max-width:800px;margin-left:auto;margin-right:auto}
.circular-narrative-zone .timeline-path-container{position:relative;max-width:900px;margin:0 auto;padding:40px 0}
.circular-narrative-zone .timeline-step-item{position:relative;padding-left:80px;margin-bottom:56px}
.circular-narrative-zone .timeline-step-item:last-child{margin-bottom:0}
.circular-narrative-zone .timeline-marker-circle{position:absolute;left:18px;top:8px;width:44px;height:44px;background:#fff;border:4px solid #8A9491;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#647E7A;font-size:1.1rem;z-index:3}
.circular-narrative-zone .timeline-step-item::before{content:'';position:absolute;left:39px;top:60px;width:3px;height:calc(100% + 16px);background:#ffffff4d}
.circular-narrative-zone .timeline-step-item:last-child::before{display:none}
.circular-narrative-zone .timeline-content-box{background:#ffffff1a;padding:28px 32px;border-radius:12px;backdrop-filter:blur(8px);border:1px solid #fff3;text-align:left;transition:all .3s ease}
.circular-narrative-zone .timeline-content-box:hover{background:#ffffff26;transform:translateX(8px)}
.circular-narrative-zone .timeline-content-box h3{font-size:1.4rem;color:#fff;font-weight:600;margin-bottom:14px}
.circular-narrative-zone .timeline-content-box p{font-size:1.05rem;color:#f1f3f5;line-height:1.7;margin:0}
.circular-narrative-zone .cta-final-wrapper{margin-top:64px}
.circular-narrative-zone .cta-button-secondary{display:inline-block;padding:18px 48px;background:#fff;color:#647E7A;text-decoration:none;font-size:1.15rem;font-weight:600;border-radius:8px;transition:all .3s ease;box-shadow:0 6px 20px #0003}
.circular-narrative-zone .cta-button-secondary:hover{background:#f8f9fa;transform:translateY(-3px);box-shadow:0 8px 28px #00000040}
@media (max-width: 1024px) {
.hero-immersive .hero-image-wrapper{width:50%}
.hero-immersive .hero-content-zone{max-width:520px;margin-left:5%}
.hero-immersive .hero-title-main{font-size:3.2rem}
.layered-showcase-block .showcase-grid-asymmetric{grid-template-columns:1fr;gap:40px}
.split-zone-interactive .split-container-flex{flex-direction:column;gap:50px}
.split-zone-interactive .approach-cards-wrapper{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.hero-immersive{min-height:auto;padding:80px 0}
.hero-immersive .hero-image-wrapper{position:relative;width:100%;height:320px;clip-path:none;margin-bottom:40px}
.hero-immersive .hero-content-zone{margin-left:0;padding:20px;max-width:100%}
.hero-immersive .hero-title-main{font-size:2.4rem}
.hero-immersive .hero-subtitle-text{font-size:1.15rem}
.discourse-diagonal-section{clip-path:none;padding:80px 20px}
.discourse-diagonal-section .section-heading-primary{font-size:2rem}
.layered-showcase-block{padding:60px 20px}
.layered-showcase-block .showcase-grid-asymmetric{padding:0 20px}
.layered-showcase-block .showcase-content-area{padding:20px}
.layered-showcase-block .content-title-secondary{font-size:1.9rem}
.split-zone-interactive{padding:70px 20px}
.split-zone-interactive .split-container-flex{padding:0 20px}
.split-zone-interactive .split-heading{font-size:2rem}
.circular-narrative-zone{padding:80px 20px}
.circular-narrative-zone .narrative-main-title{font-size:2.2rem}
.circular-narrative-zone .timeline-step-item{padding-left:70px}
.circular-narrative-zone .timeline-marker-circle{width:38px;height:38px;left:12px}
.circular-narrative-zone .timeline-step-item::before{left:30px}
}
.contact-page-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh}
.contact-intro-section{padding:4rem 2rem 2rem;max-width:1200px;margin:0 auto}
.contact-intro-section h1{font-size:2.8rem;line-height:1.2;color:#212529;margin-bottom:1.5rem;font-weight:700;letter-spacing:-.02em}
.contact-intro-section .intro-text{font-size:1.15rem;line-height:1.8;color:#495057;max-width:720px}
.form-info-grid{max-width:1200px;margin:3rem auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.correspondence-form-block{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 4px 20px #647e7a14}
.correspondence-form-block h2{font-size:1.75rem;color:#212529;margin-bottom:2rem;font-weight:600}
.input-field-group{margin-bottom:1.8rem}
.input-field-group label{display:block;font-size:.95rem;color:#343a40;margin-bottom:.6rem;font-weight:500}
.input-field-group input,.input-field-group select,.input-field-group textarea{width:100%;padding:.95rem 1.2rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;color:#212529;background:#fafbfc;transition:all .3s ease;font-family:inherit}
.input-field-group input:focus,.input-field-group select:focus,.input-field-group textarea:focus{outline:none;border-color:#647E7A;background:#fff;box-shadow:0 0 0 4px #647e7a1a}
.input-field-group textarea{min-height:140px;resize:vertical}
.privacy-acknowledgment{margin:2rem 0;padding:1.2rem;background:#f8f9fa;border-radius:10px;border-left:4px solid #647E7A}
.privacy-acknowledgment label{display:flex;align-items:start;gap:.8rem;cursor:pointer;font-size:.9rem;line-height:1.6;color:#495057}
.privacy-acknowledgment input[type="checkbox"]{width:20px;height:20px;margin-top:.2rem;cursor:pointer;flex-shrink:0}
.privacy-acknowledgment a{color:#647E7A;text-decoration:underline;font-weight:500}
.submit-correspondence-btn{background:linear-gradient(135deg,#647E7A 0%,#8A9491 100%);color:#fff;border:none;padding:1.1rem 2.5rem;border-radius:10px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;position:relative;z-index:10}
.submit-correspondence-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #647e7a40;background:linear-gradient(135deg,#566b68 0%,#7a827f 100%)}
.contact-methods-block{display:flex;flex-direction:column;gap:1.5rem}
.method-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 12px #647e7a0f;border-left:4px solid #B9C2C0;transition:all .3s ease}
.method-card:hover{border-left-color:#647E7A;box-shadow:0 4px 20px #647e7a1f}
.method-card h3{font-size:1.2rem;color:#212529;margin-bottom:.8rem;font-weight:600}
.method-card .method-detail{font-size:1rem;color:#495057;line-height:1.7;margin-bottom:.5rem}
.method-card .method-note{font-size:.9rem;color:#8A9491;font-style:italic;margin-top:.8rem}
.location-visual-section{max-width:1200px;margin:4rem auto;padding:0 2rem;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}
.location-image-wrapper{border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #647e7a26}
.location-image-wrapper img{width:100%;height:420px;object-fit:cover;display:block}
.location-info-panel{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);padding:2.5rem;border-radius:16px;border:2px solid #e9ecef}
.location-info-panel h2{font-size:1.9rem;color:#212529;margin-bottom:1.5rem;font-weight:600}
.address-detail{margin-bottom:1.8rem}
.address-detail .detail-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#647E7A;font-weight:600;margin-bottom:.5rem}
.address-detail .detail-content{font-size:1.1rem;color:#343a40;line-height:1.7}
.timing-categories-section{max-width:1200px;margin:4rem auto 5rem;padding:0 2rem}
.timing-categories-section h2{font-size:2rem;color:#212529;text-align:center;margin-bottom:3rem;font-weight:600}
.timing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.timing-category-card{background:#fff;padding:2rem;border-radius:14px;border-top:5px solid #647E7A;box-shadow:0 4px 16px #647e7a14}
.timing-category-card h3{font-size:1.3rem;color:#212529;margin-bottom:1rem;font-weight:600}
.timing-category-card .category-description{font-size:.95rem;color:#495057;line-height:1.7;margin-bottom:1.2rem}
.timing-category-card .timing-window{font-size:.9rem;color:#647E7A;font-weight:600;padding:.6rem 1rem;background:#f8f9fa;border-radius:8px;display:inline-block}
.alternative-channels-section{background:linear-gradient(135deg,#647E7A 0%,#8A9491 100%);padding:5rem 2rem;margin-top:5rem}
.alternative-channels-section .section-inner{max-width:1000px;margin:0 auto;text-align:center}
.alternative-channels-section h2{font-size:2.2rem;color:#fff;margin-bottom:1.5rem;font-weight:600}
.alternative-channels-section .section-description{font-size:1.15rem;color:#f8f9fa;line-height:1.8;margin-bottom:3rem;max-width:750px;margin-left:auto;margin-right:auto}
.channels-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto}
.channel-option{background:#fffffff2;padding:2rem;border-radius:12px;text-align:left}
.channel-option h3{font-size:1.25rem;color:#212529;margin-bottom:.8rem;font-weight:600}
.channel-option p{font-size:.95rem;color:#495057;line-height:1.7}
@media (max-width: 968px) {
.form-info-grid{grid-template-columns:1fr;gap:3rem}
.location-visual-section{grid-template-columns:1fr;gap:2rem}
.timing-grid{grid-template-columns:1fr}
.channels-options-grid{grid-template-columns:1fr}
.contact-intro-section h1{font-size:2.2rem}
.correspondence-form-block{padding:2rem}
}
@media (max-width: 640px) {
.contact-intro-section{padding:3rem 1.5rem 1.5rem}
.contact-intro-section h1{font-size:1.9rem}
.correspondence-form-block{padding:1.5rem}
.location-info-panel{padding:1.8rem}
.alternative-channels-section{padding:3rem 1.5rem}
.alternative-channels-section h2{font-size:1.8rem}
}
.programme-apprentissage-hero{background:linear-gradient(135deg,#f8f9fa 0%,#fafbfc 100%);padding:5rem 2rem 4rem;position:relative;overflow:hidden}
.programme-apprentissage-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:linear-gradient(45deg,#b9c2c026 0%,#8a949114 100%);transform:rotate(-15deg);z-index:1}
.programme-apprentissage-hero .container{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.hero-contenu-principal{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.hero-texte-zone h1{font-size:2.8rem;color:#212529;font-weight:700;line-height:1.2;margin-bottom:1.5rem}
.hero-texte-zone .sous-titre-hero{font-size:1.3rem;color:#495057;line-height:1.6;margin-bottom:2rem}
.hero-texte-zone p{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:1.2rem}
.hero-image-conteneur{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #647e7a26}
.hero-image-conteneur img{width:100%;height:450px;object-fit:cover;display:block}
.hero-cta-groupe{display:flex;gap:1.2rem;margin-top:2.5rem;flex-wrap:wrap}
.btn-primaire-hero{background:#647E7A;color:#fff;padding:1rem 2.2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;display:inline-block;border:2px solid #647E7A}
.btn-primaire-hero:hover{background:#556b67;transform:translateY(-2px);box-shadow:0 8px 20px #647e7a40}
.btn-secondaire-hero{background:none;color:#647E7A;padding:1rem 2.2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05rem;border:2px solid #647E7A;transition:all .3s ease;display:inline-block}
.btn-secondaire-hero:hover{background:#647E7A;color:#fff;transform:translateY(-2px)}
.parcours-formation-section{background:#fff;padding:5rem 2rem;position:relative}
.parcours-formation-section::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#B9C2C0 50%,transparent 100%)}
.parcours-conteneur-principal{max-width:1200px;margin:0 auto}
.parcours-en-tete{text-align:center;margin-bottom:4rem}
.parcours-en-tete h2{font-size:2.4rem;color:#212529;font-weight:700;margin-bottom:1.2rem}
.parcours-en-tete .description-intro{font-size:1.15rem;color:#495057;line-height:1.7;max-width:800px;margin:0 auto}
.grille-competences{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3.5rem}
.carte-competence{background:#f8f9fa;padding:2.5rem 2rem;border-radius:12px;border-left:4px solid #647E7A;transition:all .3s ease;position:relative}
.carte-competence:hover{transform:translateX(8px);box-shadow:0 8px 24px #647e7a1f;background:#fff}
.carte-competence h3{font-size:1.35rem;color:#212529;font-weight:600;margin-bottom:1rem}
.carte-competence p{font-size:1rem;color:#495057;line-height:1.6;margin-bottom:.8rem}
.liste-details-competence{list-style:none;padding:0;margin-top:1.2rem}
.liste-details-competence li{font-size:.95rem;color:#495057;padding-left:1.5rem;position:relative;margin-bottom:.6rem;line-height:1.5}
.liste-details-competence li::before{content:'→';position:absolute;left:0;color:#647E7A;font-weight:700}
.calendrier-sessions-bloc{background:linear-gradient(135deg,#f5f6fa 0%,#fafbfc 100%);padding:2.5rem;border-radius:12px;margin-top:3rem}
.calendrier-sessions-bloc h3{font-size:1.8rem;color:#212529;font-weight:700;margin-bottom:1.5rem;text-align:center}
.sessions-grille{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.session-carte{background:#fff;padding:1.8rem;border-radius:10px;border:2px solid #B9C2C0;transition:all .3s ease}
.session-carte:hover{border-color:#647E7A;box-shadow:0 6px 16px #647e7a1a}
.session-carte .session-titre{font-size:1.2rem;color:#212529;font-weight:600;margin-bottom:.8rem}
.session-carte .session-date{font-size:1rem;color:#647E7A;font-weight:600;margin-bottom:.5rem}
.session-carte .session-details{font-size:.95rem;color:#495057;line-height:1.5}
.approche-pedagogique-section{background:#fff;padding:5rem 2rem;position:relative}
.approche-conteneur-flex{max-width:1200px;margin:0 auto;display:flex;gap:3rem;align-items:flex-start}
.approche-image-bloc{flex:0 0 45%;position:sticky;top:2rem}
.approche-image-bloc img{width:100%;height:520px;object-fit:cover;border-radius:16px;box-shadow:0 16px 48px #647e7a2e}
.approche-contenu-bloc{flex:1}
.approche-contenu-bloc h2{font-size:2.4rem;color:#212529;font-weight:700;margin-bottom:1.5rem;line-height:1.3}
.approche-contenu-bloc .intro-texte{font-size:1.1rem;color:#495057;line-height:1.7;margin-bottom:2.5rem}
.methodes-accordion{display:flex;flex-direction:column;gap:1.2rem}
.methode-item{background:#f8f9fa;border-radius:10px;overflow:hidden;border:1px solid #B9C2C0;transition:all .3s ease}
.methode-item:hover{border-color:#8A9491}
.methode-en-tete{padding:1.5rem 2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:background .3s ease}
.methode-en-tete:hover{background:#f8f9fa}
.methode-en-tete h3{font-size:1.3rem;color:#212529;font-weight:600;margin:0}
.methode-icone{width:32px;height:32px;background:#647E7A;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}
.methode-contenu{padding:0 2rem 1.8rem;background:#fff}
.methode-contenu p{font-size:1rem;color:#495057;line-height:1.7;margin-bottom:1rem}
.methode-contenu ul{list-style:none;padding:0;margin-top:1rem}
.methode-contenu ul li{font-size:.95rem;color:#495057;padding-left:1.8rem;position:relative;margin-bottom:.7rem;line-height:1.6}
.methode-contenu ul li::before{content:'';position:absolute;left:0;color:#647E7A;font-weight:700;font-size:1.1rem}
.cta-final-bloc{margin-top:3rem;text-align:center;padding:2.5rem;background:linear-gradient(135deg,#f5f6fa 0%,#fff 100%);border-radius:12px}
.cta-final-bloc p{font-size:1.15rem;color:#495057;margin-bottom:1.5rem;line-height:1.6}
.btn-action-cta{background:#647E7A;color:#fff;padding:1rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05rem;display:inline-block;transition:all .3s ease;border:2px solid #647E7A}
.btn-action-cta:hover{background:#556b67;transform:translateY(-2px);box-shadow:0 8px 20px #647e7a40}
@media (max-width: 968px) {
.hero-contenu-principal{grid-template-columns:1fr;gap:2.5rem}
.hero-texte-zone h1{font-size:2.2rem}
.hero-image-conteneur img{height:350px}
.grille-competences{grid-template-columns:1fr;gap:1.5rem}
.sessions-grille{grid-template-columns:1fr}
.approche-conteneur-flex{flex-direction:column}
.approche-image-bloc{flex:0 0 100%;position:relative;top:0}
.approche-image-bloc img{height:320px}
}
@media (max-width: 640px) {
.programme-apprentissage-hero{padding:3rem 1.5rem 2.5rem}
.hero-texte-zone h1{font-size:1.8rem}
.hero-texte-zone .sous-titre-hero{font-size:1.1rem}
.hero-cta-groupe{flex-direction:column}
.btn-primaire-hero,.btn-secondaire-hero{width:100%;text-align:center}
.parcours-formation-section,.approche-pedagogique-section{padding:3rem 1.5rem}
.parcours-en-tete h2,.approche-contenu-bloc h2{font-size:1.9rem}
.carte-competence{padding:1.8rem 1.5rem}
.hero-image-conteneur img,.approche-image-bloc img{height:280px}
}
.pedagogie-hero-section{background:linear-gradient(135deg,#f8f9fa 0%,#fafbfc 100%);padding:5rem 2rem 4rem;position:relative;overflow:hidden}
.pedagogie-hero-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#647e7a14 0%,transparent 70%);border-radius:50%}
.pedagogie-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.pedagogie-hero-content h1{font-size:2.8rem;color:#212529;margin-bottom:1.5rem;font-weight:700;line-height:1.2}
.pedagogie-hero-intro{font-size:1.25rem;color:#495057;max-width:800px;line-height:1.7;margin-bottom:2rem}
.pedagogie-hero-highlight{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #647e7a1f;max-width:900px}
.pedagogie-hero-highlight p{color:#343a40;font-size:1.05rem;line-height:1.8;margin:0}
.methodes-asymetrique-block{padding:5rem 2rem;background:#fff}
.methodes-asymetrique-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}
.methodes-image-zone{position:relative}
.methodes-image-zone img{width:100%;height:520px;object-fit:cover;border-radius:16px;box-shadow:0 8px 30px #647e7a26}
.methodes-image-badge{position:absolute;bottom:20px;left:20px;background:#647E7A;color:#fff;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;box-shadow:0 4px 15px #647e7a4d}
.methodes-contenu-zone h2{font-size:2.2rem;color:#212529;margin-bottom:1.5rem;font-weight:700;line-height:1.3}
.methodes-intro-texte{color:#495057;font-size:1.1rem;line-height:1.8;margin-bottom:2.5rem}
.methodes-liste-points{list-style:none;padding:0;margin:0}
.methodes-liste-points li{padding:1.2rem 0;border-bottom:1px solid #e9ecef;color:#343a40;font-size:1.05rem;line-height:1.6;position:relative;padding-left:2.5rem}
.methodes-liste-points li::before{content:'→';position:absolute;left:0;color:#647E7A;font-weight:700;font-size:1.3rem}
.methodes-liste-points li:last-child{border-bottom:none}
.approche-pratique-section{background:linear-gradient(180deg,#f5f6fa 0%,white 100%);padding:5rem 2rem;position:relative}
.approche-pratique-container{max-width:1100px;margin:0 auto}
.approche-titre-central{text-align:center;margin-bottom:4rem}
.approche-titre-central h2{font-size:2.5rem;color:#212529;margin-bottom:1rem;font-weight:700}
.approche-titre-central p{color:#495057;font-size:1.15rem;max-width:700px;margin:0 auto;line-height:1.7}
.approche-grille-scenarios{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-bottom:3rem}
.scenario-carte{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #647e7a1a;border-left:4px solid #647E7A;transition:transform .3s ease,box-shadow .3s ease}
.scenario-carte:hover{transform:translateY(-5px);box-shadow:0 8px 30px #647e7a2e}
.scenario-carte h3{color:#647E7A;font-size:1.4rem;margin-bottom:1rem;font-weight:600}
.scenario-carte p{color:#343a40;font-size:1rem;line-height:1.7;margin:0}
.approche-citation-bloc{background:#647E7A;color:#fff;padding:2.5rem;border-radius:12px;text-align:center;margin-top:3rem}
.approche-citation-bloc blockquote{font-size:1.3rem;line-height:1.8;margin:0;font-style:italic;font-weight:500}
.parcours-zigzag-section{padding:5rem 2rem;background:#fff}
.parcours-zigzag-container{max-width:1200px;margin:0 auto}
.parcours-titre-intro{margin-bottom:4rem}
.parcours-titre-intro h2{font-size:2.3rem;color:#212529;margin-bottom:1.2rem;font-weight:700}
.parcours-titre-intro p{color:#495057;font-size:1.1rem;line-height:1.7;max-width:850px}
.parcours-etape-ligne{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem;align-items:center}
.parcours-etape-ligne:nth-child(even){direction:rtl}
.parcours-etape-ligne:nth-child(even) > *{direction:ltr}
.parcours-etape-visuel{position:relative}
.parcours-etape-visuel img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 6px 25px #647e7a26}
.parcours-numero-badge{position:absolute;top:-15px;left:-15px;width:70px;height:70px;background:linear-gradient(135deg,#647E7A 0%,#8A9491 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;box-shadow:0 4px 20px #647e7a4d;z-index:10}
.parcours-etape-texte h3{font-size:1.8rem;color:#212529;margin-bottom:1rem;font-weight:600}
.parcours-etape-texte p{color:#343a40;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}
.parcours-liste-details{list-style:none;padding:0;margin:0}
.parcours-liste-details li{color:#495057;font-size:.98rem;line-height:1.6;padding:.6rem 0;padding-left:1.8rem;position:relative}
.parcours-liste-details li::before{content:'';position:absolute;left:0;color:#647E7A;font-weight:700}
.engagement-overlay-section{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:5rem 2rem;position:relative;overflow:hidden}
.engagement-overlay-section::after{content:'';position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,#b9c2c01a 0%,transparent 70%);border-radius:50%}
.engagement-wrapper{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.engagement-titre-section{text-align:center;margin-bottom:3.5rem}
.engagement-titre-section h2{font-size:2.4rem;color:#212529;margin-bottom:1rem;font-weight:700}
.engagement-titre-section p{color:#495057;font-size:1.15rem;line-height:1.7}
.engagement-grille-valeurs{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}
.valeur-bloc{background:#fff;padding:2.5rem 2rem;border-radius:12px;box-shadow:0 4px 20px #647e7a1f;text-align:center;transition:transform .3s ease;position:relative}
.valeur-bloc:hover{transform:translateY(-8px)}
.valeur-icone{width:60px;height:60px;background:linear-gradient(135deg,#647E7A 0%,#8A9491 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.8rem;color:#fff}
.valeur-bloc h3{color:#212529;font-size:1.3rem;margin-bottom:.8rem;font-weight:600}
.valeur-bloc p{color:#495057;font-size:.98rem;line-height:1.6;margin:0}
.engagement-cta-zone{background:#647E7A;padding:3rem;border-radius:12px;text-align:center;box-shadow:0 8px 30px #647e7a33}
.engagement-cta-zone h3{color:#fff;font-size:1.8rem;margin-bottom:1rem;font-weight:600}
.engagement-cta-zone p{color:#fffffff2;font-size:1.1rem;line-height:1.7;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}
.engagement-bouton-action{display:inline-block;background:#fff;color:#647E7A;padding:1rem 2.5rem;border-radius:8px;font-weight:600;font-size:1.05rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #0000001a}
.engagement-bouton-action:hover{transform:translateY(-3px);box-shadow:0 6px 25px #00000026;color:#647E7A}
@media (max-width: 768px) {
.pedagogie-hero-section{padding:3rem 1.5rem 2.5rem}
.pedagogie-hero-content h1{font-size:2rem}
.pedagogie-hero-intro{font-size:1.1rem}
.pedagogie-hero-highlight{padding:1.5rem}
.methodes-asymetrique-wrapper{grid-template-columns:1fr;gap:2.5rem}
.methodes-image-zone img{height:350px}
.methodes-contenu-zone h2{font-size:1.8rem}
.approche-grille-scenarios{grid-template-columns:1fr;gap:1.5rem}
.parcours-etape-ligne{grid-template-columns:1fr;gap:2rem}
.parcours-etape-ligne:nth-child(even){direction:ltr}
.parcours-etape-visuel img{height:300px}
.engagement-grille-valeurs{grid-template-columns:1fr;gap:1.5rem}
.engagement-cta-zone{padding:2rem 1.5rem}
.approche-titre-central h2{font-size:2rem}
.parcours-titre-intro h2{font-size:1.9rem}
.engagement-titre-section h2{font-size:2rem}
}
.cookie-main-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh;padding:0;margin:0}
.cookie-intro-block{background:linear-gradient(to right,#fff,#fafbfc);padding:5rem 2rem 4rem;position:relative;overflow:hidden}
.cookie-intro-block::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(135deg,#647e7a0d,transparent);transform:skewX(-15deg);transform-origin:top}
.cookie-intro-container{max-width:920px;margin:0 auto;position:relative;z-index:2}
.cookie-page-title{font-size:2.8rem;color:#212529;margin-bottom:1.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.2}
.cookie-intro-text{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:0}
.cookie-chronicle-section{padding:4rem 2rem;background:#fff}
.cookie-chronicle-container{max-width:880px;margin:0 auto}
.cookie-narrative-block{margin-bottom:3.5rem;position:relative;padding-left:2.5rem}
.cookie-narrative-block::before{content:'';position:absolute;left:0;top:.5rem;width:4px;height:calc(100% - 1rem);background:linear-gradient(to bottom,#647E7A,#B9C2C0);border-radius:2px}
.cookie-section-heading{font-size:1.8rem;color:#343a40;margin-bottom:1.2rem;font-weight:600;line-height:1.3}
.cookie-narrative-text{font-size:1.05rem;color:#495057;line-height:1.75;margin-bottom:1.2rem}
.cookie-narrative-text:last-child{margin-bottom:0}
.cookie-mosaic-wrapper{padding:4rem 2rem;background:linear-gradient(to bottom,#f8f9fa,#fff)}
.cookie-mosaic-container{max-width:900px;margin:0 auto}
.cookie-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}
.cookie-tech-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:2rem;position:relative;transition:all .3s ease}
.cookie-tech-card:hover{box-shadow:0 8px 24px #647e7a26;transform:translateY(-4px);border-color:#B9C2C0}
.cookie-tech-card-title{font-size:1.3rem;color:#647E7A;margin-bottom:.9rem;font-weight:600}
.cookie-tech-card-desc{font-size:1rem;color:#495057;line-height:1.6;margin-bottom:0}
.cookie-reflection-zone{padding:4rem 2rem;background:#fff}
.cookie-reflection-container{max-width:850px;margin:0 auto}
.cookie-deep-thought{background:linear-gradient(135deg,#fafbfc,#f5f6fa);padding:2.5rem;border-left:5px solid #647E7A;margin-bottom:2.5rem;border-radius:0 6px 6px 0}
.cookie-thought-title{font-size:1.5rem;color:#343a40;margin-bottom:1rem;font-weight:600}
.cookie-thought-content{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:0}
.cookie-mechanism-display{padding:4rem 2rem 3rem;background:linear-gradient(to right,#f8f9fa,#fafbfc)}
.cookie-mechanism-container{max-width:920px;margin:0 auto}
.cookie-process-item{display:flex;gap:1.5rem;margin-bottom:2.5rem;align-items:flex-start}
.cookie-process-marker{min-width:50px;height:50px;background:linear-gradient(135deg,#647E7A,#8A9491);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;font-weight:700;flex-shrink:0;margin-top:.3rem}
.cookie-process-content{flex:1}
.cookie-process-label{font-size:1.4rem;color:#343a40;margin-bottom:.8rem;font-weight:600;line-height:1.3}
.cookie-process-detail{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:0}
.cookie-governance-panel{padding:4rem 2rem;background:#fff}
.cookie-governance-container{max-width:880px;margin:0 auto}
.cookie-control-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}
.cookie-control-tile{background:linear-gradient(to bottom right,#fafbfc,#f8f9fa);padding:2rem;border-radius:6px;border:1px solid #e9ecef;transition:all .3s ease}
.cookie-control-tile:hover{border-color:#8A9491;background:#fff;box-shadow:0 4px 16px #8a94911f}
.cookie-control-title{font-size:1.2rem;color:#647E7A;margin-bottom:.8rem;font-weight:600}
.cookie-control-info{font-size:1rem;color:#495057;line-height:1.65;margin-bottom:0}
.cookie-interpretation-space{padding:4rem 2rem;background:linear-gradient(135deg,#f5f6fa 0%,#fafbfc 100%)}
.cookie-interpretation-container{max-width:900px;margin:0 auto}
.cookie-layered-insight{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000000d;margin-bottom:2rem}
.cookie-insight-header{background:linear-gradient(to right,#647E7A,#8A9491);padding:1.5rem 2rem}
.cookie-insight-heading{font-size:1.4rem;color:#fff;margin-bottom:0;font-weight:600}
.cookie-insight-body{padding:2rem}
.cookie-insight-paragraph{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:1.2rem}
.cookie-insight-paragraph:last-child{margin-bottom:0}
.cookie-contact-emergence{padding:4rem 2rem 5rem;background:#fff;position:relative}
.cookie-contact-emergence::before{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to right,#647E7A,#8A9491,#B9C2C0)}
.cookie-contact-container{max-width:760px;margin:0 auto;text-align:center}
.cookie-contact-prompt{font-size:1.15rem;color:#343a40;line-height:1.7;margin-bottom:2rem}
.cookie-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2.5rem}
.cookie-contact-method{background:linear-gradient(to bottom,#fafbfc,#f8f9fa);padding:1.8rem;border-radius:6px;border:1px solid #e9ecef;transition:all .3s ease}
.cookie-contact-method:hover{background:#fff;border-color:#647E7A;transform:translateY(-2px);box-shadow:0 6px 20px #647e7a1f}
.cookie-contact-label{font-size:.95rem;color:#647E7A;margin-bottom:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.cookie-contact-detail{font-size:1.1rem;color:#343a40;margin-bottom:0;font-weight:500}
@media (max-width: 768px) {
.cookie-intro-block{padding:3rem 1.5rem 2.5rem}
.cookie-page-title{font-size:2rem}
.cookie-intro-text{font-size:1.05rem}
.cookie-narrative-block{padding-left:1.5rem;margin-bottom:2.5rem}
.cookie-section-heading{font-size:1.5rem}
.cookie-tech-grid{grid-template-columns:1fr;gap:1.5rem}
.cookie-control-matrix{grid-template-columns:1fr;gap:1rem}
.cookie-process-item{flex-direction:column;gap:1rem}
.cookie-process-marker{margin-top:0}
.cookie-contact-grid{grid-template-columns:1fr;gap:1rem}
.cookie-chronicle-section,.cookie-mosaic-wrapper,.cookie-reflection-zone,.cookie-mechanism-display,.cookie-governance-panel,.cookie-interpretation-space,.cookie-contact-emergence{padding:3rem 1.5rem}
}
@media (max-width: 480px) {
.cookie-intro-block{padding:2.5rem 1rem 2rem}
.cookie-page-title{font-size:1.7rem}
.cookie-deep-thought{padding:1.8rem}
.cookie-tech-card,.cookie-control-tile{padding:1.5rem}
}
.privacy-wrapper-2025{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh;padding:0;margin:0}
.privacy-hero-block{background:linear-gradient(165deg,#647E7A 0%,#8A9491 100%);padding:4.5rem 1.5rem 3rem;margin-bottom:0;position:relative;overflow:hidden}
.privacy-hero-block::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:#b9c2c026;transform:rotate(15deg);border-radius:40% 60%}
.privacy-hero-content{max-width:920px;margin:0 auto;position:relative;z-index:2}
.privacy-main-title{font-size:2.8rem;font-weight:700;color:#fff;margin:0 0 1.2rem;line-height:1.15;letter-spacing:-.02em}
.privacy-intro-text{font-size:1.15rem;color:#f8f9fa;line-height:1.6;margin:0;max-width:680px}
.privacy-document-container{max-width:880px;margin:0 auto;padding:3.5rem 1.5rem 5rem;background:#fff;position:relative}
.privacy-meta-bar{display:flex;flex-wrap:wrap;gap:2rem;padding:1.5rem 0;border-bottom:2px solid #f5f6fa;margin-bottom:3rem}
.privacy-meta-item{display:flex;flex-direction:column;gap:.3rem}
.privacy-meta-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#8A9491;font-weight:600}
.privacy-meta-value{font-size:1rem;color:#343a40;font-weight:500}
.privacy-section-block{margin-bottom:3.5rem}
.privacy-section-block:last-child{margin-bottom:0}
.privacy-heading-primary{font-size:1.9rem;font-weight:700;color:#647E7A;margin:0 0 1.5rem;line-height:1.3;position:relative;padding-left:1rem;border-left:4px solid #B9C2C0}
.privacy-heading-secondary{font-size:1.4rem;font-weight:600;color:#495057;margin:2.5rem 0 1.2rem;line-height:1.35}
.privacy-text-paragraph{font-size:1.05rem;line-height:1.75;color:#343a40;margin:0 0 1.3rem}
.privacy-text-paragraph:last-child{margin-bottom:0}
.privacy-emphasis-box{background:linear-gradient(135deg,#f8f9fa 0%,#fafbfc 100%);border-left:5px solid #647E7A;padding:1.8rem 2rem;margin:2rem 0;border-radius:0 8px 8px 0}
.privacy-emphasis-box .privacy-text-paragraph{margin-bottom:0;color:#495057}
.privacy-list-styled{list-style:none;padding:0;margin:1.5rem 0}
.privacy-list-styled li{padding-left:2rem;margin-bottom:1rem;position:relative;font-size:1.05rem;line-height:1.7;color:#343a40}
.privacy-list-styled li::before{content:'';position:absolute;left:0;top:.6rem;width:8px;height:8px;background:#8A9491;border-radius:50%}
.privacy-nested-list{list-style:none;padding-left:1.5rem;margin-top:.8rem}
.privacy-nested-list li{padding-left:1.5rem;margin-bottom:.7rem;font-size:1rem}
.privacy-nested-list li::before{width:6px;height:6px;background:#B9C2C0;top:.55rem}
.privacy-table-wrapper{overflow-x:auto;margin:2rem 0;border-radius:8px;box-shadow:0 2px 8px #647e7a14}
.privacy-data-table{width:100%;border-collapse:collapse;background:#fff}
.privacy-data-table thead{background:#647E7A}
.privacy-data-table th{padding:1.2rem 1.5rem;text-align:left;font-size:.95rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em;border-bottom:3px solid #8A9491}
.privacy-data-table td{padding:1.2rem 1.5rem;font-size:1rem;line-height:1.6;color:#343a40;border-bottom:1px solid #f5f6fa}
.privacy-data-table tbody tr:hover{background:#fafbfc}
.privacy-data-table tbody tr:last-child td{border-bottom:none}
.privacy-contact-segment{background:linear-gradient(165deg,#f8f9fa 0%,#fff 100%);border:2px solid #B9C2C0;border-radius:12px;padding:2.5rem;margin-top:4rem}
.privacy-contact-title{font-size:1.6rem;font-weight:700;color:#647E7A;margin:0 0 1.5rem}
.privacy-contact-details{display:flex;flex-direction:column;gap:1rem}
.privacy-contact-line{display:flex;align-items:baseline;gap:.8rem;font-size:1.05rem;line-height:1.6;color:#495057}
.privacy-contact-label{font-weight:600;color:#647E7A;min-width:120px}
.privacy-contact-value{color:#343a40}
.privacy-contact-value a{color:#647E7A;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}
.privacy-contact-value a:hover{border-bottom-color:#647E7A}
.privacy-divider-line{height:2px;background:linear-gradient(90deg,transparent 0%,#B9C2C0 50%,transparent 100%);margin:3rem 0;border:none}
@media (max-width: 768px) {
.privacy-hero-block{padding:3rem 1.2rem 2rem}
.privacy-main-title{font-size:2rem}
.privacy-intro-text{font-size:1.05rem}
.privacy-document-container{padding:2.5rem 1.2rem 3.5rem}
.privacy-meta-bar{flex-direction:column;gap:1rem}
.privacy-heading-primary{font-size:1.6rem;padding-left:.8rem}
.privacy-heading-secondary{font-size:1.25rem}
.privacy-text-paragraph{font-size:1rem}
.privacy-emphasis-box{padding:1.5rem 1.2rem}
.privacy-contact-segment{padding:2rem 1.5rem}
.privacy-contact-line{flex-direction:column;gap:.3rem}
.privacy-contact-label{min-width:auto}
.privacy-data-table th,.privacy-data-table td{padding:1rem;font-size:.9rem}
}
.confirmation-wrapper{min-height:100vh;background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 50%,#fff 100%);padding:0;position:relative;overflow:hidden}
.confirmation-wrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:70%;height:140%;background:radial-gradient(circle,#647e7a14 0%,transparent 70%);pointer-events:none;z-index:1}
.confirmation-wrapper::after{content:'';position:absolute;bottom:-30%;left:-15%;width:60%;height:100%;background:radial-gradient(circle,#8a94910f 0%,transparent 65%);pointer-events:none;z-index:1}
.confirmation-content-container{max-width:680px;margin:0 auto;padding:80px 24px;position:relative;z-index:2}
.confirmation-visual-mark{width:92px;height:92px;margin:0 auto 36px;border-radius:50%;background:linear-gradient(135deg,#647E7A 0%,#8A9491 100%);display:flex;align-items:center;justify-content:center;position:relative;animation:pulse-soft 2s ease-in-out infinite;box-shadow:0 12px 40px #647e7a38}
@keyframes pulse-soft {
0%,100%{transform:scale(1);box-shadow:0 12px 40px #647e7a38}
50%{transform:scale(1.05);box-shadow:0 16px 48px #647e7a47}
}
.confirmation-visual-mark::before{content:'';width:38px;height:20px;border-left:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(-45deg) translate(2px,-4px);display:block}
.confirmation-visual-mark::after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;border:2px solid #647e7a33;animation:ripple-effect 2s ease-out infinite}
@keyframes ripple-effect {
0%{transform:scale(1);opacity:.6}
100%{transform:scale(1.3);opacity:0}
}
.confirmation-main-heading{font-size:42px;font-weight:700;color:#212529;text-align:center;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}
.confirmation-subtext{font-size:19px;color:#495057;text-align:center;line-height:1.6;margin:0 0 48px;max-width:520px;margin-left:auto;margin-right:auto}
.confirmation-status-panel{background:#fff;border-radius:16px;padding:36px 32px;margin:0 0 40px;box-shadow:0 4px 24px #647e7a1f;border:1px solid #b9c2c04d}
.confirmation-timeline-item{display:flex;align-items:flex-start;margin:0 0 28px;position:relative}
.confirmation-timeline-item:last-child{margin-bottom:0}
.confirmation-timeline-item:not(:last-child)::after{content:'';position:absolute;left:19px;top:44px;width:2px;height:calc(100% + 4px);background:linear-gradient(180deg,#B9C2C0 0%,#b9c2c04d 100%)}
.confirmation-timeline-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#647E7A 0%,#8A9491 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 20px 0 0;position:relative;z-index:2}
.confirmation-timeline-icon svg{width:20px;height:20px;fill:#fff}
.confirmation-timeline-text{flex:1;padding:6px 0 0}
.confirmation-timeline-text strong{display:block;font-size:17px;font-weight:600;color:#212529;margin:0 0 6px;line-height:1.3}
.confirmation-timeline-text p{font-size:15px;color:#495057;line-height:1.5;margin:0}
.confirmation-info-card{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-left:4px solid #647E7A;padding:24px 28px;margin:0 0 40px;border-radius:8px}
.confirmation-info-card p{font-size:15px;color:#343a40;line-height:1.7;margin:0 0 12px}
.confirmation-info-card p:last-child{margin-bottom:0}
.confirmation-info-card strong{color:#212529;font-weight:600}
.confirmation-contact-details{background:#fff;border-radius:12px;padding:28px 32px;margin:0 0 40px;border:2px solid #B9C2C0}
.confirmation-contact-details h3{font-size:20px;font-weight:600;color:#212529;margin:0 0 20px;text-align:center}
.confirmation-contact-item{display:flex;align-items:center;margin:0 0 16px;font-size:15px;color:#495057}
.confirmation-contact-item:last-child{margin-bottom:0}
.confirmation-contact-item svg{width:22px;height:22px;fill:#647E7A;margin:0 12px 0 0;flex-shrink:0}
.confirmation-contact-item a{color:#647E7A;text-decoration:none;transition:color .3s ease}
.confirmation-contact-item a:hover{color:#8A9491;text-decoration:underline}
.confirmation-actions-group{display:flex;flex-direction:column;gap:16px;margin:0 0 48px}
.confirmation-primary-button{display:inline-block;padding:16px 32px;background:linear-gradient(135deg,#647E7A 0%,#8A9491 100%);color:#fff;font-size:17px;font-weight:600;text-align:center;text-decoration:none;border-radius:10px;transition:all .3s ease;box-shadow:0 6px 20px #647e7a40;border:none;cursor:pointer;position:relative;z-index:10}
.confirmation-primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #647e7a59;background:linear-gradient(135deg,#5a716d 0%,#7d8985 100%)}
.confirmation-secondary-button{display:inline-block;padding:16px 32px;background:#fff;color:#647E7A;font-size:17px;font-weight:600;text-align:center;text-decoration:none;border-radius:10px;border:2px solid #647E7A;transition:all .3s ease;cursor:pointer;position:relative;z-index:10}
.confirmation-secondary-button:hover{background:#647E7A;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #647e7a33}
.confirmation-footer-note{text-align:center;font-size:14px;color:#6c757d;line-height:1.6;padding:24px 0 0;border-top:1px solid #b9c2c04d}
.confirmation-footer-note p{margin:0 0 8px}
.confirmation-footer-note p:last-child{margin-bottom:0}
@media (max-width: 768px) {
.confirmation-content-container{padding:60px 20px}
.confirmation-main-heading{font-size:32px}
.confirmation-subtext{font-size:17px}
.confirmation-status-panel{padding:28px 24px}
.confirmation-timeline-icon{width:36px;height:36px;margin-right:16px}
.confirmation-timeline-item:not(:last-child)::after{left:17px}
.confirmation-contact-details{padding:24px 20px}
.confirmation-actions-group{gap:12px}
}
@media (max-width: 480px) {
.confirmation-main-heading{font-size:28px}
.confirmation-visual-mark{width:80px;height:80px;margin-bottom:28px}
.confirmation-visual-mark::before{width:32px;height:16px;border-left-width:3px;border-bottom-width:3px}
.confirmation-timeline-text strong{font-size:16px}
.confirmation-timeline-text p{font-size:14px}
}