*{margin:0;padding:0;box-sizing:border-box}
:root{--primary-hue:#5776B1;--secondary-hue:#8588C3;--tertiary-hue:#C3CED7;--text-dark:#1a1f2e;--text-mid:#4a5568;--text-light:#718096;--bg-white:#fff;--bg-light:#f8f9fc;--bg-cream:#fafbfd;--shadow-soft:0 2px 8px #5776b114;--shadow-mid:0 4px 16px #5776b11f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}
body{background:linear-gradient(135deg,#fafbfd 0%,#f8f9fc 100%);color:var(--text-dark);min-height:100vh;display:flex;flex-direction:column;font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
header{background:var(--bg-white);position:relative;z-index:100}
.header_top_87k{background:linear-gradient(135deg,var(--primary-hue),var(--secondary-hue));padding:12px 0;color:var(--bg-white)}
.header_top_87k .container_wrap_t4x{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.company_title_9vn{font-size:17px;font-weight:600;letter-spacing:.3px}
.hours_info_2jq{font-size:14px;opacity:.95;font-weight:400}
.header_mid_6rz{padding:14px 0;background:color-mix(in srgb,var(--tertiary-hue) 15%,white)}
.header_mid_6rz .container_wrap_t4x{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}
.email_contact_5wd a{color:var(--primary-hue);text-decoration:none;font-size:15px;font-weight:500;transition:color .25s ease}
.email_contact_5wd a:hover{color:var(--secondary-hue)}
.email_contact_5wd a:focus{outline:2px solid var(--primary-hue);outline-offset:3px;border-radius:3px}
.hours_display_8pk{font-size:14px;color:var(--text-mid)}
.header_bottom_3lm{padding:22px 0;box-shadow:var(--shadow-soft);background:var(--bg-white)}
.header_bottom_3lm .container_wrap_t4x{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;justify-content:center;align-items:center;gap:32px;position:relative}
.brand_central_4hx{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:5}
.logo_wrap_9dm img{height:110px;width:110px;display:block;object-fit:contain}
.brand_name_7tc{font-size:16px;font-weight:600;color:var(--primary-hue);letter-spacing:.5px}
.nav_satellites_1ry{display:flex;gap:28px;align-items:center;justify-content:center;flex-wrap:wrap;position:relative;z-index:10;padding:0 180px}
.nav_satellites_1ry a{color:var(--text-dark);text-decoration:none;font-size:15px;font-weight:500;padding:8px 16px;border-radius:var(--radius-sm);transition:background-color .25s ease,color .25s ease;white-space:nowrap}
.nav_satellites_1ry a:hover{background-color:color-mix(in srgb,var(--tertiary-hue) 25%,white);color:var(--primary-hue)}
.nav_satellites_1ry a:focus{outline:3px solid var(--primary-hue);outline-offset:2px}
main{flex:1}
footer{background:linear-gradient(135deg,var(--primary-hue) 0%,var(--secondary-hue) 100%);color:var(--bg-white);padding:48px 0 28px;margin-top:60px}
.footer_container_6mp{max-width:1240px;margin:0 auto;padding:0 24px}
.footer_grid_8wq{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;margin-bottom:36px}
.footer_section_5rt h3{font-size:18px;font-weight:600;margin-bottom:16px;letter-spacing:.3px}
.footer_section_5rt p,.footer_section_5rt a{font-size:15px;line-height:1.8;opacity:.93}
.footer_section_5rt a{color:var(--bg-white);text-decoration:none;display:block;margin-bottom:10px;transition:opacity .25s ease}
.footer_section_5rt a:hover{opacity:1}
.footer_section_5rt a:focus{outline:2px solid var(--bg-white);outline-offset:3px;border-radius:3px}
.footer_bottom_2vc{border-top:1px solid #fff3;padding-top:24px;text-align:center;font-size:14px;opacity:.88}
.consent_layer_9xf{position:fixed;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--bg-white) 97%,var(--tertiary-hue));box-shadow:0 -4px 24px #5776b12e;padding:28px;z-index:9999;border-top:3px solid var(--primary-hue);display:none;animation:slideUpEntry .4s ease-out}
@keyframes slideUpEntry {
from{transform:translateY(100%);opacity:0}
to{transform:translateY(0);opacity:1}
}
.consent_layer_9xf.visible_state_7km{display:block}
.consent_inner_4qw{max-width:1100px;margin:0 auto;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.consent_text_3dp{flex:1;min-width:280px}
.consent_text_3dp h4{font-size:17px;font-weight:600;color:var(--text-dark);margin-bottom:8px}
.consent_text_3dp p{font-size:14px;color:var(--text-mid);line-height:1.6}
.consent_actions_8hn{display:flex;gap:14px;flex-wrap:wrap}
.consent_btn_2vx{padding:11px 24px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .25s ease,background-color .25s ease;font-family:inherit;white-space:nowrap}
.consent_btn_2vx:focus{outline:3px solid var(--primary-hue);outline-offset:2px}
.btn_accept_all_6kt{background:linear-gradient(135deg,var(--primary-hue),var(--secondary-hue));color:var(--bg-white)}
.btn_accept_all_6kt:hover{opacity:.9}
.btn_reject_all_9mw{background:var(--tertiary-hue);color:var(--text-dark)}
.btn_reject_all_9mw:hover{background:color-mix(in srgb,var(--tertiary-hue) 85%,black)}
@media (max-width: 968px) {
.header_top_87k .container_wrap_t4x{justify-content:center;text-align:center}
.header_mid_6rz .container_wrap_t4x{justify-content:center;text-align:center}
.header_bottom_3lm .container_wrap_t4x{flex-direction:column;gap:20px}
.brand_central_4hx{position:static;transform:none}
.nav_satellites_1ry{padding:0;flex-direction:column;gap:12px}
.nav_satellites_1ry a{width:100%;text-align:center}
.footer_grid_8wq{grid-template-columns:1fr;gap:32px}
.consent_inner_4qw{flex-direction:column;align-items:stretch}
.consent_actions_8hn{flex-direction:column}
.consent_btn_2vx{width:100%}
}
@media (max-width: 640px) {
.header_top_87k{padding:10px 0}
.company_title_9vn{font-size:15px}
.hours_info_2jq{font-size:13px}
.logo_wrap_9dm img{height:85px;width:85px}
.brand_name_7tc{font-size:14px}
.nav_satellites_1ry a{font-size:14px}
.consent_layer_9xf{padding:20px}
.consent_text_3dp h4{font-size:16px}
.consent_text_3dp p{font-size:13px}
}
.cours-prochains-hero{background:linear-gradient(135deg,#f8f9fa 0%,#fff 50%,#fafbfc 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.cours-prochains-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:linear-gradient(135deg,#5776b114 0%,#8588c30d 100%);border-radius:50%;z-index:1}
.cours-prochains-hero .hero-contenu-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.cours-prochains-hero .titre-principal-hero{font-size:3rem;font-weight:700;color:#212529;margin-bottom:20px;line-height:1.2}
.cours-prochains-hero .sous-titre-hero{font-size:1.25rem;color:#495057;margin-bottom:15px;line-height:1.6}
.cours-prochains-hero .texte-intro-hero{font-size:1.05rem;color:#495057;line-height:1.8;max-width:750px}
.liste-cours-section{background:#fff;padding:70px 20px;position:relative}
.liste-cours-section .conteneur-cours{max-width:1200px;margin:0 auto}
.liste-cours-section .carte-cours-individuelle{display:grid;grid-template-columns:280px 1fr;gap:35px;background:#f8f9fa;border-radius:12px;padding:35px;margin-bottom:30px;border-left:4px solid #5776B1;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}
.liste-cours-section .carte-cours-individuelle:hover{box-shadow:0 6px 20px #5776b126;transform:translateY(-3px)}
.liste-cours-section .image-cours-wrapper{position:relative;width:100%;height:100%;min-height:220px}
.liste-cours-section .image-cours-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.liste-cours-section .contenu-cours-texte{display:flex;flex-direction:column;justify-content:space-between}
.liste-cours-section .date-badge-cours{display:inline-block;background:#5776B1;color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:12px;width:fit-content}
.liste-cours-section .titre-cours-carte{font-size:1.75rem;font-weight:700;color:#212529;margin-bottom:12px;line-height:1.3}
.liste-cours-section .description-cours-texte{font-size:1rem;color:#495057;line-height:1.7;margin-bottom:18px}
.liste-cours-section .details-cours-liste{list-style:none;padding:0;margin:20px 0}
.liste-cours-section .details-cours-liste li{font-size:.95rem;color:#343a40;padding:8px 0;padding-left:28px;position:relative;line-height:1.6}
.liste-cours-section .details-cours-liste li::before{content:'→';position:absolute;left:0;top:8px;color:#5776B1;font-weight:700;font-size:1.1rem}
.formateurs-temoignages-section{background:linear-gradient(180deg,#fafbfc 0%,#f8f9fa 100%);padding:70px 20px;position:relative}
.formateurs-temoignages-section .conteneur-mixte{max-width:1200px;margin:0 auto}
.formateurs-temoignages-section .titre-section-formateurs{font-size:2.5rem;font-weight:700;color:#212529;text-align:center;margin-bottom:50px;position:relative;padding-bottom:20px}
.formateurs-temoignages-section .titre-section-formateurs::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#5776B1 0%,#8588C3 100%);border-radius:2px}
.formateurs-temoignages-section .grille-formateurs{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px}
.formateurs-temoignages-section .carte-formateur{background:#fff;border-radius:12px;padding:30px;text-align:center;box-shadow:0 3px 12px #00000014;transition:all .3s ease}
.formateurs-temoignages-section .carte-formateur:hover{box-shadow:0 8px 24px #5776b133;transform:translateY(-5px)}
.formateurs-temoignages-section .image-formateur-wrapper{width:140px;height:140px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:4px solid #C3CED7;position:relative}
.formateurs-temoignages-section .image-formateur-wrapper img{width:100%;height:100%;object-fit:cover}
.formateurs-temoignages-section .nom-formateur{font-size:1.35rem;font-weight:700;color:#212529;margin-bottom:8px}
.formateurs-temoignages-section .specialite-formateur{font-size:.95rem;color:#5776B1;font-weight:600;margin-bottom:15px}
.formateurs-temoignages-section .bio-formateur{font-size:.95rem;color:#495057;line-height:1.7}
.formateurs-temoignages-section .section-temoignage-unique{background:#fff;border-radius:12px;padding:40px;box-shadow:0 3px 12px #00000014;border-top:5px solid #8588C3;max-width:900px;margin:0 auto}
.formateurs-temoignages-section .temoignage-texte{font-size:1.15rem;color:#343a40;line-height:1.8;font-style:italic;margin-bottom:25px;position:relative;padding-left:30px}
.formateurs-temoignages-section .temoignage-texte::before{content:'"';position:absolute;left:0;top:-10px;color:#C3CED7;font:3rem/1 Georgia,serif}
.formateurs-temoignages-section .temoignage-auteur{font-size:1.05rem;font-weight:600;color:#212529;margin-bottom:5px}
.formateurs-temoignages-section .temoignage-cours{font-size:.9rem;color:#5776B1}
@media (max-width: 992px) {
.cours-prochains-hero .titre-principal-hero{font-size:2.3rem}
.liste-cours-section .carte-cours-individuelle{grid-template-columns:1fr;gap:25px}
.liste-cours-section .image-cours-wrapper{min-height:250px}
.formateurs-temoignages-section .grille-formateurs{grid-template-columns:1fr;gap:25px}
}
@media (max-width: 768px) {
.cours-prochains-hero{padding:60px 20px 40px}
.cours-prochains-hero .titre-principal-hero{font-size:1.95rem}
.cours-prochains-hero .sous-titre-hero{font-size:1.1rem}
.liste-cours-section{padding:50px 15px}
.liste-cours-section .carte-cours-individuelle{padding:25px}
.liste-cours-section .titre-cours-carte{font-size:1.5rem}
.formateurs-temoignages-section{padding:50px 15px}
.formateurs-temoignages-section .titre-section-formateurs{font-size:2rem}
.formateurs-temoignages-section .section-temoignage-unique{padding:30px 25px}
}
.tarification-hero{background:linear-gradient(135deg,#f8f9fa 0%,#fafbfc 100%);padding:5rem 2rem 4rem;position:relative;overflow:hidden}
.tarification-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:linear-gradient(45deg,#5776b114,#8588c30d);transform:rotate(-15deg);z-index:0}
.tarification-hero .hero-content-wrapper{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.tarification-hero .hero-title-main{font-size:3.2rem;color:#212529;font-weight:700;margin-bottom:1.5rem;line-height:1.2}
.tarification-hero .hero-subtitle-text{font-size:1.3rem;color:#495057;line-height:1.7;max-width:700px;margin-bottom:2rem}
.tarification-hero .hero-intro-paragraph{font-size:1.05rem;color:#5a6169;line-height:1.8;max-width:800px}
.consultation-section{padding:4rem 2rem;background:#fff}
.consultation-section .consultation-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.consultation-section .image-showcase-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #5776b126}
.consultation-section .image-showcase-wrapper img{width:100%;height:500px;object-fit:cover;display:block}
.consultation-section .content-details-area{padding:2rem 0}
.consultation-section .section-label-tag{display:inline-block;background:linear-gradient(135deg,#5776B1,#8588C3);color:#fff;padding:.5rem 1.2rem;border-radius:30px;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.5px}
.consultation-section .content-heading-main{font-size:2.5rem;color:#212529;font-weight:700;margin-bottom:1.5rem;line-height:1.3}
.consultation-section .description-text-block{font-size:1.05rem;color:#495057;line-height:1.8;margin-bottom:2rem}
.consultation-section .features-list-compact{list-style:none;padding:0;margin:0 0 2rem}
.consultation-section .features-list-compact li{padding:.8rem 0;color:#343a40;font-size:1rem;display:flex;align-items:start;border-bottom:1px solid #e9ecef}
.consultation-section .features-list-compact li:last-child{border-bottom:none}
.consultation-section .features-list-compact li::before{content:'→';color:#5776B1;font-weight:700;margin-right:.8rem;flex-shrink:0}
.consultation-section .cta-button-primary{display:inline-block;background:linear-gradient(135deg,#5776B1,#8588C3);color:#fff;padding:1rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 4px 15px #5776b14d;position:relative;z-index:10}
.consultation-section .cta-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #5776b166}
.testimonials-section{background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%);padding:5rem 2rem;position:relative}
.testimonials-section::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#C3CED7,transparent)}
.testimonials-section .testimonials-container{max-width:1200px;margin:0 auto}
.testimonials-section .section-header-center{text-align:center;margin-bottom:3.5rem}
.testimonials-section .section-title-large{font-size:2.8rem;color:#212529;font-weight:700;margin-bottom:1rem}
.testimonials-section .section-subtitle-muted{font-size:1.15rem;color:#6c757d;max-width:600px;margin:0 auto;line-height:1.6}
.testimonials-section .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.testimonials-section .testimonial-card-item{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #00000014;transition:all .3s ease;border:2px solid transparent}
.testimonials-section .testimonial-card-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #5776b126;border-color:#C3CED7}
.testimonials-section .author-info-wrapper{display:flex;align-items:center;margin-bottom:1.5rem;gap:1rem}
.testimonials-section .author-photo-circle{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid #C3CED7}
.testimonials-section .author-photo-circle img{width:100%;height:100%;object-fit:cover}
.testimonials-section .author-details-text{flex-grow:1}
.testimonials-section .author-name-strong{font-size:1.1rem;color:#212529;font-weight:700;display:block;margin-bottom:.2rem}
.testimonials-section .author-role-muted{font-size:.9rem;color:#6c757d;display:block}
.testimonials-section .testimonial-quote-text{font-size:1rem;color:#495057;line-height:1.7;font-style:italic}
.approach-methodology-section{padding:5rem 2rem;background:#fff;position:relative}
.approach-methodology-section .methodology-wrapper{max-width:1400px;margin:0 auto}
.approach-methodology-section .intro-header-block{text-align:center;margin-bottom:4rem}
.approach-methodology-section .intro-title-emphasis{font-size:2.6rem;color:#212529;font-weight:700;margin-bottom:1rem}
.approach-methodology-section .intro-description-para{font-size:1.1rem;color:#6c757d;max-width:750px;margin:0 auto;line-height:1.7}
.approach-methodology-section .phases-grid-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;margin-bottom:3rem}
.approach-methodology-section .phase-card-block{background:linear-gradient(135deg,#f8f9fa,#fafbfc);padding:2.5rem 1.8rem;border-radius:12px;position:relative;border-left:4px solid #5776B1;transition:all .3s ease}
.approach-methodology-section .phase-card-block:nth-child(2){border-left-color:#8588C3}
.approach-methodology-section .phase-card-block:nth-child(3){border-left-color:#5776B1}
.approach-methodology-section .phase-card-block:nth-child(4){border-left-color:#8588C3}
.approach-methodology-section .phase-card-block:hover{transform:translateY(-8px);box-shadow:0 10px 30px #5776b126}
.approach-methodology-section .phase-number-badge{width:50px;height:50px;background:linear-gradient(135deg,#5776B1,#8588C3);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 4px 12px #5776b14d}
.approach-methodology-section .phase-title-heading{font-size:1.3rem;color:#212529;font-weight:700;margin-bottom:1rem}
.approach-methodology-section .phase-description-para{font-size:.95rem;color:#495057;line-height:1.7}
.approach-methodology-section .values-comparison-table{max-width:1000px;margin:3rem auto 0;background:#f8f9fa;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #00000014}
.approach-methodology-section .comparison-table-element{width:100%;border-collapse:collapse}
.approach-methodology-section .comparison-table-element thead{background:linear-gradient(135deg,#5776B1,#8588C3)}
.approach-methodology-section .comparison-table-element th{color:#fff;padding:1.2rem;text-align:left;font-weight:600;font-size:1.05rem}
.approach-methodology-section .comparison-table-element td{padding:1.2rem;border-bottom:1px solid #e9ecef;color:#343a40;font-size:.95rem}
.approach-methodology-section .comparison-table-element tr:last-child td{border-bottom:none}
.approach-methodology-section .comparison-table-element tbody tr{background:#fff;transition:background .2s ease}
.approach-methodology-section .comparison-table-element tbody tr:hover{background:#f8f9fa}
.approach-methodology-section .table-cell-checkmark{color:#5776B1;font-weight:700}
@media (max-width: 992px) {
.tarification-hero .hero-title-main{font-size:2.5rem}
.consultation-section .consultation-grid{grid-template-columns:1fr;gap:2rem}
.consultation-section .image-showcase-wrapper img{height:400px}
.testimonials-section .testimonials-grid{grid-template-columns:1fr;gap:1.5rem}
.approach-methodology-section .phases-grid-layout{grid-template-columns:repeat(2,1fr);gap:2rem}
}
@media (max-width: 768px) {
.tarification-hero{padding:3rem 1.5rem 2.5rem}
.tarification-hero .hero-title-main{font-size:2rem}
.tarification-hero .hero-subtitle-text{font-size:1.1rem}
.consultation-section{padding:3rem 1.5rem}
.consultation-section .content-heading-main{font-size:2rem}
.consultation-section .image-showcase-wrapper img{height:300px}
.testimonials-section{padding:3rem 1.5rem}
.testimonials-section .section-title-large{font-size:2rem}
.approach-methodology-section{padding:3rem 1.5rem}
.approach-methodology-section .intro-title-emphasis{font-size:2rem}
.approach-methodology-section .phases-grid-layout{grid-template-columns:1fr}
.approach-methodology-section .values-comparison-table{overflow-x:auto}
.approach-methodology-section .comparison-table-element{min-width:600px}
}
.index-hero-finance{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#5776B1 0%,#8588C3 100%)}
.index-hero-finance::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./landing_images/gSKH.jpg);background-size:cover;background-position:center;opacity:.15;z-index:1}
.hero-content-wrapper{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:60px 20px}
.hero-title-main{font-size:4.2rem;font-weight:700;color:#fff;line-height:1.1;margin-bottom:30px;letter-spacing:-.02em}
.hero-subtitle-text{font-size:1.4rem;color:#f8f9fa;margin-bottom:45px;max-width:650px;line-height:1.6}
.hero-cta-button{display:inline-block;padding:18px 45px;background:#fff;color:#5776B1;text-decoration:none;font-size:1.1rem;font-weight:600;border-radius:8px;transition:all .3s ease;box-shadow:0 6px 20px #00000026}
.hero-cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000040;background:#f8f9fa}
.diagonal-section-finance{position:relative;background:#fff;padding:100px 20px 120px;clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);margin-top:-80px;margin-bottom:-80px}
.diagonal-content-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.diagonal-text-area h2{font-size:2.8rem;color:#212529;margin-bottom:25px;font-weight:700;line-height:1.2}
.diagonal-text-area p{font-size:1.1rem;color:#495057;line-height:1.8;margin-bottom:20px}
.diagonal-image-zone{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #5776b133;transform:rotate(-3deg);transition:transform .4s ease}
.diagonal-image-zone:hover{transform:rotate(0deg) scale(1.02)}
.diagonal-image-zone img{width:100%;height:auto;display:block}
.asymmetric-pricing-block{background:linear-gradient(165deg,#f8f9fa 0%,#C3CED7 100%);padding:90px 20px;position:relative}
.pricing-inner-wrap{max-width:1150px;margin:0 auto}
.pricing-header-section{text-align:center;margin-bottom:65px}
.pricing-header-section h2{font-size:3rem;color:#212529;margin-bottom:20px;font-weight:700}
.pricing-header-section p{font-size:1.2rem;color:#495057;max-width:700px;margin:0 auto;line-height:1.7}
.pricing-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.single-pricing-card{background:#fff;border-radius:16px;padding:45px 35px;box-shadow:0 8px 25px #00000014;transition:all .3s ease;position:relative;border:2px solid transparent}
.single-pricing-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #5776b133;border-color:#8588C3}
.pricing-card-title{font-size:1.6rem;color:#5776B1;margin-bottom:15px;font-weight:700}
.pricing-amount-display{font-size:3.2rem;color:#212529;font-weight:800;margin-bottom:10px;line-height:1}
.pricing-period-text{font-size:.95rem;color:#6c757d;margin-bottom:30px;display:block}
.pricing-features-list{list-style:none;padding:0;margin:0 0 35px}
.pricing-features-list li{padding:12px 0;color:#495057;font-size:1rem;border-bottom:1px solid #e9ecef;position:relative;padding-left:28px}
.pricing-features-list li::before{content:'';position:absolute;left:0;color:#5776B1;font-weight:700;font-size:1.2rem}
.pricing-card-button{display:block;width:100%;padding:15px;background:#5776B1;color:#fff;text-align:center;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.05rem;transition:all .3s ease}
.pricing-card-button:hover{background:#8588C3;transform:scale(1.03)}
.layered-approach-section{background:#fff;padding:100px 20px;position:relative;overflow:hidden}
.layered-approach-section::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#8588c326 0%,transparent 70%);border-radius:50%}
.layered-content-wrap{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.approach-dual-panel{display:grid;grid-template-columns:45% 55%;gap:50px;align-items:start}
.approach-image-side{position:sticky;top:100px}
.approach-image-side img{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 50px #5776b140}
.approach-text-side h2{font-size:2.6rem;color:#212529;margin-bottom:30px;font-weight:700;line-height:1.3}
.approach-methodology-item{background:#f8f9fa;padding:30px;border-radius:12px;margin-bottom:25px;border-left:5px solid #5776B1;transition:all .3s ease}
.approach-methodology-item:hover{background:#fff;box-shadow:0 8px 25px #00000014;transform:translateX(10px)}
.approach-methodology-item h3{font-size:1.5rem;color:#5776B1;margin-bottom:12px;font-weight:600}
.approach-methodology-item p{font-size:1.05rem;color:#495057;line-height:1.7;margin:0}
.testimonial-immersive-block{background:linear-gradient(180deg,#5776B1 0%,#8588C3 100%);padding:100px 20px;position:relative}
.testimonial-content-holder{max-width:1000px;margin:0 auto}
.testimonial-intro-text{text-align:center;margin-bottom:60px}
.testimonial-intro-text h2{font-size:2.8rem;color:#fff;margin-bottom:20px;font-weight:700}
.testimonial-intro-text p{font-size:1.2rem;color:#f8f9fa;line-height:1.7}
.testimonial-cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.single-testimonial-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 35px #00000026;position:relative}
.testimonial-profile-section{display:flex;align-items:center;gap:20px;margin-bottom:25px}
.testimonial-avatar-img{width:75px;height:75px;border-radius:50%;object-fit:cover;border:4px solid #C3CED7}
.testimonial-person-info h4{font-size:1.3rem;color:#212529;margin:0 0 5px;font-weight:600}
.testimonial-person-info p{font-size:.95rem;color:#6c757d;margin:0}
.testimonial-quote-text{font-size:1.05rem;color:#495057;line-height:1.8;font-style:italic;position:relative;padding-left:30px}
.testimonial-quote-text::before{content:'"';position:absolute;left:0;top:-10px;color:#C3CED7;font:4rem/1 Georgia,serif}
.final-cta-immersive{background:#fff;padding:90px 20px;text-align:center}
.final-cta-content{max-width:800px;margin:0 auto}
.final-cta-content h2{font-size:2.9rem;color:#212529;margin-bottom:25px;font-weight:700;line-height:1.2}
.final-cta-content p{font-size:1.2rem;color:#495057;margin-bottom:40px;line-height:1.7}
.final-cta-buttons-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.final-primary-button{display:inline-block;padding:18px 45px;background:#5776B1;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:600;border-radius:8px;transition:all .3s ease;box-shadow:0 6px 20px #5776b14d}
.final-primary-button:hover{background:#8588C3;transform:translateY(-3px);box-shadow:0 10px 30px #5776b166}
.final-secondary-button{display:inline-block;padding:18px 45px;background:transparent;color:#5776B1;text-decoration:none;font-size:1.1rem;font-weight:600;border-radius:8px;border:2px solid #5776B1;transition:all .3s ease}
.final-secondary-button:hover{background:#5776B1;color:#fff;transform:translateY(-3px)}
@media (max-width: 768px) {
.hero-title-main{font-size:2.5rem}
.hero-subtitle-text{font-size:1.1rem}
.diagonal-content-container{grid-template-columns:1fr;gap:40px}
.diagonal-section-finance{clip-path:polygon(0 4%,100% 0,100% 96%,0 100%);padding:60px 20px 80px}
.pricing-cards-grid{grid-template-columns:1fr;gap:25px}
.approach-dual-panel{grid-template-columns:1fr;gap:40px}
.approach-image-side{position:relative;top:0}
.testimonial-cards-container{grid-template-columns:1fr;gap:30px}
.final-cta-buttons-row{flex-direction:column;align-items:center}
.final-primary-button,.final-secondary-button{width:100%;max-width:300px}
}
.contact-wrapper-main{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 50%,#fff 100%);min-height:100vh;padding:0;margin:0}
.reach-intro-zone{background:linear-gradient(to right,#fff,#f5f6fa);padding:5rem 2rem 3rem;text-align:center;position:relative;border-bottom:3px solid #C3CED7}
.reach-intro-zone::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(to right,#5776B1,#8588C3)}
.reach-intro-zone h1{font-size:2.8rem;color:#212529;margin:0 0 1.5rem;font-weight:700;line-height:1.2}
.reach-intro-zone .sub-narrative{font-size:1.15rem;color:#495057;max-width:720px;margin:0 auto;line-height:1.7}
.dialogue-construct-section{padding:4rem 2rem;background:#fff}
.dialogue-construct-section .container{max-width:1100px;margin:0 auto}
.dual-path-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:2rem}
.form-column-left{background:#f8f9fa;padding:2.5rem;border-radius:12px;border-left:5px solid #5776B1;box-shadow:0 4px 12px #5776b114}
.form-column-left h2{font-size:1.9rem;color:#343a40;margin:0 0 2rem;font-weight:600}
.input-assembly-grid{display:flex;flex-direction:column;gap:1.8rem}
.field-cluster{display:flex;flex-direction:column;gap:.5rem}
.field-cluster label{font-size:.95rem;color:#495057;font-weight:500;display:block}
.field-cluster input,.field-cluster select,.field-cluster textarea{width:100%;padding:.9rem 1rem;border:2px solid #C3CED7;border-radius:6px;font-size:1rem;color:#212529;background:#fff;transition:all .3s ease;font-family:inherit}
.field-cluster input:focus,.field-cluster select:focus,.field-cluster textarea:focus{outline:none;border-color:#5776B1;box-shadow:0 0 0 3px #5776b11a}
.field-cluster textarea{min-height:140px;resize:vertical}
.dual-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.consent-declaration{display:flex;align-items:flex-start;gap:.8rem;margin-top:1rem;padding:1rem;background:#fff;border-radius:6px;border:1px solid #C3CED7}
.consent-declaration input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#5776B1}
.consent-declaration label{font-size:.9rem;color:#495057;line-height:1.6;cursor:pointer;margin:0}
.consent-declaration a{color:#5776B1;text-decoration:underline;transition:color .2s}
.consent-declaration a:hover{color:#8588C3}
.submission-trigger{background:linear-gradient(135deg,#5776B1,#8588C3);color:#fff;padding:1rem 2.5rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;width:100%;box-shadow:0 4px 12px #5776b140;position:relative;z-index:10}
.submission-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5776b159}
.submission-trigger:active{transform:translateY(0)}
.coordinates-column-right{display:flex;flex-direction:column;gap:2rem}
.info-block-card{background:linear-gradient(to bottom right,#f5f6fa,#fff);padding:2rem;border-radius:10px;border:2px solid #C3CED7;box-shadow:0 3px 10px #0000000d}
.info-block-card h3{font-size:1.4rem;color:#5776B1;margin:0 0 1.2rem;font-weight:600;display:flex;align-items:center;gap:.6rem}
.info-block-card h3::before{content:'';width:8px;height:8px;background:#8588C3;border-radius:50%;display:inline-block}
.info-block-card p{font-size:1rem;color:#495057;line-height:1.7;margin:.6rem 0}
.info-block-card a{color:#5776B1;text-decoration:none;transition:color .2s;font-weight:500}
.info-block-card a:hover{color:#8588C3;text-decoration:underline}
.alternative-routes-band{background:linear-gradient(to right,#f8f9fa,#fff);padding:3.5rem 2rem;border-top:1px solid #C3CED7}
.alternative-routes-band .container{max-width:900px;margin:0 auto;text-align:center}
.alternative-routes-band h2{font-size:1.8rem;color:#343a40;margin:0 0 2rem;font-weight:600}
.method-mosaic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}
.method-tile{background:#fff;padding:2rem 1.5rem;border-radius:10px;border:2px solid #C3CED7;transition:all .3s ease;text-align:center}
.method-tile:hover{transform:translateY(-5px);box-shadow:0 8px 20px #5776b126;border-color:#5776B1}
.method-tile .icon-placeholder{width:60px;height:60px;background:linear-gradient(135deg,#5776B1,#8588C3);border-radius:50%;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;font-weight:700}
.method-tile h3{font-size:1.2rem;color:#343a40;margin:0 0 .8rem;font-weight:600}
.method-tile p{font-size:.95rem;color:#495057;line-height:1.6;margin:0}
.timing-expectations-zone{background:#fff;padding:4rem 2rem;border-top:3px solid #8588C3}
.timing-expectations-zone .container{max-width:1000px;margin:0 auto}
.timing-expectations-zone h2{font-size:2rem;color:#212529;text-align:center;margin:0 0 3rem;font-weight:700}
.expectations-flow{display:flex;flex-direction:column;gap:2rem}
.expectation-segment{background:linear-gradient(to right,#f8f9fa,#fff);padding:1.8rem 2rem;border-radius:10px;border-left:5px solid #8588C3;box-shadow:0 3px 10px #0000000d;display:flex;align-items:flex-start;gap:1.5rem}
.expectation-segment .sequence-marker{background:linear-gradient(135deg,#5776B1,#8588C3);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;flex-shrink:0;box-shadow:0 3px 8px #5776b14d}
.expectation-segment .content-block{flex:1}
.expectation-segment h3{font-size:1.3rem;color:#343a40;margin:0 0 .8rem;font-weight:600}
.expectation-segment p{font-size:1rem;color:#495057;line-height:1.7;margin:0}
@media (max-width: 992px) {
.dual-path-container{grid-template-columns:1fr;gap:3rem}
.method-mosaic-grid{grid-template-columns:1fr;gap:1.5rem}
.dual-field-row{grid-template-columns:1fr}
.reach-intro-zone h1{font-size:2.2rem}
.reach-intro-zone{padding:3rem 1.5rem 2rem}
}
@media (max-width: 768px) {
.reach-intro-zone h1{font-size:1.9rem}
.reach-intro-zone .sub-narrative{font-size:1rem}
.form-column-left,.info-block-card{padding:1.8rem}
.dialogue-construct-section,.alternative-routes-band,.timing-expectations-zone{padding:3rem 1.5rem}
.expectation-segment{flex-direction:column;gap:1rem}
.expectation-segment .sequence-marker{width:45px;height:45px;font-size:1.2rem}
}
.apropos-principal{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh}
.apropos-hero-zone{background:linear-gradient(to right,#fff 0%,#f5f6fa 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.apropos-hero-zone::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#8788c314 0%,transparent 70%);border-radius:50%}
.apropos-hero-contenu{max-width:920px;margin:0 auto;position:relative;z-index:2}
.apropos-hero-contenu h1{font-size:2.8rem;color:#212529;font-weight:700;margin-bottom:24px;line-height:1.2}
.apropos-hero-contenu .sous-titre-hero{font-size:1.3rem;color:#495057;margin-bottom:32px;line-height:1.6}
.apropos-hero-contenu p{font-size:1.05rem;color:#495057;line-height:1.8;margin-bottom:18px}
.apropos-mission-block{padding:70px 20px;background:#fff}
.apropos-mission-conteneur{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.apropos-mission-texte h2{font-size:2.2rem;color:#212529;font-weight:700;margin-bottom:28px;line-height:1.3}
.apropos-mission-texte p{font-size:1.05rem;color:#495057;line-height:1.8;margin-bottom:20px}
.apropos-mission-image{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #5776b11f}
.apropos-mission-image img{width:100%;height:420px;object-fit:cover;display:block}
.apropos-valeurs-section{padding:70px 20px;background:linear-gradient(to bottom,#f8f9fa 0%,#fff 100%)}
.apropos-valeurs-wrapper{max-width:1100px;margin:0 auto}
.apropos-valeurs-wrapper h2{font-size:2.2rem;color:#212529;font-weight:700;text-align:center;margin-bottom:50px}
.apropos-valeurs-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.apropos-valeur-carte{background:#fff;padding:40px 30px;border-radius:10px;border-left:4px solid #5776B1;box-shadow:0 4px 16px #5776b114;transition:transform .3s ease,box-shadow .3s ease}
.apropos-valeur-carte:hover{transform:translateY(-6px);box-shadow:0 8px 28px #5776b126}
.apropos-valeur-carte h3{font-size:1.4rem;color:#5776B1;font-weight:600;margin-bottom:16px}
.apropos-valeur-carte p{font-size:1rem;color:#495057;line-height:1.7}
.apropos-parcours-zone{padding:70px 20px;background:#fff}
.apropos-parcours-container{max-width:1150px;margin:0 auto}
.apropos-parcours-container h2{font-size:2.2rem;color:#212529;font-weight:700;margin-bottom:45px}
.apropos-timeline-wrapper{position:relative;padding-left:0}
.apropos-timeline-item{display:grid;grid-template-columns:140px 1fr;gap:30px;margin-bottom:45px;position:relative}
.apropos-timeline-annee{background:linear-gradient(135deg,#5776B1 0%,#8588C3 100%);color:#fff;font-size:1.3rem;font-weight:700;padding:18px 20px;border-radius:8px;text-align:center;height:fit-content;box-shadow:0 4px 12px #5776b133}
.apropos-timeline-contenu{background:#f8f9fa;padding:28px 32px;border-radius:10px;border:1px solid #C3CED7}
.apropos-timeline-contenu h3{font-size:1.3rem;color:#212529;font-weight:600;margin-bottom:12px}
.apropos-timeline-contenu p{font-size:1rem;color:#495057;line-height:1.7}
.apropos-equipe-section{padding:70px 20px;background:linear-gradient(135deg,#f5f6fa 0%,#fafbfc 100%)}
.apropos-equipe-conteneur{max-width:1100px;margin:0 auto}
.apropos-equipe-conteneur h2{font-size:2.2rem;color:#212529;font-weight:700;text-align:center;margin-bottom:50px}
.apropos-equipe-membre{display:grid;grid-template-columns:280px 1fr;gap:45px;align-items:start;background:#fff;padding:40px;border-radius:12px;box-shadow:0 6px 20px #5776b11a;margin-bottom:35px}
.apropos-membre-photo{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px #5776b126}
.apropos-membre-photo img{width:100%;height:320px;object-fit:cover;display:block}
.apropos-membre-info h3{font-size:1.6rem;color:#212529;font-weight:700;margin-bottom:8px}
.apropos-membre-info .role-membre{font-size:1.1rem;color:#5776B1;font-weight:600;margin-bottom:20px}
.apropos-membre-info p{font-size:1.05rem;color:#495057;line-height:1.8;margin-bottom:16px}
.apropos-engagement-bloc{padding:70px 20px;background:#fff}
.apropos-engagement-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.apropos-engagement-visuel{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #5776b11f}
.apropos-engagement-visuel img{width:100%;height:440px;object-fit:cover;display:block}
.apropos-engagement-texte h2{font-size:2.2rem;color:#212529;font-weight:700;margin-bottom:28px;line-height:1.3}
.apropos-engagement-texte p{font-size:1.05rem;color:#495057;line-height:1.8;margin-bottom:20px}
.apropos-cta-bouton{display:inline-block;background:linear-gradient(135deg,#5776B1 0%,#8588C3 100%);color:#fff;padding:16px 40px;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 16px #5776b140;margin-top:16px}
.apropos-cta-bouton:hover{transform:translateY(-3px);box-shadow:0 6px 24px #5776b159}
.apropos-contact-final{padding:70px 20px;background:linear-gradient(to right,#f8f9fa 0%,#fafbfc 100%);text-align:center}
.apropos-contact-contenu{max-width:850px;margin:0 auto}
.apropos-contact-contenu h2{font-size:2.2rem;color:#212529;font-weight:700;margin-bottom:24px}
.apropos-contact-contenu p{font-size:1.1rem;color:#495057;line-height:1.8;margin-bottom:32px}
.apropos-contact-info{display:flex;justify-content:center;gap:45px;margin-top:40px;flex-wrap:wrap}
.apropos-info-item{text-align:center}
.apropos-info-item strong{display:block;font-size:.95rem;color:#5776B1;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
.apropos-info-item span{font-size:1.05rem;color:#212529;font-weight:500}
.apropos-lien-tarif{display:inline-block;background:transparent;color:#5776B1;padding:14px 36px;border:2px solid #5776B1;border-radius:8px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:background .3s ease,color .3s ease;margin-top:10px}
.apropos-lien-tarif:hover{background:#5776B1;color:#fff}
@media (max-width: 768px) {
.apropos-hero-contenu h1{font-size:2rem}
.apropos-hero-contenu .sous-titre-hero{font-size:1.1rem}
.apropos-mission-conteneur{grid-template-columns:1fr;gap:35px}
.apropos-mission-image img{height:300px}
.apropos-valeurs-grille{grid-template-columns:1fr;gap:25px}
.apropos-timeline-item{grid-template-columns:1fr;gap:20px}
.apropos-timeline-annee{width:fit-content}
.apropos-equipe-membre{grid-template-columns:1fr;gap:30px;padding:30px 25px}
.apropos-membre-photo img{height:280px}
.apropos-engagement-wrapper{grid-template-columns:1fr;gap:35px}
.apropos-engagement-wrapper .apropos-engagement-visuel{order:2}
.apropos-engagement-wrapper .apropos-engagement-texte{order:1}
.apropos-engagement-visuel img{height:320px}
.apropos-contact-info{flex-direction:column;gap:25px}
}
.programme-appr-main{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh}
.programme-appr-hero{background:linear-gradient(165deg,#5776B1 0%,#8588C3 100%);padding:90px 20px 70px;position:relative;overflow:hidden}
.programme-appr-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#ffffff14;border-radius:50%}
.programme-appr-hero-content{max-width:920px;margin:0 auto;position:relative;z-index:2}
.programme-appr-hero h1{color:#fff;font-size:2.8rem;font-weight:700;margin-bottom:24px;line-height:1.2}
.programme-appr-hero-desc{color:#fffffff2;font-size:1.15rem;line-height:1.7;margin-bottom:35px}
.programme-appr-hero-cta{display:inline-block;background:#fff;color:#5776B1;padding:14px 36px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026}
.programme-appr-hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0003}
.programme-appr-parcours{padding:80px 20px;background:#fff}
.programme-appr-parcours-container{max-width:1140px;margin:0 auto}
.programme-appr-parcours h2{color:#212529;font-size:2.3rem;font-weight:700;margin-bottom:50px;text-align:center}
.programme-appr-parcours-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}
.programme-appr-parcours-content{padding-right:30px}
.programme-appr-parcours-item{margin-bottom:35px;padding-left:50px;position:relative}
.programme-appr-parcours-item::before{content:'';position:absolute;left:0;top:5px;width:32px;height:32px;background:linear-gradient(135deg,#5776B1,#8588C3);border-radius:50%}
.programme-appr-parcours-item::after{content:attr(data-num);position:absolute;left:9px;top:11px;color:#fff;font-size:.85rem;font-weight:700}
.programme-appr-parcours-item h3{color:#343a40;font-size:1.3rem;font-weight:600;margin-bottom:12px}
.programme-appr-parcours-item p{color:#495057;line-height:1.7;font-size:.98rem}
.programme-appr-parcours-visual{position:relative}
.programme-appr-parcours-visual img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #5776b126}
.programme-appr-methodes{padding:75px 20px;background:linear-gradient(to bottom,#f8f9fa 0%,#fff 100%);position:relative}
.programme-appr-methodes::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,#5776B1,#8588C3,#C3CED7)}
.programme-appr-methodes-wrap{max-width:1100px;margin:0 auto}
.programme-appr-methodes h2{color:#212529;font-size:2.2rem;font-weight:700;margin-bottom:20px}
.programme-appr-methodes-intro{color:#495057;font-size:1.05rem;line-height:1.7;margin-bottom:45px;max-width:820px}
.programme-appr-methodes-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.programme-appr-methodes-card{background:#fff;padding:35px 28px;border-radius:10px;border:2px solid #C3CED7;transition:all .3s ease}
.programme-appr-methodes-card:hover{border-color:#5776B1;transform:translateY(-5px);box-shadow:0 8px 20px #5776b11f}
.programme-appr-methodes-card h3{color:#5776B1;font-size:1.25rem;font-weight:600;margin-bottom:16px}
.programme-appr-methodes-card p{color:#495057;line-height:1.7;font-size:.96rem}
.programme-appr-formateurs{padding:70px 20px;background:#fff}
.programme-appr-formateurs-box{max-width:1120px;margin:0 auto}
.programme-appr-formateurs h2{color:#212529;font-size:2.2rem;font-weight:700;margin-bottom:55px;text-align:center}
.programme-appr-formateurs-list{display:flex;gap:35px;justify-content:center}
.programme-appr-formateurs-prof{text-align:center;max-width:280px}
.programme-appr-formateurs-photo{width:160px;height:160px;border-radius:50%;margin:0 auto 20px;overflow:hidden;border:4px solid #C3CED7;box-shadow:0 6px 16px #5776b11f}
.programme-appr-formateurs-photo img{width:100%;height:100%;object-fit:cover}
.programme-appr-formateurs-nom{color:#343a40;font-size:1.2rem;font-weight:600;margin-bottom:8px}
.programme-appr-formateurs-role{color:#5776B1;font-size:.92rem;font-weight:500;margin-bottom:14px}
.programme-appr-formateurs-bio{color:#495057;font-size:.94rem;line-height:1.6}
.programme-appr-calendrier{padding:80px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#fafbfc 100%);position:relative}
.programme-appr-calendrier-inner{max-width:950px;margin:0 auto;background:#fff;padding:55px 50px;border-radius:12px;box-shadow:0 10px 30px #00000014}
.programme-appr-calendrier h2{color:#212529;font-size:2.1rem;font-weight:700;margin-bottom:18px}
.programme-appr-calendrier-desc{color:#495057;font-size:1.05rem;line-height:1.7;margin-bottom:42px}
.programme-appr-calendrier-tableau{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:35px;border:2px solid #C3CED7;border-radius:8px;overflow:hidden}
.programme-appr-calendrier-tableau th{background:linear-gradient(135deg,#5776B1,#8588C3);color:#fff;padding:16px;text-align:left;font-weight:600;font-size:1rem}
.programme-appr-calendrier-tableau td{padding:18px 16px;border-bottom:1px solid #C3CED7;color:#343a40;font-size:.96rem}
.programme-appr-calendrier-tableau tr:last-child td{border-bottom:none}
.programme-appr-calendrier-tableau tr:nth-child(even){background:#fafbfc}
.programme-appr-calendrier-lien{display:inline-block;background:#5776B1;color:#fff;padding:13px 32px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease}
.programme-appr-calendrier-lien:hover{background:#8588C3;transform:translateX(3px)}
.programme-appr-accompagnement{padding:75px 20px;background:#fff;position:relative}
.programme-appr-accompagnement::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(to right,#C3CED7,#8588C3,#5776B1)}
.programme-appr-accompagnement-wrap{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.programme-appr-accompagnement-texte h2{color:#212529;font-size:2.2rem;font-weight:700;margin-bottom:25px}
.programme-appr-accompagnement-texte p{color:#495057;font-size:1.02rem;line-height:1.8;margin-bottom:20px}
.programme-appr-accompagnement-avantages{list-style:none;padding:0;margin:30px 0 35px}
.programme-appr-accompagnement-avantages li{padding-left:35px;position:relative;margin-bottom:16px;color:#343a40;font-size:1rem}
.programme-appr-accompagnement-avantages li::before{content:'';position:absolute;left:0;color:#5776B1;font-weight:700;font-size:1.3rem}
.programme-appr-accompagnement-cta{display:inline-block;background:#5776B1;color:#fff;padding:13px 30px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease}
.programme-appr-accompagnement-cta:hover{background:#8588C3}
.programme-appr-accompagnement-visuel{background:linear-gradient(135deg,#C3CED7 0%,#8588C3 100%);padding:45px;border-radius:12px;text-align:center}
.programme-appr-accompagnement-stat{background:#fff;padding:25px;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 12px #0000000f}
.programme-appr-accompagnement-stat:last-child{margin-bottom:0}
.programme-appr-accompagnement-nombre{color:#5776B1;font-size:2.5rem;font-weight:700;display:block;margin-bottom:8px}
.programme-appr-accompagnement-label{color:#343a40;font-size:1rem;font-weight:500}
@media (max-width: 768px) {
.programme-appr-hero h1{font-size:2rem}
.programme-appr-hero-desc{font-size:1.05rem}
.programme-appr-parcours-grid{grid-template-columns:1fr;gap:40px}
.programme-appr-parcours-content{padding-right:0}
.programme-appr-methodes-cards{grid-template-columns:1fr}
.programme-appr-formateurs-list{flex-direction:column;align-items:center}
.programme-appr-calendrier-inner{padding:35px 25px}
.programme-appr-calendrier-tableau{font-size:.88rem}
.programme-appr-calendrier-tableau th,.programme-appr-calendrier-tableau td{padding:12px 10px}
.programme-appr-accompagnement-wrap{grid-template-columns:1fr;gap:40px}
}
.policy-wrapper-unique{background:linear-gradient(135deg,#fafbfc 0%,#fff 50%,#f8f9fa 100%);min-height:100vh;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
.policy-header-block{background:linear-gradient(165deg,#5776B1 0%,#8588C3 100%);padding:4rem 2rem 3rem;position:relative;overflow:hidden}
.policy-header-block::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:radial-gradient(circle,#c3ced733 0%,transparent 70%);transform:rotate(-15deg)}
.policy-title-main{max-width:900px;margin:0 auto;position:relative;z-index:2}
.policy-title-main h1{color:#fff;font-size:2.8rem;font-weight:300;letter-spacing:-.5px;margin:0;line-height:1.2}
.policy-content-container{max-width:820px;margin:0 auto;padding:3rem 2rem 5rem}
.intro-narrative-block{background:#fff;padding:2.5rem;border-left:4px solid #8588C3;margin-bottom:3rem;box-shadow:0 2px 8px #5776b114}
.intro-narrative-block p{color:#343a40;font-size:1.05rem;line-height:1.75;margin:0 0 1.2rem}
.intro-narrative-block p:last-child{margin-bottom:0}
.conceptual-section-block{margin-bottom:4rem}
.section-identifier-header{color:#5776B1;font-size:1.75rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #C3CED7;letter-spacing:-.3px}
.narrative-paragraph-text{color:#495057;font-size:1rem;line-height:1.8;margin:0 0 1.5rem}
.descriptive-list-container{background:#f8f9fa;padding:2rem;border-radius:3px;margin:2rem 0}
.descriptive-list-container ul{list-style:none;padding:0;margin:0}
.descriptive-list-container li{color:#343a40;font-size:.98rem;line-height:1.7;padding:.9rem 0 .9rem 2.5rem;position:relative;border-bottom:1px solid #e9ecef}
.descriptive-list-container li:last-child{border-bottom:none}
.descriptive-list-container li::before{content:'';position:absolute;left:0;top:1.3rem;width:8px;height:8px;background:#8588C3;border-radius:50%}
.mechanism-explanation-box{background:linear-gradient(120deg,#fff 0%,#fafbfc 100%);border:1px solid #C3CED7;padding:2rem 2.5rem;margin:2.5rem 0;border-radius:2px}
.mechanism-explanation-box p{color:#495057;font-size:.97rem;line-height:1.75;margin:0 0 1rem}
.mechanism-explanation-box p:last-child{margin-bottom:0}
.technical-enumeration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0 3rem}
.tech-item-card{background:#fff;padding:1.8rem;border:1px solid #e9ecef;border-top:3px solid #5776B1;transition:all .3s ease}
.tech-item-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #5776b126;border-top-color:#8588C3}
.tech-item-title{color:#5776B1;font-size:1.1rem;font-weight:600;margin:0 0 .8rem}
.tech-item-description{color:#495057;font-size:.93rem;line-height:1.6;margin:0}
.philosophical-aside-block{background:#f5f6fa;padding:2rem 2.5rem;margin:3rem 0;border-left:5px solid #5776B1;font-style:italic}
.philosophical-aside-block p{color:#343a40;font-size:1.02rem;line-height:1.8;margin:0}
.distinction-matrix-table{width:100%;margin:2.5rem 0;border-collapse:separate;border-spacing:0;background:#fff;box-shadow:0 2px 6px #5776b11a}
.distinction-matrix-table thead{background:linear-gradient(135deg,#5776B1 0%,#8588C3 100%)}
.distinction-matrix-table th{color:#fff;padding:1.2rem 1.5rem;text-align:left;font-weight:600;font-size:.95rem;letter-spacing:.3px}
.distinction-matrix-table td{color:#495057;padding:1.2rem 1.5rem;border-bottom:1px solid #e9ecef;font-size:.93rem;line-height:1.6}
.distinction-matrix-table tbody tr:hover{background:#f8f9fa}
.distinction-matrix-table tbody tr:last-child td{border-bottom:none}
.operational-context-segment{background:#fff;padding:2.5rem;margin:3rem 0;border:1px solid #C3CED7;border-radius:4px;position:relative}
.operational-context-segment::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#5776B1 0%,#8588C3 50%,#C3CED7 100%)}
.operational-context-segment h3{color:#5776B1;font-size:1.4rem;font-weight:600;margin:0 0 1.2rem}
.operational-context-segment p{color:#495057;font-size:.98rem;line-height:1.75;margin:0 0 1rem}
.closure-communication-zone{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:3rem 2.5rem;margin:4rem 0 0;border-top:2px solid #C3CED7;text-align:center}
.closure-communication-zone p{color:#495057;font-size:.96rem;line-height:1.7;margin:0 0 1.8rem;max-width:680px;margin-left:auto;margin-right:auto}
.contact-details-arrangement{display:flex;flex-direction:column;gap:.8rem;align-items:center;margin-top:2rem}
.contact-item-line{color:#343a40;font-size:.94rem;display:flex;align-items:center;gap:.6rem}
.contact-item-line::before{content:'';width:6px;height:6px;background:#8588C3;border-radius:50%;display:inline-block}
.contact-item-line a{color:#5776B1;text-decoration:none;transition:color .2s ease}
.contact-item-line a:hover{color:#8588C3;text-decoration:underline}
@media (max-width: 768px) {
.policy-header-block{padding:3rem 1.5rem 2rem}
.policy-title-main h1{font-size:2rem}
.policy-content-container{padding:2rem 1.5rem 3rem}
.intro-narrative-block{padding:1.8rem}
.section-identifier-header{font-size:1.45rem}
.technical-enumeration-grid{grid-template-columns:1fr;gap:1.2rem}
.distinction-matrix-table{font-size:.88rem}
.distinction-matrix-table th,.distinction-matrix-table td{padding:1rem}
.operational-context-segment{padding:1.8rem}
.closure-communication-zone{padding:2rem 1.5rem}
}
@media (max-width: 480px) {
.policy-title-main h1{font-size:1.7rem}
.intro-narrative-block{padding:1.5rem}
.mechanism-explanation-box{padding:1.5rem}
.distinction-matrix-table th,.distinction-matrix-table td{padding:.8rem;font-size:.85rem}
}
.politique-confidentialite-page{background:linear-gradient(135deg,#fafbfc 0%,#fff 50%,#f8f9fa 100%);min-height:100vh;padding:0;margin:0}
.politique-confidentialite-page .entete-politique{background:linear-gradient(to right,#5776B1,#8588C3);padding:4rem 1.5rem 3rem;text-align:center;position:relative;overflow:hidden}
.politique-confidentialite-page .entete-politique::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 1px,transparent 1px);background-size:30px 30px;opacity:.3}
.politique-confidentialite-page .titre-principal-politique{color:#fff;font-size:2.8rem;font-weight:700;margin:0 0 1rem;position:relative;z-index:2}
.politique-confidentialite-page .sous-titre-politique{color:#fffffff2;font-size:1.15rem;max-width:700px;margin:0 auto;line-height:1.7;position:relative;z-index:2}
.politique-confidentialite-page .conteneur-politique-principal{max-width:920px;margin:-2rem auto 0;padding:0 1.5rem 4rem;position:relative;z-index:3}
.politique-confidentialite-page .carte-contenu-politique{background:#fff;border-radius:16px;padding:3.5rem 3rem;box-shadow:0 8px 24px #5776b11f;margin-bottom:2rem}
.politique-confidentialite-page .introduction-generale{background:linear-gradient(to bottom right,#f8f9fa,#fff);border-left:4px solid #5776B1;padding:2rem 2.5rem;margin-bottom:3rem;border-radius:8px}
.politique-confidentialite-page .introduction-generale p{color:#343a40;font-size:1.05rem;line-height:1.8;margin:0 0 1rem}
.politique-confidentialite-page .introduction-generale p:last-child{margin-bottom:0}
.politique-confidentialite-page .section-politique{margin-bottom:3rem}
.politique-confidentialite-page .section-politique:last-child{margin-bottom:0}
.politique-confidentialite-page .titre-section-politique{color:#5776B1;font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #C3CED7}
.politique-confidentialite-page .sous-titre-section{color:#8588C3;font-size:1.35rem;font-weight:600;margin:2rem 0 1rem}
.politique-confidentialite-page .paragraphe-politique{color:#495057;font-size:1rem;line-height:1.9;margin-bottom:1.5rem}
.politique-confidentialite-page .paragraphe-court{margin-bottom:1rem}
.politique-confidentialite-page .paragraphe-long{margin-bottom:2rem;text-align:justify}
.politique-confidentialite-page .liste-elements-politique{list-style:none;padding:0;margin:1.5rem 0}
.politique-confidentialite-page .liste-elements-politique li{color:#495057;font-size:1rem;line-height:1.8;margin-bottom:1rem;padding-left:2rem;position:relative}
.politique-confidentialite-page .liste-elements-politique li::before{content:'';position:absolute;left:0;top:.6rem;width:8px;height:8px;background:#8588C3;border-radius:50%}
.politique-confidentialite-page .encadre-information{background:linear-gradient(135deg,#f8f9fa 0%,#fafbfc 100%);border:1px solid #C3CED7;border-radius:10px;padding:1.75rem 2rem;margin:2rem 0}
.politique-confidentialite-page .encadre-information p{color:#343a40;font-size:.98rem;line-height:1.8;margin:0 0 1rem}
.politique-confidentialite-page .encadre-information p:last-child{margin-bottom:0}
.politique-confidentialite-page .bloc-emphase{background:#5776b10d;border-left:5px solid #5776B1;padding:1.5rem 2rem;margin:2rem 0;border-radius:6px}
.politique-confidentialite-page .bloc-emphase p{color:#343a40;font-size:1.02rem;line-height:1.85;margin:0;font-weight:500}
.politique-confidentialite-page .tableau-donnees{width:100%;border-collapse:separate;border-spacing:0;margin:2rem 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #5776b114}
.politique-confidentialite-page .tableau-donnees th{background:#5776B1;color:#fff;font-weight:600;text-align:left;padding:1rem 1.25rem;font-size:1rem}
.politique-confidentialite-page .tableau-donnees td{background:#fff;color:#495057;padding:1rem 1.25rem;border-bottom:1px solid #e9ecef;font-size:.98rem;line-height:1.7}
.politique-confidentialite-page .tableau-donnees tr:last-child td{border-bottom:none}
.politique-confidentialite-page .tableau-donnees tr:nth-child(even) td{background:#f8f9fa}
.politique-confidentialite-page .section-contact-finale{background:linear-gradient(to right,#5776B1,#8588C3);border-radius:12px;padding:2.5rem 2rem;margin-top:3rem;text-align:center}
.politique-confidentialite-page .section-contact-finale h3{color:#fff;font-size:1.6rem;font-weight:700;margin:0 0 1.5rem}
.politique-confidentialite-page .informations-contact-bloc{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}
.politique-confidentialite-page .item-contact-info{background:#ffffff26;border-radius:8px;padding:1rem 1.5rem;color:#fff;font-size:1rem;line-height:1.6}
.politique-confidentialite-page .item-contact-info strong{display:block;margin-bottom:.3rem;font-weight:600}
.politique-confidentialite-page .date-mise-jour{text-align:center;color:#8588C3;font-size:.95rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #C3CED7}
@media (max-width: 768px) {
.politique-confidentialite-page .titre-principal-politique{font-size:2rem}
.politique-confidentialite-page .sous-titre-politique{font-size:1rem}
.politique-confidentialite-page .carte-contenu-politique{padding:2rem 1.5rem}
.politique-confidentialite-page .titre-section-politique{font-size:1.4rem}
.politique-confidentialite-page .introduction-generale{padding:1.5rem 1.25rem}
.politique-confidentialite-page .tableau-donnees{font-size:.9rem}
.politique-confidentialite-page .tableau-donnees th,.politique-confidentialite-page .tableau-donnees td{padding:.75rem}
.politique-confidentialite-page .section-contact-finale{padding:2rem 1.5rem}
}
@media (max-width: 480px) {
.politique-confidentialite-page .entete-politique{padding:3rem 1rem 2rem}
.politique-confidentialite-page .conteneur-politique-principal{padding:0 1rem 3rem}
.politique-confidentialite-page .titre-principal-politique{font-size:1.75rem}
}
.success-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 50%,#fff 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}
.success-content-box{max-width:720px;margin:0 auto;background:#fff;border-radius:16px;padding:3.5rem 2.5rem;box-shadow:0 8px 32px #5776b11f;border:1px solid #C3CED7;position:relative}
.success-content-box::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#5776B1 0%,#8588C3 50%,#C3CED7 100%);border-radius:16px 16px 0 0}
.success-icon-area{text-align:center;margin-bottom:2.5rem}
.success-checkmark{width:85px;height:85px;border-radius:50%;background:linear-gradient(135deg,#5776B1,#8588C3);display:inline-flex;align-items:center;justify-content:center;position:relative;animation:pulse-check .6s ease-out}
@keyframes pulse-check {
0%{transform:scale(0.7);opacity:0}
50%{transform:scale(1.05)}
100%{transform:scale(1);opacity:1}
}
.success-checkmark::after{content:'';color:#fff;font-size:3rem;font-weight:700;line-height:1}
.success-main-heading{font-size:2.25rem;font-weight:700;color:#212529;margin:0 0 1.25rem;text-align:center;line-height:1.3}
.success-subtext{font-size:1.125rem;color:#495057;line-height:1.7;margin:0 0 2rem;text-align:center}
.success-info-block{background:#f8f9fa;border-left:4px solid #5776B1;padding:1.75rem 2rem;margin:2.5rem 0;border-radius:8px}
.success-info-block p{margin:0;color:#343a40;font-size:1rem;line-height:1.65}
.success-info-block p + p{margin-top:1rem}
.success-timeline-wrapper{margin:2.5rem 0;padding:0}
.success-timeline-item{display:flex;align-items:flex-start;margin-bottom:1.75rem;gap:1.25rem}
.success-timeline-item:last-child{margin-bottom:0}
.success-timeline-marker{flex-shrink:0;width:36px;height:36px;background:#8588C3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.95rem;margin-top:.2rem}
.success-timeline-content h3{font-size:1.125rem;font-weight:600;color:#212529;margin:0 0 .5rem;line-height:1.4}
.success-timeline-content p{font-size:.975rem;color:#495057;margin:0;line-height:1.6}
.success-action-zone{margin-top:3rem;text-align:center;padding-top:2.5rem;border-top:2px solid #f5f6fa}
.success-btn-primary{display:inline-block;background:linear-gradient(135deg,#5776B1,#8588C3);color:#fff;padding:1rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.0625rem;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 12px #5776b140;margin:0 .5rem 1rem}
.success-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #5776b159;background:linear-gradient(135deg,#6685bd,#9499cc)}
.success-btn-secondary{display:inline-block;background:#fff;color:#5776B1;padding:1rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.0625rem;transition:all .3s ease;border:2px solid #5776B1;cursor:pointer;margin:0 .5rem 1rem}
.success-btn-secondary:hover{background:#f8f9fa;transform:translateY(-2px);border-color:#8588C3;color:#8588C3}
.success-contact-details{margin-top:2.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#fafbfc);border-radius:8px;text-align:center}
.success-contact-details p{margin:.5rem 0;color:#495057;font-size:.9375rem;line-height:1.6}
.success-contact-details a{color:#5776B1;text-decoration:none;font-weight:500;transition:color .25s ease}
.success-contact-details a:hover{color:#8588C3;text-decoration:underline}
.success-reference-number{display:inline-block;background:#C3CED7;color:#212529;padding:.5rem 1.25rem;border-radius:6px;letter-spacing:.5px;margin-top:1rem;font:600 1.0625rem 'Courier New',monospace}
@media (max-width: 768px) {
.success-wrapper{padding:2rem 1rem;min-height:auto}
.success-content-box{padding:2.5rem 1.75rem}
.success-main-heading{font-size:1.75rem}
.success-subtext{font-size:1rem}
.success-checkmark{width:70px;height:70px}
.success-checkmark::after{font-size:2.5rem}
.success-info-block{padding:1.5rem 1.25rem}
.success-timeline-item{gap:1rem}
.success-timeline-marker{width:32px;height:32px;font-size:.875rem}
.success-btn-primary,.success-btn-secondary{display:block;margin:.75rem 0;width:100%}
}
@media (max-width: 480px) {
.success-content-box{padding:2rem 1.25rem}
.success-main-heading{font-size:1.5rem}
.success-timeline-content h3{font-size:1rem}
.success-timeline-content p{font-size:.9rem}
}
.error-page-wrapper{min-height:100vh;background:linear-gradient(135deg,#f8f9fa 0%,#fafbfc 50%,#fff 100%);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}
.error-page-wrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:60%;height:120%;background:radial-gradient(circle,#8788c314 0%,transparent 70%);pointer-events:none}
.error-page-wrapper::after{content:'';position:absolute;bottom:-30%;left:-15%;width:50%;height:100%;background:radial-gradient(circle,#5776b10f 0%,transparent 65%);pointer-events:none}
.error-content-container{max-width:720px;width:100%;position:relative;z-index:2}
.error-visual-block{text-align:center;margin-bottom:3rem;position:relative}
.error-number-display{font-size:9rem;font-weight:800;line-height:1;background:linear-gradient(145deg,#5776B1 0%,#8588C3 50%,#C3CED7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.05em;margin:0;position:relative;display:inline-block}
.error-number-display::before{content:'404';position:absolute;top:4px;left:4px;z-index:-1;background:linear-gradient(145deg,#5776b126 0%,#c3ced726 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.error-decorative-shapes{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:-1;pointer-events:none}
.shape-circle-one{position:absolute;width:180px;height:180px;border:3px solid #5776b133;border-radius:50%;top:-40px;right:10%;animation:float-shape 6s ease-in-out infinite}
.shape-circle-two{position:absolute;width:120px;height:120px;border:2px solid #8588c326;border-radius:50%;bottom:20px;left:5%;animation:float-shape 8s ease-in-out infinite reverse}
@keyframes float-shape {
0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-20px) rotate(10deg)}
}
.error-text-section{background:#fff;border-radius:16px;padding:3rem 2.5rem;box-shadow:0 4px 20px #5776b114;border:1px solid #c3ced74d;margin-bottom:2rem}
.error-primary-heading{font-size:2rem;color:#212529;font-weight:700;margin:0 0 1.5rem;line-height:1.3}
.error-description-text{font-size:1.1rem;color:#495057;line-height:1.7;margin:0 0 1.25rem}
.error-explanation-paragraph{font-size:1rem;color:#6c757d;line-height:1.6;margin:0 0 2rem}
.error-suggestions-area{background:#f8f9fa;border-left:4px solid #5776B1;padding:1.5rem;border-radius:8px;margin-bottom:2rem}
.suggestions-title{font-size:1.1rem;color:#343a40;font-weight:600;margin:0 0 1rem}
.suggestions-list{list-style:none;padding:0;margin:0}
.suggestions-list li{font-size:.95rem;color:#495057;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}
.suggestions-list li::before{content:'→';position:absolute;left:0;color:#8588C3;font-weight:700}
.suggestions-list li:last-child{margin-bottom:0}
.error-navigation-zone{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
.primary-nav-button{display:inline-block;background:linear-gradient(135deg,#5776B1 0%,#8588C3 100%);color:#fff;font-size:1rem;font-weight:600;padding:.95rem 2.5rem;border-radius:8px;text-decoration:none;transition:all .3s ease;border:none;box-shadow:0 4px 12px #5776b140;position:relative;overflow:hidden}
.primary-nav-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .5s ease}
.primary-nav-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #5776b159}
.primary-nav-button:hover::before{left:100%}
.secondary-nav-button{display:inline-block;background:#fff;color:#5776B1;font-size:1rem;font-weight:600;padding:.95rem 2rem;border-radius:8px;text-decoration:none;transition:all .3s ease;border:2px solid #5776B1}
.secondary-nav-button:hover{background:#5776B1;color:#fff;transform:translateY(-2px)}
.error-footer-info{text-align:center;margin-top:2.5rem;padding-top:2rem;border-top:1px solid #c3ced766}
.footer-contact-text{font-size:.9rem;color:#6c757d;line-height:1.6;margin:0}
.contact-link-inline{color:#5776B1;text-decoration:none;font-weight:600;transition:color .3s ease}
.contact-link-inline:hover{color:#8588C3;text-decoration:underline}
@media (max-width: 768px) {
.error-page-wrapper{padding:1.5rem 1rem}
.error-number-display{font-size:6rem}
.error-text-section{padding:2rem 1.5rem}
.error-primary-heading{font-size:1.6rem}
.error-description-text{font-size:1rem}
.shape-circle-one{width:120px;height:120px}
.shape-circle-two{width:80px;height:80px}
.error-navigation-zone{flex-direction:column}
.primary-nav-button,.secondary-nav-button{width:100%;text-align:center}
}
@media (max-width: 480px) {
.error-number-display{font-size:4.5rem}
.error-primary-heading{font-size:1.4rem}
.error-text-section{padding:1.5rem 1.25rem}
.error-suggestions-area{padding:1.25rem}
}