.app-container{background-color:#f7f8f9!important;min-height:100vh;width:100%;position:relative;display:flex;flex-direction:column;outline:none}nav{padding:1rem;background-color:#f7f8f9;display:flex;justify-content:center;width:100%}.nav-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:1.2rem;padding:0 1rem}@media (min-width: 768px){nav{justify-content:flex-end}.nav-links{margin-right:15rem}}.nav-link-custom{margin:0 .5rem;text-decoration:none;color:#2c3e50;font-weight:700;background-image:linear-gradient(to bottom,#fdede7 0%,#fdede7 100%);background-repeat:no-repeat;background-size:100% 0%;background-position:0 111%;transition:all .3s;padding:.25rem .5rem;cursor:pointer}.nav-link-custom:hover{background-size:100% 100%}.waiting-secret{opacity:.6;cursor:default!important}nav a{margin:0 .5rem;text-decoration:none;color:#2c3e50;font-weight:700;background-image:linear-gradient(to bottom,#fdede7 0%,#fdede7 100%);background-repeat:no-repeat;background-size:100% 0%;background-position:0 111%;transition:all .3s;padding:.25rem .5rem}nav a:hover{background-size:100% 100%}nav a.router-link-active{color:#0984e3}.router-view{flex:1}.footer{padding:1rem;text-align:center;background-color:#fff;position:relative}.footer-text{margin:0;font-size:1rem;color:#6c757d}@media (min-width: 768px){.footer-text{font-size:1.2rem}}p a{font-weight:700;background-image:linear-gradient(to bottom,#fdede7 0%,#fdede7 100%);background-repeat:no-repeat;background-size:100% 0%;background-position:0 111%;transition:all .3s;padding:.25rem .5rem}.scroll-to-top{position:fixed;bottom:20px;right:20px;background-color:#0984e3;color:#fff;width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;z-index:1000}.scroll-to-top{position:fixed;bottom:80px;right:60px;background-color:#4169e1;color:#fff;width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;z-index:1000}.scroll-to-top:hover{background-color:#2d54cf}.scroll-to-top svg{transition:transform .3s}.scroll-to-top:hover svg{transform:translateY(-2px)}body{font-size:16px;background-color:#000}.header{text-align:center;margin-bottom:3rem}.name-title h1{font-size:2.5rem;color:#2d3436;margin-bottom:.5rem}.name-title h2{color:#636e72;font-weight:400}.decorative-line{width:300px;height:5px;background:#0984e3;margin:1.5rem auto}.grid-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:2rem}.section-header{color:#2d3436;font-size:1.3rem;margin-bottom:2rem;display:flex;align-items:center;gap:.8rem}.section-icon{color:#0984e3;font-size:1.4rem}.job-card{margin-bottom:2.5rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;transition:transform .2s;box-shadow:0 2px 10px #0000000d;border-left:4px solid #0984e3}.job-card:hover{transform:translateY(-3px);background:#e9f5ff;transition:all .3s ease}.company-info{display:flex;justify-content:space-between;color:#636e72;margin-bottom:.5rem}.achievements{list-style:none;padding-left:1rem}.achievements li{position:relative;padding-left:1.2rem;margin:.8rem 0;line-height:1.6}.achievements li:before{content:"•";position:absolute;left:0;color:#0984e3}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.skill-item{background:#e9f5ff;padding:.6rem 1rem;border-radius:5px;text-align:center;font-size:1.03rem;color:#2d3436;border:1px solid #0984e3}.skill-item:hover{background:#e9f5ff;transition:all .3s ease}.degree-card{margin-bottom:1.5rem;background:#f8f9fa;border-left:4px solid #0984e3;padding:1rem;border-radius:4px}.degree-card:hover{background:#e9f5ff;transition:all .3s ease}.degree-year{color:#0984e3;font-weight:500;margin-bottom:.3rem}.degree-name{font-weight:500;margin-bottom:.2rem}.institution{color:#636e72;font-size:1.1rem}.language{margin-bottom:1rem;background:#f8f9fa;padding:1rem;border-radius:4px;border-left:4px solid #0984e3}.progress-container{height:4px;background:#dfe6e9;border-radius:2px;margin-top:.5rem}.progress-bar{height:100%;background:#0984e3;border-radius:2px;transition:width .5s ease}h1,h2,h3{font-size:1.2rem}p,li,.duration{font-size:1.1rem}.position{color:#0984e3;margin-bottom:1rem;font-size:1.1rem}.cv-container{max-width:970px;margin:2rem auto;padding:1rem;background:#ffffff;box-shadow:0 5px 25px #00000014}@media (max-width: 768px){.section-header{font-size:15px!important;margin-bottom:2rem!important;line-height:1.2!important}.duration,.company-info span{font-size:16px!important;line-height:1.2!important;display:block!important;margin-bottom:1rem!important}.position{font-size:16px!important;line-height:1.2!important;margin-bottom:1.5rem!important}.grid-layout{grid-template-columns:1fr}.header{padding:0 1rem}.cv-container{padding:1rem}}.puzzle-captcha-container[data-v-5c31de72]{margin:20px 0;width:100%}.puzzle-board[data-v-5c31de72]{position:relative;width:100%;height:200px;margin:10px 0;border-radius:4px;overflow:hidden}.puzzle-image[data-v-5c31de72]{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;position:relative}.puzzle-piece[data-v-5c31de72]{position:absolute;width:60px;height:60px;background-repeat:no-repeat;cursor:move;box-shadow:0 4px 8px #0003;border:2px solid #4a90e2;border-radius:2px;transition:box-shadow .2s;z-index:10;overflow:hidden}.puzzle-piece[data-v-5c31de72]:hover{box-shadow:0 6px 12px #0000004d}.puzzle-hole[data-v-5c31de72]{position:absolute;width:60px;height:60px;background-color:#fff;border:2px dashed red;box-sizing:border-box;z-index:5}.piece-content[data-v-5c31de72]{width:100%;height:100%;position:relative}.contact-container{max-width:800px;width:100%;margin:0 auto;margin-bottom:2rem;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a}.contact-form{display:flex;flex-direction:column;gap:2rem}.form-group{display:flex;flex-direction:column;gap:.75rem}label{font-weight:700;font-size:1rem;color:#333}input,textarea{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;background-color:#f8f9fa}input:focus,textarea:focus{outline:none;border-color:#1fa7fa;background-color:#fff}textarea{resize:vertical}input[name=remarque]{display:none}button[type=submit]{background-color:#1fa7fa;color:#fff;padding:.75rem 2rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;width:fit-content}button[type=submit]:hover{background-color:#1890ff}.error{color:#dc3545;font-size:.875rem;margin-top:.25rem}.success{color:#28a745;background-color:#e8f5e9;padding:1rem;border-radius:4px;text-align:center;margin-top:1rem;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.required-fields{font-style:italic;color:#666;font-size:.875rem}.private-page{max-width:970px;margin:0 auto;margin-bottom:2rem;padding:2rem;background-color:#fff}.links-section{margin-bottom:2rem}.links-section p{margin-bottom:1rem;line-height:1.6;color:#4a5568}.links-section a{font-weight:700;background-image:linear-gradient(to bottom,#fdede7 0%,#fdede7 100%);background-repeat:no-repeat;background-size:100% 00%;background-position:0 111%;transition:background-size .25s ease-in,all .3s;padding-left:2px;padding-right:2px;color:#2c3e50;text-decoration:none}.links-section a:hover{background-size:100% 100%}.mentions-container{max-width:970px;margin:0 auto;margin-bottom:2rem;padding:2rem;background-color:#fff}h1{font-size:2rem;color:#2c3e50;margin-bottom:2rem}h2{font-size:1.5rem;color:#2c3e50;margin-top:2rem;margin-bottom:1rem}section{margin-bottom:2rem}p{margin-bottom:1rem;line-height:1.6;color:#4a5568}p a{font-weight:700;background-image:-webkit-gradient(linear,left top,left bottom,from(#fdede7),to(#fdede7));background-image:linear-gradient(to bottom,#fdede7 0%,#fdede7 100%);background-repeat:no-repeat;background-size:100% 00%;background-position:0 111%;-webkit-transition:background-size .25s ease-in;transition:background-size .25s ease-in;padding-left:2px;padding-right:2px;-webkit-transition:all .3s;transition:all .3s}p a:hover{background-size:100% 100%}address{margin:1rem 0;font-style:normal;line-height:1.6;color:#4a5568}:root{--background-color: #f7f8f9;--page-padding: 0px}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--background-color)!important;color:#000;min-height:100vh;width:100%}#app{background-color:var(--background-color)!important;min-height:100vh;width:100%;padding-top:var(--page-padding)}
