*{scrollbar-width:thin;scrollbar-color:#2468d6 whitesmoke}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:#f5f5f5}*::-webkit-scrollbar-thumb{background-color:#2468d6}html,body{height:100%;margin:0}.icon{width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:-.125em}#navbar .navbar-brand img{transition:transform .3s ease}#navbar .navbar-brand:hover img{transform:rotate(-10deg) scale(1.1)}#navbar .nav-link{position:relative;padding-bottom:5px}#navbar .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#2468d6,#d69224);transition:width .3s ease}#navbar .nav-link:hover:after{width:100%}.parallax{height:100%;position:relative;overflow:hidden}.parallax:before{content:"";position:absolute;inset:-12px;background-image:url(../img/background-mountain-flag.jpg);background-image:image-set(url(../img/background-mountain-flag.webp) type("image/webp"),url(../img/background-mountain-flag.jpg) type("image/jpeg"));background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(3px);z-index:0}.parallax>*{position:relative;z-index:1}.contact-title{font-size:2.5rem;color:#333;margin-bottom:.5rem;position:relative;display:inline-block}.contact-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#2468d6,#d69224);border-radius:2px}.contact-subtitle{color:#666;font-size:1.1rem;margin-top:1.5rem;margin-bottom:2.5rem}.contact-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .3s ease}.contact-item .icon{width:80px;height:80px;border-radius:50%;padding:24px;box-sizing:border-box;color:#fff;fill:currentColor;transition:all .3s ease}.contact-item span{margin-top:.75rem;font-weight:500;color:#333;transition:color .3s ease}.contact-item:hover{transform:translateY(-5px)}.contact-item:hover .icon{box-shadow:0 10px 25px #0003}.contact-item.linkedin .icon{background:#0077b5}.contact-item.linkedin:hover span{color:#0077b5}.contact-item.github .icon{background:#333}.contact-item.github:hover span{color:#333}.contact-item.email .icon{background:linear-gradient(135deg,#2468d6,#d69224)}.contact-item.email:hover span{color:#2468d6}.contact-item.links .icon{background:linear-gradient(135deg,#00d9ff,#a855f7,#c8a951);animation:linksIconGlitch 2.2s steps(1) infinite}.contact-item.links:hover span{color:#00d9ff}@keyframes linksIconGlitch{0%,78%,to{transform:translate(0);box-shadow:0 0 12px #00d9ff40}80%{transform:translate(-3px);box-shadow:4px 0 #00d9ffd9,-4px 0 #c8a95199,0 0 18px #00d9ff80}82%{transform:translate(3px,-1px);box-shadow:-4px 0 #00d9ffd9,4px 0 #c8a95199,0 0 18px #c8a95180}84%{transform:translate(-2px,1px);box-shadow:3px 0 #00d9ff99}86%{transform:translate(2px);box-shadow:-3px 0 #c8a95199}}.contact-item.links:hover .icon{animation-duration:.6s}.glitch-text{position:relative;display:inline-block;color:inherit}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;pointer-events:none}.glitch-text:before{color:#00d9ff;text-shadow:2px 0 #00d9ff;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:glitchTextTop 2.2s infinite linear alternate-reverse}.glitch-text:after{color:#c8a951;text-shadow:-2px 0 #c8a951;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:glitchTextBottom 1.9s infinite linear alternate-reverse}@keyframes glitchTextTop{0%,78%,to{transform:translate(0)}80%{transform:translate(-3px,-1px)}82%{transform:translate(3px,1px)}84%{transform:translate(-2px)}86%{transform:translate(2px,-1px)}88%{transform:translate(-1px,1px)}}@keyframes glitchTextBottom{0%,78%,to{transform:translate(0)}80%{transform:translate(3px,1px)}82%{transform:translate(-3px,-1px)}84%{transform:translate(2px)}86%{transform:translate(-2px,1px)}88%{transform:translate(1px,-1px)}}.nav-link-glitch:hover .glitch-text:before,.nav-link-glitch:hover .glitch-text:after,.contact-item.links:hover .glitch-text:before,.contact-item.links:hover .glitch-text:after{animation-duration:.5s}@media(max-width:576px){.contact-item .icon{width:60px;height:60px;padding:18px}.contact-links{gap:1.5rem}}.bloc-page{background-color:#f5f5f5;color:#000;padding:5%}.bloc-page img{width:50%;padding:5px;border-radius:50%}.bloc-page2{background-color:#2468d6;color:#000;padding:5%}.bloc-page2 h1{color:#fff}.bloc-page3{background-color:#d69224;color:#fff;padding:5%}.skills-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2rem;margin-bottom:2.5rem}.skills-legend .legend-item{display:inline-flex;align-items:center;gap:.5rem;color:#fff;font-size:.95rem;font-weight:500}.skills-legend .legend-swatch{width:28px;height:16px;border-radius:8px;display:inline-block;flex:0 0 auto}.skills-legend .sw-blue{background-color:#2468d6}.skills-legend .sw-white{background-color:#fff;border:2px solid white}.skill-category{margin-bottom:2rem;text-align:center}.skill-category h3{margin-bottom:1rem;font-size:1.5rem}.skill-category h3 .icon{margin-right:.5rem}.skill-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.skill-tag{display:inline-block;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;transition:all .3s ease;cursor:default}.skill-tag:hover{transform:translateY(-3px);box-shadow:0 4px 15px #0003}.tag-blue{background-color:#2468d6;color:#fff}.tag-orange{background-color:#fff;color:#d69224;border:2px solid white}.tag-orange:hover{background-color:#ffffffe6}.accordion{max-width:900px;margin:0 auto}.accordion-item{border:none;margin-bottom:1rem;border-radius:10px!important;overflow:hidden}.accordion-button{background-color:#fff;color:#333;font-weight:500;padding:1rem 1.5rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.accordion-button:not(.collapsed){background-color:#f8f9fa;color:#2468d6;box-shadow:none}.accordion-button:focus{box-shadow:none;border-color:transparent}.accordion-button:after{margin-left:auto}.exp-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-job{background-color:#d69224;color:#fff}.badge-edu{background-color:#2468d6;color:#fff}.exp-date{background-color:#e9ecef;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;color:#666}.exp-title{flex:1;min-width:200px}.accordion-body{background-color:#f8f9fa;padding:1.5rem}.exp-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.exp-tag{background-color:#2468d6;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem}@media(max-width:768px){.accordion-button{flex-direction:column;align-items:flex-start}.exp-title{width:100%;margin-top:.5rem}.accordion-button:after{position:absolute;right:1rem;top:1rem}}.about-hero{padding:2rem 0}.about-photo{width:50%;height:auto;padding:5px;border-radius:50%}.about-title{font-size:2.5rem;color:#333;margin-bottom:1.5rem;position:relative}.about-title:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#2468d6,#d69224);border-radius:2px}.about-intro{font-size:1.3rem;line-height:1.8;color:#444;margin-bottom:1rem}.about-text{font-size:1.1rem;line-height:1.8;color:#666;margin-bottom:2rem}.about-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.stat-item{background:linear-gradient(135deg,#2468d6,#1a4fa0);padding:1.5rem 2rem;border-radius:15px;text-align:center;min-width:140px;flex:1;transition:transform .3s ease,box-shadow .3s ease}.stat-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #2468d64d}.stat-item:nth-child(2n){background:linear-gradient(135deg,#d69224,#b87a1c)}.stat-item:nth-child(2n):hover{box-shadow:0 10px 25px #d692244d}.stat-number{display:block;font-size:2rem;font-weight:700;color:#fff;line-height:1.2}.stat-label{display:block;font-size:.85rem;color:#ffffffe6;margin-top:.5rem;text-transform:uppercase;letter-spacing:.5px}@media(max-width:991px){.about-title{text-align:center;margin-top:1rem}.about-title:after{left:50%;transform:translate(-50%)}.about-intro,.about-text{text-align:center}.about-stats{justify-content:center}.stat-item{min-width:120px;padding:1rem 1.5rem}}@media(max-width:576px){.about-photo-wrapper{width:180px;height:180px}.stat-item{min-width:45%;flex:0 0 45%}.stat-number{font-size:1.5rem}}.about-cta{margin-top:2rem}.btn-cv{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.75rem;border-radius:30px;font-weight:600;text-decoration:none;color:#fff;background:linear-gradient(135deg,#2468d6,#d69224);box-shadow:0 6px 18px #2468d640;transition:transform .3s ease,box-shadow .3s ease}.btn-cv:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 28px #d6922459}@media(max-width:991px){.about-cta{text-align:center}}.div-center{margin:0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.text-header{padding:10%;color:#000;border-radius:30px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.color-logo-bleu{color:#2468d6}.color-logo-orange{color:#d69224}.presentation{font-size:2ch}@media screen and (min-width:320px){.div-center{margin:0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:35%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.text1{font-size:2ch}.text2{font-size:2.75ch}.text3{font-size:2.25ch}.presentation{font-size:1.5ch}}@media screen and (min-width:375px){.div-center{margin:0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:35%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.text1{font-size:2.25ch}.text2{font-size:3.25ch}.text3{font-size:2.75ch}.presentation{font-size:1.75ch}}@media screen and (min-width:425px){.div-center{margin:0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:35%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.text1{font-size:2.75ch}.text2{font-size:3.75ch}.text3{font-size:3.25ch}.presentation{font-size:2.25ch}}@media screen and (min-width:425px)and (orientation:landscape){.div-center{margin:0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.text1{font-size:3.5ch}.text2{font-size:4.5ch}.text3{font-size:4ch}.presentation{font-size:2.5ch}}@media screen and (min-width:768px){.div-center{margin:0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:35%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.text1{font-size:6ch}.text2{font-size:7ch}.text3{font-size:6.5ch}.presentation{font-size:2.5ch}}@media screen and (min-width:768px)and (orientation:landscape){.div-center{margin:0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.text1{font-size:4ch}.text2{font-size:5ch}.text3{font-size:4.5ch}.presentation{font-size:2.5ch}}@media screen and (min-width:1024px)and (orientation:landscape){.div-center{margin:0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.text1{font-size:6ch}.text2{font-size:7ch}.text3{font-size:6.5ch}.presentation{font-size:3ch}}@media screen and (min-width:1440px)and (orientation:landscape){.div-center{margin:0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.text1{font-size:8ch}.text2{font-size:10ch}.text3{font-size:9.25ch}.presentation{font-size:3ch}}.footer{background-color:#1a1a1a;color:#fffc;padding:1.5rem 0;text-align:center}.footer p{margin:0;font-size:.9rem}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#2468d6,#d69224);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;box-shadow:0 4px 15px #0003}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d;color:#fff}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top .icon{width:1.2rem;height:1.2rem}.section-title{font-size:2.5rem;position:relative;display:block;padding-bottom:15px;margin-bottom:2rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#2468d6,#d69224);border-radius:2px}.bloc-page3 .section-title,.bloc-page2 .section-title{color:#fff}
