*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#388fed;--secondary-color:#1043b2;--text-color:#cdc8c2;--light-text:#9e9589;--bg-color:#1b1d1e;--card-bg:#181a1b;--shadow:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -1px rgba(0,0,0,0.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -2px rgba(0,0,0,0.3);--skeleton:#333}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--text-color);background:linear-gradient(135deg,#0f1419 0%,#1b1d1e 25%,#1a2332 50%,#1b1d1e 75%,#131820 100%);background-attachment:fixed;line-height:1.6;overflow-anchor:none}html{scroll-behavior:smooth}.hidden{display:none !important}.navbar{position:fixed;top:0;width:100%;background:rgb(24 26 27 / 95%);backdrop-filter:blur(10px);box-shadow:var(--shadow);z-index:1000;transition:transform 0.3s ease}.nav-container{margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:relative;gap:2rem}.nav-links{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;flex:1}.nav-toggle{display:none;border:0;background:transparent;color:var(--text-color);cursor:pointer;padding:0.5rem;border-radius:0.5rem;flex-direction:column;gap:5px}.nav-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.nav-toggle-bar{display:block;width:24px;height:2px;background:var(--text-color);border-radius:999px;margin:0;transition:transform 0.3s ease,opacity 0.3s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;padding:0.5rem 1rem;border-radius:0.5rem;transition:all 0.3s ease;position:relative}.nav-link:hover{color:var(--primary-color);background-color:rgb(37 99 235 / 10%)}.nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--primary-color);transition:all 0.3s ease;transform:translateX(-50%)}.nav-link:hover::after{width:80%}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{min-height:100vh;padding:6rem 0;display:flex;align-items:center}.hero{background:linear-gradient(135deg,#0a1929 0%,#1043b2 25%,#388fed 50%,#1043b2 75%,#0f2744 100%);color:#fff;text-align:center;height:100vh;padding:0;display:flex;flex-direction:column;justify-content:center}.hero .container{height:100%;display:flex;align-items:center}.hero-content{display:flex;flex-direction:column;align-items:center;width:100%}.profile-photo{width:250px;height:250px;flex-shrink:0;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 10px rgb(0 0 0 / 30%);margin-bottom:2rem;contain:layout;background:var(--skeleton)}.name{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgb(0 0 0 / 20%);height:1.2em;background:linear-gradient( 90deg,rgba(255,255,255,0.1) 25%,rgba(255,255,255,0.05) 50%,rgba(255,255,255,0.1) 75% );background-size:200%;animation:skeleton 1.5s infinite}.job-title{font-size:2rem;font-weight:400;margin-bottom:1.5rem;opacity:0.95;height:0.8em;background:linear-gradient( 90deg,rgba(255,255,255,0.1) 25%,rgba(255,255,255,0.05) 50%,rgba(255,255,255,0.1) 75% );background-size:200%;animation:skeleton 1.5s infinite;width:80%;margin-left:auto;margin-right:auto}.location,.education{font-size:1.2rem;opacity:0.9;margin-bottom:0.5rem;height:0.6em;background:linear-gradient( 90deg,rgba(255,255,255,0.1) 25%,rgba(255,255,255,0.05) 50%,rgba(255,255,255,0.1) 75% );background-size:200%;animation:skeleton 1.5s infinite;width:60%;margin-left:auto;margin-right:auto}.description{font-size:1.1rem;opacity:0.95;margin-top:2rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8;height:3em;background:linear-gradient( 90deg,rgba(255,255,255,0.1) 25%,rgba(255,255,255,0.05) 50%,rgba(255,255,255,0.1) 75% );background-size:200%;animation:skeleton 1.5s infinite}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}.name.loaded,.job-title.loaded,.location.loaded,.education.loaded,.description.loaded{background:none;animation:none}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;color:var(--text-color);position:relative;padding-bottom:1rem}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.experiences-grid,.diplomes-grid{display:grid;gap:2rem;grid-template-columns:1fr;min-height:400px}.projets-grid{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);min-height:400px}.apps-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.card{background:var(--card-bg);padding:2rem;border-radius:1rem;box-shadow:var(--shadow);transition:box-shadow 0.3s ease,background 0.3s ease;border-left:4px solid var(--primary-color);border:1px solid rgb(56 143 237 / 20%);will-change:box-shadow}.card:hover{box-shadow:var(--shadow-lg)}.card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.card-title{font-size:1.5rem;font-weight:600;color:var(--text-color)}.card-subtitle{font-size:1.1rem;color:var(--light-text);margin-bottom:0.5rem}.card-year{font-size:1rem;font-weight:600;color:var(--primary-color);background-color:rgb(37 99 235 / 10%);padding:0.25rem 0.75rem;border-radius:0.5rem;white-space:nowrap}.card-description{color:var(--light-text);line-height:1.7}.competences-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;min-height:300px}.competence-card{background:var(--card-bg);padding:1rem;border-radius:0.75rem;box-shadow:var(--shadow);text-align:center;transition:box-shadow 0.3s ease,background 0.3s ease;will-change:box-shadow}.competence-card:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,rgb(37 99 235 / 10%),rgb(30 64 175 / 10%))}.competence-icon{font-size:1.75rem;margin-bottom:0.5rem}.competence-name{font-size:0.95rem;font-weight:600;color:var(--text-color);margin-bottom:0.25rem}.competence-level{display:flex;gap:0.25rem;justify-content:center;margin-top:0.5rem}.level-dot{width:10px;height:10px;border-radius:50%;background-color:#e5e7eb;flex-shrink:0}.level-dot.filled{background-color:var(--primary-color)}.passions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;min-height:300px}.passion-card{background:var(--card-bg);padding:1rem;border-radius:0.75rem;box-shadow:var(--shadow);transition:box-shadow 0.3s ease,background 0.3s ease;text-align:center;will-change:box-shadow}.passion-card:hover{box-shadow:var(--shadow-lg)}.passion-icon{font-size:1.75rem;margin-bottom:0.5rem}.passion-name{font-size:0.95rem;font-weight:600;color:var(--text-color);margin-bottom:0.25rem}.passion-description{color:var(--light-text);line-height:1.7}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto;min-height:250px}.contact-card{background:var(--card-bg);padding:2rem;border-radius:1rem;box-shadow:var(--shadow);transition:box-shadow 0.3s ease,background 0.3s ease;text-align:center;text-decoration:none;color:var(--text-color);display:flex;flex-direction:column;align-items:center;will-change:box-shadow}.contact-card:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,rgb(37 99 235 / 5%),rgb(30 64 175 / 5%));text-decoration:none}.contact-icon{font-size:3rem;margin-bottom:1rem}.contact-icon-img{width:3rem;height:3rem;margin-bottom:1rem}.contact-label{font-size:1.2rem;font-weight:600;color:var(--text-color);margin-bottom:0.5rem}.contact-value{color:var(--primary-color);font-size:1rem;word-break:break-word}.app-card{background:var(--card-bg);padding:1rem;border-radius:0.75rem;box-shadow:var(--shadow);transition:box-shadow 0.3s ease,background 0.3s ease;text-align:center;text-decoration:none;color:var(--text-color);display:flex;flex-direction:column;align-items:center;will-change:box-shadow}.app-card:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,rgb(37 99 235 / 5%),rgb(30 64 175 / 5%));text-decoration:none}.app-icon{font-size:1.75rem;margin-bottom:0.5rem}.app-icon-img{width:1.75rem;height:1.75rem;margin-bottom:0.5rem}.app-name{font-size:0.95rem;font-weight:600;color:var(--text-color)}a{color:var(--primary-color);text-decoration:none;transition:all 0.3s ease}a:hover{color:#fff;text-decoration:underline}footer{background-color:#0f0f10;color:#fff;padding:2rem 0;text-align:center}@media (max-width:1024px){.competences-grid{grid-template-columns:repeat(3,1fr)}.apps-grid{grid-template-columns:repeat(3,1fr)}.passions-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 1.5rem}.name{font-size:2.5rem}.job-title{font-size:1.5rem}.location,.education{font-size:1rem}.description{font-size:1rem}.section-title{font-size:2rem}.nav-container{padding:0.75rem 1rem;justify-content:space-between}.nav-links{position:absolute;top:100%;left:0;right:0;background:rgb(24 26 27 / 98%);flex-direction:column;gap:0.5rem;padding:0.75rem 1rem 1rem;box-shadow:var(--shadow);display:none}.navbar.nav-open .nav-links{display:flex}.nav-link{width:100%;text-align:center}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-link{padding:0.6rem 1rem;font-size:1.1rem}.section{padding:4rem 0;min-height:auto}.hero{padding-top:0}.profile-photo{width:200px;height:200px}.competences-grid{grid-template-columns:repeat(2,1fr);gap:1rem;min-height:400px}.passions-grid{grid-template-columns:repeat(2,1fr);gap:1rem;min-height:400px}.apps-grid{grid-template-columns:repeat(2,1fr)}.projets-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:1.5rem;min-height:350px}.card{padding:1.5rem}.card-header{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.container{padding:0 1rem}.name{font-size:2rem}.job-title{font-size:1.25rem}.section-title{font-size:1.75rem}.nav-container{gap:0.25rem;padding:0.5rem;justify-content:space-between}.nav-link{padding:0.3rem 0.5rem;font-size:0.75rem}.profile-photo{width:175px;height:175px}.competences-grid{grid-template-columns:repeat(2,1fr);gap:0.75rem}.competence-card,.passion-card,.contact-card,.app-card{padding:0.75rem}.competence-icon{font-size:1.5rem;margin-bottom:0.25rem}.competence-name{font-size:0.85rem}.card{padding:1.25rem}.card-title{font-size:1.25rem}.card-subtitle{font-size:1rem}.passion-icon,.contact-icon{font-size:1.5rem;margin-bottom:0.25rem}.app-icon{font-size:1.5rem;margin-bottom:0.25rem}.app-icon-img{width:1.5rem;height:1.5rem;margin-bottom:0.25rem}.passion-name,.contact-label,.app-name{font-size:0.85rem}.passions-grid{grid-template-columns:repeat(2,1fr);gap:0.75rem}.contact-grid{min-height:400px}.apps-grid{grid-template-columns:repeat(3,1fr);gap:0.75rem}}.print-btn{background:#1a57c4;color:white;border:none;padding:0.5rem 1rem;border-radius:6px;cursor:pointer;font-size:0.9rem;font-weight:500;transition:all 0.3s ease;margin-left:auto}.print-btn:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow)}@media (max-width:768px){.print-btn{margin-left:auto;padding:0.6rem 1rem;font-size:1.1rem}}