@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary-blue:#2563eb;--secondary-blue:#1e40af;--light-blue:#dbeafe;--dark-text:#1f2937;--body-text:#374151;--light-text:#6b7280;--white:#fff;--bg-white:#fff;--bg-light:#f9fafb;--header-gradient:linear-gradient(135deg,#2563eb,#1e40af);--footer-gradient:linear-gradient(135deg,#1e40af,#1e3a8a);--card-hover:linear-gradient(135deg,#2563eb0d,#1e40af0d);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem;--font-xs:0.875rem;--font-sm:1rem;--font-base:1.125rem;--font-lg:1.25rem;--font-xl:1.5rem;--font-2xl:1.875rem;--font-3xl:2.25rem;--font-4xl:3rem;--font-5xl:3.75rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:50%;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1)}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth;scroll-padding-top:80px}body{background:#fff;background:var(--bg-white);color:#374151;color:var(--body-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}*{scrollbar-color:#2563eb #f9fafb;scrollbar-color:var(--primary-blue) var(--bg-light);scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#2563eb;background:var(--primary-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1e40af;background:var(--secondary-blue)}h1,h2,h3,h4,h5,h6{color:#2563eb;color:var(--primary-blue);font-weight:700;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}h1{font-size:3rem;font-size:var(--font-4xl)}h2{font-size:2.25rem;font-size:var(--font-3xl)}h3{font-size:1.875rem;font-size:var(--font-2xl)}h4{font-size:1.5rem;font-size:var(--font-xl)}p{color:#374151;color:var(--body-text);line-height:1.7;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}a{color:#2563eb;color:var(--primary-blue);text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal)}a:hover{color:#1e40af;color:var(--secondary-blue)}::selection{background:#dbeafe;background:var(--light-blue);color:#1e40af;color:var(--secondary-blue)}::-moz-selection{background:#dbeafe;background:var(--light-blue);color:#1e40af;color:var(--secondary-blue)}img{display:block;height:auto;max-width:100%}button{border:none;cursor:pointer;font-family:inherit;outline:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}ul{list-style:none}.container{padding:0 1.5rem;padding:0 var(--spacing-md)}input,select,textarea{font-family:inherit}.navigation{grid-gap:2rem;grid-gap:var(--spacing-lg);align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--header-gradient);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:grid;gap:2rem;gap:var(--spacing-lg);grid-template-columns:1fr 2fr 1fr;left:0;padding:1.5rem;padding:var(--spacing-md);position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);z-index:1000}.nav-brand{align-items:center;display:flex;gap:1rem;gap:var(--spacing-sm);justify-self:start}.nav-brand h2{display:none}.profile-photo{background:#fff;background:var(--white);border:3px solid #ffffffe6;border-radius:50%;border-radius:var(--radius-full);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);cursor:pointer;height:70px;overflow:hidden;padding:3px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:70px}.profile-photo:hover{border-color:#fff;border-color:var(--white);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:scale(1.05)}.profile-photo img{border-radius:50%;border-radius:var(--radius-full);height:100%;object-fit:cover;width:100%}.nav-links{display:flex;gap:2rem;gap:var(--spacing-lg);justify-content:center;list-style:none}.nav-link{background:#ffffff1a;border:2px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.3px;padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.nav-link:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.nav-link.active{background:#ffffff59;border-color:#ffffff80;box-shadow:0 2px 8px #0000001a;font-weight:700}.nav-actions{display:flex;gap:1rem;gap:var(--spacing-sm);justify-self:end}.portfolio-container{background:#fff;background:var(--bg-white);color:#374151;color:var(--body-text);min-height:100vh;position:relative}.portfolio-container.visible{opacity:1;pointer-events:auto;transform:scale(1);transition:opacity .8s ease-out,transform .8s ease-out}.page-content{min-height:100vh;padding-top:80px;position:relative;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.container{margin:0 auto;max-width:1200px;padding:0 2rem;padding:0 var(--spacing-lg);width:100%}.section-wrapper{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out}.section-wrapper.fade-in{animation:sectionFadeIn .6s ease-out forwards}.accueil-container,.contact-section,.projects-section{padding:6rem 0 4rem}.btn{border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-weight:500;outline:none;padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--secondary-color);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;border-radius:var(--radius-lg);padding:2rem;padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.card:hover{background:#ffffff26;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes wave{0%,to{transform:rotate(0deg)}10%,30%,50%,70%,90%{transform:rotate(14deg)}20%,40%,60%,80%{transform:rotate(-8deg)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.intro-page{align-items:center;background:linear-gradient(135deg,#e3f2fd,#fdfeff 50%,#fff);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:opacity .8s ease-out,transform .8s ease-out;width:100vw;z-index:9999}.intro-page.hide{opacity:0;pointer-events:none;transform:scale(1.1)}.intro-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.intro-avatar-container{height:50vh;justify-content:center;margin-bottom:2rem;max-width:600px;overflow:hidden;pointer-events:auto;width:100%}.intro-avatar-container,.intro-content{align-items:center;display:flex;position:relative;z-index:3}.intro-content{flex-direction:column;gap:1rem;max-width:700px;padding:0 2rem;text-align:center}.intro-title{animation:fadeInUp .8s ease-out;color:#2563eb;color:var(--primary-blue);font-size:3.5rem;font-weight:800;letter-spacing:-1px;margin:0}.intro-subtitle{animation:fadeInUp .8s ease-out .2s both;color:#1f2937;color:var(--dark-text);font-size:2rem;font-weight:600;margin:0}.intro-description{animation:fadeInUp .8s ease-out .4s both;color:#374151;color:var(--body-text);font-size:1.3rem;margin:.5rem 0 2rem;opacity:.9}.loading-container{align-items:center;animation:fadeInUp .8s ease-out .6s both;display:flex;flex-direction:column;gap:.8rem;max-width:400px;width:100%}.loading-bar{background:#2563eb1a;border-radius:10px;height:8px;overflow:hidden;position:relative;width:100%}.loading-fill{background:linear-gradient(90deg,#2563eb,#1e40af);background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue));border-radius:10px;box-shadow:0 0 10px #2563eb80;height:100%;transition:width .3s ease-out}.loading-glow{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.loading-text{font-size:1.1rem;font-weight:600}.loading-percentage,.loading-text{color:#2563eb;color:var(--primary-blue);margin:0}.loading-percentage{font-size:1.5rem;font-weight:700}.floating-particles{height:100%;overflow:hidden;position:absolute;width:100%}.particle{animation:float 4s ease-in-out infinite;background:#2563eb;background:var(--primary-blue);border-radius:50%;height:8px;opacity:.3;position:absolute;width:8px}@keyframes float{0%,to{opacity:.3;transform:translateY(0) scale(1)}50%{opacity:.6;transform:translateY(-100vh) scale(1.2)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.intro-avatar-container{height:40vh;margin-bottom:1.5rem;max-width:400px}.intro-content{gap:.8rem;padding:0 1.5rem}.intro-title{font-size:2.5rem}.intro-subtitle{font-size:1.5rem}.intro-description{font-size:1.1rem;margin:.3rem 0 1.5rem}.loading-container{max-width:300px}.loading-text{font-size:1rem}.loading-percentage{font-size:1.3rem}}@media (max-width:480px){.intro-avatar-container{height:35vh;max-width:300px}.intro-title{font-size:2rem}.intro-subtitle{font-size:1.3rem}.intro-description{font-size:1rem}.loading-container{max-width:250px}}.intro-text{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.intro-text h1{animation:fadeInUp 1s ease-out;color:#2563eb;color:var(--primary-blue);font-size:3rem;font-weight:700;margin-bottom:1rem}.intro-text p{animation:fadeInUp 1s ease-out .5s both;color:#374151;color:var(--body-text);font-size:1.2rem;margin-bottom:2rem;opacity:.9}.loading-dots{color:#2563eb;color:var(--primary-blue);font-size:3rem}.loading-dots span{animation:bounce 1.5s infinite}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.3s}.loading-dots span:nth-child(3){animation-delay:.6s}.skip-intro-btn{background:#2563eb;background:var(--primary-blue);border:2px solid #2563eb;border:2px solid var(--primary-blue);border-radius:.75rem;border-radius:var(--radius-lg);bottom:3rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;font-size:.9rem;font-weight:500;padding:.8rem 1.5rem;position:absolute;right:3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.skip-intro-btn:hover{background:#1e40af;background:var(--secondary-blue);border-color:#1e40af;border-color:var(--secondary-blue);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateX(5px)}@media (max-width:992px){:root{--hero-padding-top:5rem;--font-3xl:1.75rem;--font-4xl:2rem;--font-5xl:2.5rem;--spacing-xl:2.5rem;--spacing-xxl:3rem}.navigation{gap:1.5rem;gap:var(--spacing-md);grid-template-columns:auto 1fr auto}.nav-links{gap:1rem;gap:var(--spacing-sm)}.nav-link{font-size:1rem;font-size:var(--font-sm);padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm)}.profile-photo{height:60px;width:60px}}@media (max-width:768px){:root{--hero-padding-top:4rem;--font-2xl:1.25rem;--font-3xl:1.5rem;--font-4xl:1.75rem;--font-5xl:2rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:2rem;--spacing-xxl:2.5rem}.navigation{gap:1rem;gap:var(--spacing-sm);grid-template-columns:1fr;padding:1rem;padding:var(--spacing-sm)}.nav-brand{justify-self:center}.nav-links{flex-wrap:wrap;gap:.5rem;justify-content:center}.nav-link{font-size:.8rem;padding:.4rem .8rem}.nav-actions{justify-self:center}.profile-photo{height:50px;width:50px}.container{padding:0 1.5rem;padding:0 var(--spacing-md)}.intro-text h1{font-size:2rem}.intro-text p{font-size:1rem}.skip-intro-btn{bottom:1.5rem;font-size:.8rem;padding:.6rem 1.2rem;right:1.5rem}}@media (max-width:575px){:root{--hero-padding-top:3.5rem;--font-xl:1.125rem;--font-2xl:1.25rem;--font-3xl:1.375rem;--font-4xl:1.5rem;--font-5xl:1.75rem;--spacing-sm:0.75rem;--spacing-md:0.875rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-xxl:2rem}.nav-link{font-size:.75rem;padding:.3rem .6rem}.profile-photo{height:45px;width:45px}.intro-text h1{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.footer{background:linear-gradient(135deg,#1e40af,#1e3a8a);background:var(--footer-gradient);color:#fff;color:var(--white);margin-top:4rem;padding:3rem 2rem 1.5rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto 2rem;max-width:1200px}.footer-info h4{color:#fff;color:var(--white);font-size:1.5rem;font-size:var(--font-xl);margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.footer-info p{color:#ffffffe6;line-height:1.6}.footer-social{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;margin-top:var(--spacing-md)}.footer-social a{align-items:center;background:#ffffff1a;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);display:flex;font-size:1.5rem;justify-content:center;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.footer-social a:hover{background:#fff3;transform:translateY(-3px)}.footer-quick-links{display:flex;flex-direction:column;gap:.75rem}.footer-quick-links h4{color:#fff;color:var(--white);font-size:1.5rem;font-size:var(--font-xl);margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.footer-link{background:none;border:none;color:#ffffffe6;cursor:pointer;font-size:1.125rem;font-size:var(--font-base);padding:.5rem 0;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.footer-link:hover{color:#fff;color:var(--white);padding-left:.5rem}.footer-bottom{border-top:1px solid #fff3;padding-top:2rem;text-align:center}.footer-bottom p{color:#fff;font-weight:500;opacity:1}.footer-note{color:#fffc;font-size:1rem;font-size:var(--font-sm)}@media (max-width:768px){.footer-content{gap:2rem;grid-template-columns:1fr}}
/*# sourceMappingURL=main.8c71afc8.css.map*/