html,body,#root{margin:0;padding:0;height:100%;background:linear-gradient(to bottom,#fdf6f0,#fceae0,#e8e4f2);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;font-family:Georgia,serif;color:#2c2c2c;scroll-behavior:smooth;display:flex;flex-direction:column}main{flex:1}.nav-link{text-decoration:none;color:#2e5026;font-weight:500;transition:color .2s ease}.nav-link:visited{color:#2e5026;text-decoration:none}.nav-link:hover{text-decoration:underline;color:#5c764e}.nav-link.active{font-weight:700;border-bottom:2px solid #bfa77a}.home{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;height:75vh;width:100%;box-sizing:border-box;overflow:hidden}.home-content{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;width:100%}.blob{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(90px);opacity:.4;animation:float 6s ease-in-out infinite alternate;z-index:0}.intro-card{position:relative;background:linear-gradient(to bottom,#fffef9,#f7f4e9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;box-shadow:0 12px 30px #0000000f;text-align:center;max-width:720px;width:100%;z-index:1;opacity:0;transform:translateY(40px) scale(.98);animation:cardFadeIn .8s ease-out .3s forwards;margin:auto}.intro-card h1{font-size:2.8rem;color:#2e5026;font-family:Playfair Display,serif;margin-bottom:1.2rem;animation:fadeSlide .8s ease-out forwards}.intro-card p{font-size:1.2rem;font-family:Georgia,serif;margin:.75rem 0;line-height:1.7;color:#3d3d3d;animation:fadeSlide 1s ease-out forwards}.button-group{margin-top:2rem;display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap}.main-btn,.secondary-btn{text-decoration:none;padding:1rem 2rem;border-radius:999px;font-weight:700;transition:all .3s ease;font-size:1rem;font-family:Georgia,serif}.main-btn{background-color:#2e5026;color:#fff;box-shadow:0 4px 14px #2e50264d}.main-btn:hover{background-color:#476b46;transform:scale(1.05);box-shadow:0 10px 25px #2e502666}.secondary-btn{background-color:transparent;border:2px solid #2e5026;color:#2e5026}.secondary-btn:hover{background-color:#f2eee3;transform:scale(1.05)}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-30px) scale(1.05)}}@media screen and (max-width: 768px){.home{height:auto;padding:2rem 1rem}.intro-card{padding:1.5rem 1.2rem;max-width:100%;box-sizing:border-box}.intro-card h1{font-size:2rem;word-break:break-word}.intro-card p{font-size:1rem}.blob{width:180px;height:180px;filter:blur(60px)}.button-group{flex-direction:column;gap:.8rem}}.about-section{max-width:1000px;margin:0 auto;padding:1rem 2rem;background:linear-gradient(to bottom,#fefdf8,#f8f5ec);border-radius:16px;box-shadow:0 4px 12px #0000000d;margin:3rem auto}.about-title{font-size:2.8rem;color:#2e5026;font-family:Playfair Display,serif;margin-bottom:2rem;text-align:center}.about-intro{font-size:1.3rem;color:#5a5a5a;font-family:Georgia,serif;margin-bottom:1.5rem}.about-section p{font-size:1.15rem;line-height:1.8;color:#444;font-family:Georgia,serif;margin-bottom:1.4rem}.about-photo{width:220px;height:auto;border-radius:12px;box-shadow:0 6px 14px #0000001a;object-fit:cover;text-align:center}.about-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.card-competence{border:2px solid #d4cfc7;border-radius:12px;padding:1.5rem;background:linear-gradient(to bottom,#fefdf8,#f8f5ec);box-shadow:0 4px 8px #0000000f;transition:all .3s ease;cursor:pointer}.card-competence:hover{background:#f1ede4;transform:translateY(-3px);box-shadow:0 6px 12px #00000014}.card-competence h3{font-family:Playfair Display,serif;color:#3d3d3d;margin-top:0;margin-bottom:.5rem}.card-competence p{font-family:Georgia,serif;color:#5a5a5a;font-size:1rem;line-height:1.6}.card-competence--highlighted{border:2px solid #aa8f60;background:linear-gradient(to bottom,#fdf8ee,#f9efdc);box-shadow:0 8px 30px #aa8f6040;transform:scale(1.02);transition:all .3s ease;position:relative}.card-ribbon{position:absolute;top:-10px;left:-10px;background:#aa8f60;color:#fff;font-size:.7rem;padding:.4rem .8rem;font-family:Georgia,serif;transform:rotate(-10deg);box-shadow:0 2px 6px #0000001a;border-radius:4px;z-index:10}.card-competence--highlighted:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 24px #c4b39459}@keyframes highlightPulse{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.05);opacity:.6}to{transform:scale(1);opacity:.4}}.competences-section{padding:4rem 2rem;background:linear-gradient(to bottom,#fffef9,#f7f4e9);text-align:center;border-radius:16px;box-shadow:0 4px 12px #0000000a;max-width:1200px;margin:3rem auto 0}.competences-title{font-size:2.7rem;color:#2e5026;font-family:Playfair Display,serif;margin-bottom:.8rem}.competences-subtitle{font-size:1.3rem;color:#6b6b6b;font-family:Georgia,serif;margin-bottom:3rem}.competences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem;max-width:1100px;margin:0 auto;padding:0 1rem}.competence-nav-buttons{display:flex;justify-content:space-between;margin-top:4rem;padding-top:2rem;border-top:1px solid #ddd4bd;font-family:Georgia,serif}.nav-btn{text-decoration:none;font-weight:600;color:#2e5026;background:#f2eee3;padding:.75rem 1.5rem;border-radius:999px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.nav-btn:hover{background:#e9e4d3;transform:translateY(-2px)}.zoom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out}.zoomed-image{max-width:90%;max-height:90%;box-shadow:0 0 20px #00000080;border-radius:8px}.competence-details{padding:3rem 2rem;max-width:1200px;margin:2rem auto;background:linear-gradient(to bottom,#fffef9,#f7f4e9);border-radius:14px;box-shadow:0 8px 24px #0000000d;font-family:Georgia,serif;color:#2d2d2d;animation:fadeIn .6s ease}.section-title{font-size:1.6rem;color:#4a4a4a;border-left:6px solid #c0a77f;padding-left:1rem;margin-top:2.5rem;font-family:Georgia,serif;font-weight:700}.competence-details p{font-size:1.15rem;line-height:1.8;color:#3a3a3a;margin-top:1rem}.competence-details ul{padding-left:1.5rem;margin:1rem 0 1.5rem}.competence-details li{line-height:1.7;margin-bottom:.6rem}.trace-block{margin-top:2rem;padding:1.5rem;background-color:#f3f0e3;border-left:6px solid #bfa77a;border-radius:10px;box-shadow:0 4px 16px #0000000f;transition:background .3s ease}.trace-block h4{font-size:1.3rem;color:#2e5026;margin-bottom:.6rem;font-family:Playfair Display,serif}.trace-block p{margin:.5rem 0 1rem;font-size:1.05rem}.trace-block ImageZoom{max-width:100%;border-radius:10px;margin-top:1rem;box-shadow:0 4px 14px #0000000f;transition:transform .3s ease}.trace-block ImageZoom:hover{transform:scale(1.03)}.analysis{background-color:#f6f2e8;padding:2rem;border-left:6px solid #c4b394;border-radius:10px;margin-top:2.5rem}.analysis p{margin-bottom:1rem;font-size:1.08rem;line-height:1.85}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-container{padding:2rem;max-width:960px;margin:0 auto;font-family:Georgia,serif;color:#2c2c2c;line-height:1.75;border-radius:12px;box-shadow:0 4px 14px #0000000a}.page-title{font-size:2.6rem;color:#2e5026;font-family:Playfair Display,serif;text-align:center;margin-bottom:2rem;border-bottom:3px solid #d8c9a3;padding-bottom:.6rem}.section-title{font-size:1.6rem;color:#3d3d3d;font-family:Georgia,serif;margin-top:2.5rem;margin-bottom:.75rem;border-left:5px solid #c0a77f;padding-left:1rem}.section-text{font-size:1.15rem;color:#4a4a4a;margin-top:1rem}ul{padding-left:1.5rem;margin-top:.5rem}ul li{margin-bottom:.6rem;list-style:disc}.trace-block{margin-top:1.8rem;padding:1.2rem 1.5rem;background-color:#f3f0e3;border-left:5px solid #bfa77a;border-radius:8px;box-shadow:0 3px 12px #0000000d;transition:transform .2s ease-in-out}.trace-block:hover{transform:translateY(-2px)}.trace-block h4{margin-bottom:.6rem;color:#2e5026;font-size:1.2rem;font-family:Playfair Display,serif}.trace-block p{margin:0;font-size:1.05rem;color:#3f3f3f}.trace-block ImageZoom{max-width:100%;margin-top:.75rem;border-radius:10px;box-shadow:0 4px 10px #0000000f;transition:transform .3s ease}.trace-block ImageZoom:hover{transform:scale(1.02)}@media screen and (max-width: 768px){.page-container{padding:1rem}.page-title{font-size:2.1rem}.section-title{font-size:1.3rem}}.bilan-competences{padding:2rem}.table-wrapper{overflow-x:auto}.competence-details h2{font-size:2.6rem;color:#2e5026;font-family:Playfair Display,serif;text-align:center;margin-bottom:2.5rem}.competence-table{width:100%;border-collapse:collapse;margin-top:1.5rem;font-family:Segoe UI,sans-serif;font-size:.95rem;background-color:#eef3eb}.competence-table th{background-color:#2e5026;color:#fff;font-weight:700}.competence-table td,.competence-table th{border:1px solid #ccc;padding:.75rem 1rem;text-align:left}.legend{margin-top:3rem;padding:2rem;background:#fdfcff;border:1px solid #ddd;border-radius:12px;max-width:700px;margin-left:auto;margin-right:auto;background:linear-gradient(to bottom,#fefdf8,#f8f5ec)}.legend h4{text-align:center;color:#2e5026;font-size:1.3rem;margin-bottom:1.5rem}.legend-row{display:flex;align-items:center;justify-content:space-between;margin:.5rem 0}.legend-row span{width:120px;font-weight:500}.legend-bar{flex-grow:1;margin-left:1rem;background-color:#e0e0e0;height:12px;border-radius:6px;overflow:hidden}.level{height:100%;background-color:#2e5026;border-radius:6px}.fill-1{width:17%;background-color:#c62828}.fill-2{width:33%;background-color:#de3a3a}.fill-3{width:50%;background-color:#f57c00}.fill-4{width:66%;background-color:#659e3c}.fill-5{width:83%;background-color:#2e7d32}.fill-6{width:100%;background-color:#007bff}h2{font-size:2.6rem;color:#2e5026;font-family:Playfair Display,serif;text-align:center;margin-bottom:2.5rem}p.intro{font-size:.9rem;color:#a94442;font-style:italic;text-align:center}.controls-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.controls-filters select{padding:.5rem 1rem;border:1px solid #ccc;border-radius:6px;font-size:.95rem;background:#fff;cursor:pointer;transition:all .2s ease}.controls-filters select:hover{border-color:#2e5026}.reset-button{background:none;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;color:#333;transition:transform .2s ease}.reset-button:hover{transform:rotate(90deg);color:#007bff}.controls{text-align:center;margin-bottom:1rem}.controls select{padding:.5rem;font-size:1rem}.bloc{border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem}.bloc h3{margin:0;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center}.bloc .arrow{font-size:.8rem}.bloc-c1{background:#d9e8fb;border-left:5px solid #337ab7}.bloc-c2{background:#dcfce7;border-left:5px solid #4caf50}.bloc-c3{background:#fee2e2;border-left:5px solid #f87171}.bloc-c4{background:#ede9fe;border-left:5px solid #a78bfa}.bloc-c5{background:#fef3c7;border-left:5px solid #fbbf24}.bloc-c6{background:#e2e8f0;border-left:5px solid #94a3b8}.bloc table{width:100%;border-collapse:collapse;margin-top:.75rem}.bloc td,.bloc th{border:1px solid #ccc;padding:.5rem}.bloc td.sub{font-style:italic;color:#555;background:#fffc}@media screen and (max-width: 768px){.competence-table{font-size:.85rem;word-break:break-word;table-layout:fixed}.competence-table td,.competence-table th{padding:.5rem}.competence-table td:nth-child(5){word-wrap:break-word;max-width:120px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.navbar{position:sticky;top:0;z-index:1000;background-color:#fffff5f2;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000d;font-family:Georgia,serif}.navbar-logo{font-family:Playfair Display,serif;font-weight:700;font-size:1.5rem;color:#2e5026;text-decoration:none}.navbar-links{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0;transition:all .3s ease-in-out}.navbar-links li{list-style:none}.navbar-links li a{text-decoration:none;color:#3d3d3d;font-weight:500;font-family:Georgia,serif;transition:color .3s ease}.navbar-links li a:hover{color:#5c764e;text-decoration:underline}.logo{height:40px;width:auto;object-fit:contain}.burger{display:none;cursor:pointer;flex-direction:column;justify-content:space-between;height:20px;width:25px}.burger span{display:block;height:3px;width:100%;background-color:#333;border-radius:5px;transition:all .3s ease-in-out}.burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.burger{display:flex}.navbar-links{position:absolute;top:70px;right:0;background-color:#fffff5f7;flex-direction:column;align-items:center;width:100%;padding:1rem 2rem;display:none}.navbar-links.show{display:flex}}.footer{padding:2rem 1rem;background:#f9f7f2;text-align:center;font-size:.95rem;color:#5a5a5a;border-top:1px solid #d8c9a3;font-family:Georgia,serif}.footer-links{margin-top:.75rem;display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap}.footer-links a{color:#2e5026;text-decoration:none;font-weight:500;transition:color .3s ease}.footer-links a:hover{text-decoration:underline;color:#5c764e}.footer-links a{display:inline-flex;align-items:center;color:#2e5026;text-decoration:none;margin:0 1rem;font-weight:500;transition:color .3s ease,transform .2s ease}.footer-links a:hover{color:#a94442;transform:translateY(-2px);text-decoration:underline}.footer{padding:1.5rem;background-color:#f5f5f5;text-align:center;border-top:1px solid #ddd}