*{box-sizing:border-box}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;padding:0;position:relative;width:100%}body:before{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;opacity:.1;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{background-color:#1e293b;height:113px;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.nav-header{display:flex;flex-direction:row;justify-content:space-between}.title-header{margin-left:5%;margin-top:2.4%}.title-header>a{color:#fff;font-size:20px;text-decoration:none}.ul-header{display:flex;flex-direction:row;justify-content:space-around;list-style:none;margin-right:0;width:400px}.li-header{margin-top:7%}.li-header,.li-header>a{color:#fff;text-decoration:none}.li-header.active{border-bottom:3px solid #0ea5e9}@media screen and (max-width:768px){.header{height:auto;min-height:100px;padding:15px 5px}.nav-header{align-items:center;flex-direction:column;gap:15px}.title-header{margin:0;text-align:center}.title-header>a{font-size:20px}.ul-header{justify-content:space-around;margin:0;max-width:100%;padding:0 10px;width:95%}.li-header{margin-top:0;padding:0 8px}.li-header,.li-header>a{font-size:1em}}@media screen and (max-width:480px){.title-header>a{font-size:18px}.ul-header{gap:8px;padding:0 5px;width:100%}.li-header{padding:0 5px}.li-header,.li-header>a{font-size:.95em}}.footer{background:linear-gradient(135deg,#1e293b,#334155);border-top:2px solid #0ea5e9;margin-top:80px;padding:30px 0;position:relative;width:100%;z-index:1}.footer-content{color:#d4d4d4;font-size:1em;text-align:center}.footer-social{display:flex;gap:30px;justify-content:center;margin-bottom:15px}.footer-link{color:#0ea5e9;font-size:1em;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#06b6d4}.footer-content p{margin:0}@media screen and (max-width:768px){.footer{margin-top:60px;padding:20px 0}.footer-content{font-size:1em;padding:0 20px}.footer-social{flex-direction:column;gap:15px}.footer-link{font-size:1.1em}}@media screen and (max-width:480px){.footer-content{font-size:.95em}.footer-link{font-size:1.05em}}.home-container{color:#fff;margin-left:auto;margin-right:auto;min-height:100vh;padding-top:113px;width:100%}.home-container-first{align-items:center;display:flex;flex-direction:row;gap:50px;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:5%;padding:50px 0;width:80%}.container-image{align-items:center;display:flex;flex:1 1;justify-content:center}.container-image>img{border:4px solid #0ea5e9;border-radius:50%;box-shadow:0 0 30px #0ea5e980;height:auto;max-width:300px}.home-container-first>.container-text{flex:1 1;text-align:left}.home-container-first h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:3em;margin-bottom:10px}.home-container-first h2{color:#0284c7;font-size:2em;margin-bottom:20px}.home-container-first p{color:#d4d4d4;font-size:1.2em;line-height:1.8;margin-bottom:30px}.cta-buttons{display:flex;gap:20px;margin-top:30px}.btn-primary,.btn-secondary{border-radius:8px;display:inline-block;font-size:1.1em;font-weight:600;padding:15px 35px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:2px solid #0000;color:#fff}.btn-primary:hover{box-shadow:0 10px 30px #0ea5e980;transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid #0ea5e9;color:#0ea5e9}.btn-secondary:hover{background:#0ea5e91a;transform:translateY(-3px)}.home-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:60px auto;padding:40px 0;width:80%}.stat-item{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #0ea5e9;border-radius:15px;padding:30px 20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-item:hover{box-shadow:0 10px 30px #0ea5e94d;transform:translateY(-5px)}.stat-item h3{color:#06b6d4;font-size:3em;font-weight:700;margin-bottom:10px}.stat-item p{color:#d4d4d4;font-size:1.1em;margin:0}@media screen and (max-width:1024px){.home-container-first,.home-stats{width:90%}}@media screen and (max-width:768px){.home-container{padding-top:120px}.home-container-first{flex-direction:column;margin-top:5%;padding:20px;text-align:center;width:95%}.home-container-first>.container-text{text-align:center}.home-container-first h1{font-size:2em}.home-container-first h2{font-size:1.5em}.home-container-first p{font-size:1em}.container-image>img{max-width:250px}.cta-buttons{flex-direction:column;gap:15px}.btn-primary,.btn-secondary{width:100%}.home-stats{gap:15px;grid-template-columns:repeat(2,1fr);margin:30px auto;padding:20px 10px;width:95%}.stat-item{margin:0 5px;padding:20px 10px}.stat-item h3{font-size:2em}.stat-item p{font-size:.9em}}@media screen and (max-width:480px){.home-container-first{padding:10px;width:100%}.home-container-first h1{font-size:1.5em;margin-bottom:10px}.home-container-first h2{font-size:1.1em}.home-container-first p{font-size:.95em;padding:0 10px}.container-image>img{max-width:180px}.cta-buttons{padding:0 10px}.btn-primary,.btn-secondary{font-size:.95em;padding:12px 20px}.home-stats{gap:10px;grid-template-columns:1fr;padding:10px 5px;width:100%}.stat-item{margin:0 5px;padding:15px 10px}.stat-item h3{font-size:1.8em}.stat-item p{font-size:.85em}}.profil-container{color:#fff;min-height:100vh;padding-top:113px;width:100%}.profil-header{background:linear-gradient(135deg,#1e293b,#334155);padding:60px 20px;text-align:center}.profil-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:3em;margin-bottom:15px}.profil-header p{color:#d4d4d4;font-size:1.3em}.experience-section,.projects-section{margin:80px auto;padding:40px 0;width:80%}.experience-section h2,.projects-section h2{color:#fff;font-size:2.5em;margin-bottom:50px;text-align:center}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #0ea5e9;border-radius:15px;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 15px 50px #0ea5e980;transform:translateY(-10px)}.project-image{background:#1e293b;height:200px;overflow:hidden;width:100%}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-image-placeholder{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:2px solid #0ea5e9;display:flex;flex-direction:column;height:200px;justify-content:center;width:100%}.project-image-placeholder span{font-size:3em;margin-bottom:10px;opacity:.5}.project-image-placeholder p{color:#64748b;font-size:1em;margin:0}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:30px}.project-content h3{color:#06b6d4;font-size:1.8em;margin-bottom:15px}.project-content p{color:#d4d4d4;flex-grow:1;line-height:1.6;margin-bottom:20px}.technologies{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tech-badge{background:#0ea5e94d;border:1px solid #0ea5e9;border-radius:20px;color:#06b6d4;font-size:.9em;padding:5px 15px}.project-link{color:#0ea5e9;font-size:1.1em;font-weight:700;text-decoration:none;transition:color .3s ease}.project-link:hover{color:#06b6d4}.skills-section{margin:80px auto;padding:40px 0;width:80%}.skills-section h2{color:#fff;font-size:2.5em;margin-bottom:50px;text-align:center}.skills-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-card{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #0ea5e9;border-radius:15px;padding:35px 30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{box-shadow:0 10px 40px #0ea5e966;transform:translateY(-10px)}.skill-icon{font-size:3em;margin-bottom:15px}.skill-card h4{color:#06b6d4;font-size:1.5em;margin-bottom:15px}.skill-card p{color:#d4d4d4;font-size:1em;line-height:1.5}.timeline{padding-left:50px;position:relative}.timeline:before{background:linear-gradient(180deg,#0ea5e9,#06b6d4);bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:50px;padding-left:30px;position:relative}.timeline-dot{background:#06b6d4;border:3px solid #0f172a;border-radius:50%;box-shadow:0 0 15px #06b6d499;height:20px;left:-30px;position:absolute;top:0;width:20px}.timeline-content{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #0ea5e9;border-radius:10px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{box-shadow:0 10px 40px #0ea5e966;transform:translateX(10px)}.timeline-content h3{color:#06b6d4;font-size:1.6em;margin-bottom:5px}.timeline-content h4{color:#0284c7;font-size:1.3em;margin-bottom:10px}.timeline-content .period{color:#0ea5e9;font-size:1em;font-weight:700}.timeline-content p{color:#d4d4d4;line-height:1.6;margin-top:15px}.formation-section{margin:80px auto;padding:40px 0;width:80%}.formation-section h2{color:#fff;font-size:2.5em;margin-bottom:50px;text-align:center}@media screen and (max-width:1024px){.experience-section,.formation-section,.projects-section,.skills-section{width:85%}}@media screen and (max-width:768px){.profil-container{padding-top:120px}.profil-header{padding:40px 20px}.profil-header h1{font-size:2em}.profil-header p{font-size:1.1em}.experience-section,.formation-section,.projects-section,.skills-section{margin:40px auto;padding:20px 10px;width:95%}.experience-section h2,.formation-section h2,.projects-section h2,.skills-section h2{font-size:2em}.projects-grid,.skills-grid{grid-template-columns:1fr;padding:0 10px}.project-card{margin:0 10px 30px}.project-image,.project-image-placeholder{height:180px}.project-content{padding:20px}.skill-card{margin:0 10px}.project-content h3{font-size:1.5em}.skill-card{padding:25px 20px}.timeline{padding-left:0}.timeline:before{display:none}.timeline-item{margin-bottom:30px;padding-left:0}.timeline-dot{display:none}.timeline-content{border-left:4px solid #0ea5e9;margin-left:10px;margin-right:10px;padding:20px}.timeline-content h3{font-size:1.4em}.timeline-content h4{font-size:1.2em}}@media screen and (max-width:480px){.profil-header{padding:30px 15px}.profil-header h1{font-size:1.5em}.profil-header p{font-size:1em}.experience-section,.formation-section,.projects-section,.skills-section{margin:30px auto;padding:15px 5px;width:100%}.experience-section h2,.formation-section h2,.projects-section h2,.skills-section h2{font-size:1.5em;margin-bottom:25px}.projects-grid,.skills-grid{padding:0 5px}.project-card{margin:0 5px 25px}.project-image,.project-image-placeholder{height:150px}.project-content{padding:15px}.skill-card{margin:0 5px}.project-content h3{font-size:1.2em}.project-content p{font-size:.9em}.tech-badge{font-size:.8em;padding:4px 12px}.skill-card{padding:20px 15px}.skill-icon{font-size:2.2em}.skill-card h4{font-size:1.2em}.skill-card p{font-size:.9em}.timeline{padding-left:0}.timeline:before{display:none}.timeline-item{margin-bottom:25px;padding-left:0}.timeline-dot{display:none}.timeline-content{border-left:3px solid #0ea5e9;margin-left:10px;margin-right:10px;padding:15px}.timeline-content h3{font-size:1.1em}.timeline-content h4{font-size:1em}.timeline-content p{font-size:.9em}}.contact-container{color:#fff;min-height:100vh;padding-top:113px;width:100%}.contact-header{background:linear-gradient(135deg,#1e293b,#334155);padding:60px 20px;text-align:center}.contact-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:3em;margin-bottom:15px}.contact-header p{color:#d4d4d4;font-size:1.3em}.contact-content{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1.5fr;margin:80px auto;width:80%}.contact-form-wrapper h2,.contact-info h2{color:#06b6d4;font-size:2em;margin-bottom:30px}.info-item{align-items:flex-start;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #0ea5e9;border-radius:10px;display:flex;gap:20px;margin-bottom:30px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.info-item:hover{box-shadow:0 10px 40px #0ea5e966;transform:translateX(10px)}.info-icon{flex-shrink:0;font-size:2.5em}.info-item h3{color:#06b6d4;font-size:1.3em;margin-bottom:5px}.info-item p{color:#d4d4d4;font-size:1.1em}.social-links{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #0ea5e9;border-radius:10px;margin-top:40px;padding:20px}.social-links h3{color:#06b6d4;font-size:1.3em;margin-bottom:20px}.social-icons{display:flex;flex-direction:column;gap:15px}.social-link{background:#0ea5e94d;border:1px solid #0ea5e9;border-radius:8px;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#0ea5e9;transform:translateX(5px)}.contact-form{gap:25px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:10px}.form-group label{color:#06b6d4;font-size:1.1em;font-weight:500}.form-group input,.form-group textarea{background:#1e293b99;border:2px solid #0ea5e9;border-radius:8px;color:#fff;font-family:inherit;font-size:1em;padding:15px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#1e293bcc;border-color:#06b6d4;box-shadow:0 0 20px #06b6d44d;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.form-group textarea{min-height:150px;resize:vertical}.submit-btn{background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;margin-top:10px;padding:15px 40px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 10px 30px #0ea5e980;transform:translateY(-3px)}.submit-btn:active{transform:translateY(-1px)}.form-status{animation:fadeIn .3s ease;background:linear-gradient(135deg,#059669,#10b981);border-radius:8px;color:#fff;font-weight:500;padding:15px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1024px){.contact-content{gap:40px;grid-template-columns:1fr;width:85%}.contact-info{order:2}.contact-form-wrapper{order:1}}@media screen and (max-width:768px){.contact-container{padding-top:120px}.contact-header{padding:40px 20px}.contact-header h1{font-size:2em}.contact-header p{font-size:1.1em}.contact-content{margin:40px auto;padding:0 10px;width:95%}.contact-form-wrapper h2,.contact-info h2{font-size:1.6em}.info-item{align-items:center;flex-direction:column;margin:0 10px 20px;padding:20px 15px;text-align:center}.social-links{margin-left:10px;margin-right:10px}.info-icon{font-size:2em}.info-item h3{font-size:1.2em}.info-item p{font-size:1em}.social-icons{flex-direction:row;flex-wrap:wrap}.social-link{flex:1 1;min-width:120px}.form-group input,.form-group textarea{font-size:16px}.submit-btn{font-size:1em}}@media screen and (max-width:480px){.contact-header{padding:30px 15px}.contact-header h1{font-size:1.5em}.contact-header p{font-size:1em}.contact-content{margin:30px auto;padding:0 5px;width:100%}.contact-form-wrapper h2,.contact-info h2{font-size:1.4em}.info-item{margin:0 5px 15px;padding:15px}.info-item h3{font-size:1.1em}.info-item p{font-size:.95em}.social-links{margin-left:5px;margin-right:5px}.social-icons{flex-direction:column;gap:10px}.social-link{font-size:.95em;min-width:auto;padding:10px 15px;width:100%}.form-group label{font-size:1em}.form-group input,.form-group textarea{font-size:16px;padding:12px}.submit-btn{font-size:.95em;padding:12px 25px}}.about-container{color:#fff;min-height:100vh;padding-top:113px;width:100%}.about-header{background:linear-gradient(135deg,#1e293b,#334155);padding:60px 20px;text-align:center}.about-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:3em;margin-bottom:15px}.about-header p{color:#d4d4d4;font-size:1.3em}.about-content{margin:0 auto;padding:60px 0;width:80%}.about-intro{margin-bottom:80px;text-align:center}.about-intro h2{color:#06b6d4;font-size:2.5em;margin-bottom:30px}.about-intro p{color:#d4d4d4;font-size:1.2em;line-height:1.8;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:800px}.about-values{margin-bottom:80px}.about-values h2{color:#06b6d4;font-size:2.5em;margin-bottom:50px;text-align:center}.values-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-card{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #0ea5e9;border-radius:15px;padding:40px 30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{box-shadow:0 15px 50px #0ea5e980;transform:translateY(-10px)}.value-icon{font-size:3em;margin-bottom:20px}.value-card h3{color:#06b6d4;font-size:1.6em;margin-bottom:15px}.value-card p{color:#d4d4d4;line-height:1.6}.about-interests h2{color:#06b6d4;font-size:2.5em;margin-bottom:50px;text-align:center}.interests-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.interest-item{align-items:flex-start;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #0ea5e9;border-radius:15px;display:flex;gap:20px;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.interest-item:hover{box-shadow:0 10px 40px #0ea5e966;transform:translateX(10px)}.interest-emoji{flex-shrink:0;font-size:2.5em}.interest-item h4{color:#06b6d4;font-size:1.4em;margin-bottom:10px}.interest-item p{color:#d4d4d4;line-height:1.6}.about-gallery{margin-top:80px}.about-gallery h2{color:#06b6d4;font-size:2.5em;margin-bottom:50px;text-align:center}.gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gallery-item{aspect-ratio:1;border:2px solid #0ea5e9;border-radius:15px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{box-shadow:0 10px 40px #0ea5e980;transform:scale(1.05)}.gallery-item img{height:100%;object-fit:cover;width:100%}.gallery-placeholder{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.gallery-placeholder span{font-size:3em;margin-bottom:10px;opacity:.5}.gallery-placeholder p{color:#64748b;font-size:1em;margin:0}@media screen and (max-width:1024px){.about-content{width:85%}}@media screen and (max-width:768px){.about-container{padding-top:120px}.about-header{padding:40px 20px}.about-header h1{font-size:2em}.about-header p{font-size:1.1em}.about-content{padding:30px 10px;width:95%}.about-gallery,.about-interests,.about-intro,.about-values{margin-bottom:50px}.about-gallery h2,.about-interests h2,.about-intro h2,.about-values h2{font-size:2em}.about-intro p{font-size:1em}.interests-list,.values-grid{grid-template-columns:1fr;padding:0 10px}.value-card{margin:0 10px;padding:30px 20px}.interest-item{align-items:center;flex-direction:column;margin:0 10px;text-align:center}.gallery-grid{gap:15px;grid-template-columns:repeat(2,1fr);padding:0 10px}.gallery-item{margin:0 5px}}@media screen and (max-width:480px){.about-header{padding:30px 15px}.about-header h1{font-size:1.5em}.about-header p{font-size:1em}.about-content{padding:20px 5px;width:100%}.about-gallery,.about-interests,.about-intro,.about-values{margin-bottom:40px}.about-gallery h2,.about-interests h2,.about-intro h2,.about-values h2{font-size:1.5em;margin-bottom:25px}.about-intro p{font-size:.95em;padding:0 10px}.interests-list,.values-grid{padding:0 5px}.value-card{margin:0 5px;padding:25px 15px}.value-icon{font-size:2.2em}.value-card h3{font-size:1.3em}.value-card p{font-size:.9em}.interest-item{margin:0 5px;padding:20px 15px}.interest-emoji{font-size:2em}.interest-item h4{font-size:1.2em}.interest-item p{font-size:.9em}.gallery-grid{gap:15px;grid-template-columns:1fr;padding:0 5px}.gallery-item{margin:0 5px}}
/*# sourceMappingURL=main.8fc2d575.css.map*/