.about,header{justify-content:space-between}.hero-content,header,nav{display:flex}.about,body{color:var(--text)}:root{--bg:#050b2e;--primary:#4da3ff;--text:#ffffff;--muted:#b8c1ff}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);line-height:1.6}header{padding:30px 80px;align-items:center}.about,.hero,section{padding:80px}.header-content{display:flex;align-items:center}.header-logo{margin-right:15px}header h1{font-size:20px;letter-spacing:2px}.github-button,nav a{font-size:16px;transition:.3s;text-decoration:none}nav{gap:20px}nav a{color:#fff;padding:10px 20px;border-radius:25px;border:2px solid transparent;background-color:transparent;position:relative;overflow:hidden}.github-button:hover,nav a:hover{color:#050b2e;background-color:#fff;border-color:#050b2e}.github-button:active,nav a:active{transform:scale(.98)}.hero{background-color:var(--bg)}.hero-title-full{width:100%;margin-bottom:60px}.hero-title-full h2{font-size:clamp(48px, 6vw, 110px);line-height:1.1}.hero-title-full span{display:block;font-size:clamp(60px, 7vw, 100px);font-weight:700;color:var(--primary)}.hero-content{align-items:center;justify-content:space-between;gap:80px;width:100%}.hero-left{flex:1;display:flex-start;flex-direction:column;gap:15px}.hero-profile img{width:100%;max-width:100%;height:auto}.horizontal-logo-container{display:flex;justify-content:flex-start}.hero-right{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:25px;margin-top:-110px}.about-right p,.about-text{text-align:left}.hero-right-row{display:flex;align-items:center;gap:15px}.hero-right-row h2{font-size:28px}.hero-right p{font-size:18px;line-height:1.6;max-width:420px;color:var(--muted)}.about{display:flex;align-items:center;background-color:#050b2e}.about-content{display:flex;justify-content:space-between;gap:50px;width:100%}.horizontal-logo-container{margin-top:-115px;margin-left:35px}.horizontal-logo{max-width:70%;width:150%;height:auto;margin-top:20px}.about-left{display:flex;flex-direction:column;align-items:flex-start;max-width:70%}.about-right{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:160px;max-width:45%}.vertical-logo-container{max-width:40%;width:100%;margin-top:-600px;margin-left:850px}.vertical-logo{width:40%;height:auto;max-width:100%;margin-top:20px}.about-text h2{font-size:25px;margin-bottom:10px}.about-text span{font-size:60px;color:var(--primary);font-weight:600}.about-image img{width:150%;max-width:200%;height:auto;border-radius:10px;margin-top:20px}.about-right p{font-size:25px;line-height:1.6;margin-bottom:15px;margin-left:120px}.card,.formation h3,.projets h3,footer{text-align:center}.image-below-title{display:flex;justify-content:center;margin-top:20px}.image-below-title img{width:70%;max-width:250%;height:auto;border-radius:10px;margin-left:75px;margin-top:20px;align-self:center}.image img,img{max-width:100%}.formation h3{font-size:36px;margin-bottom:60px}.projets h3{font-size:50px;margin-bottom:60px}.card h2,.card h3{font-size:17px;color:var(--primary)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.card{background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:30px;border-radius:16px}.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.25)}.card h4{margin-bottom:10px;color:var(--primary)}.card h3{margin-top:22px;margin-bottom:-10px}.card h2{margin-top:14px;margin-bottom:10px}.github-button{color:#fff;background-color:#333;padding:12px 20px;border-radius:25px;border:2px solid transparent;display:inline-block;margin:10px 0}footer{padding:40px;color:var(--muted);font-size:14px}.project-content{display:flex;align-items:flex-start;gap:400px;margin-top:20px;justify-content:flex-end}.project-text{text-align:left;max-width:50%}.project-text ul{text-align:left;list-style-type:disc;margin-left:20px;font-size:20px}.project-text h5{text-align:left;margin-bottom:10px;font-size:25px}.project-text p,.project-text strong{text-align:left;margin-bottom:10px;font-size:20px}.projets-labyrinthes h3{text-align:center;font-size:36px;margin-bottom:40px}.projets-labyrinthes h4{text-align:center;font-size:30px;margin-bottom:40px;color:var(--primary)}.project-content .images-container{display:flex;flex-direction:column;gap:20px;align-items:flex-end;max-width:50%;margin-right:70px}.project-content img{max-width:100%;border-radius:8px}.work-with-me{display:flex;justify-content:space-between;align-items:center;gap:80px;padding:100px 80px;background-color:var(--bg);color:var(--text)}.work-with-me .content{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:40px}.work-with-me h2{font-size:clamp(36px, 4vw, 52px);font-weight:700;color:var(--primary);letter-spacing:1px}.image img{width:100%;height:auto;border-radius:16px}.contact-info{flex:1;max-width:520px;text-align:left;display:flex;flex-direction:column;gap:18px}.contact-info .logo{text-align:left;margin-bottom:20px}.contact-info p{font-size:18px;line-height:1.6;color:var(--text)}.contact-info strong{font-weight:600}.contact-info a{color:var(--primary);text-decoration:none;transition:opacity .3s}.contact-info a:hover{opacity:.8}.social-icons{display:flex;gap:18px;margin-top:10px;align-items:center}.social-logo{width:42px;height:auto;transition:transform .3s,filter .3s;filter:brightness(1.2)}.social-logo:hover{transform:scale(1.15);filter:brightness(1.4)}#scrollTopBtn{position:fixed;bottom:30px;right:30px;width:52px;height:52px;background:linear-gradient(135deg,#6a5cff,#9b8cff);border:none;border-radius:50%;cursor:pointer;display:none;z-index:9999;box-shadow:0 8px 20px rgba(0,0,0,.35);transition:transform .25s,box-shadow .25s,opacity .25s}#scrollTopBtn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 28px rgba(0,0,0,.45)}#scrollTopBtn .arrow{position:absolute;top:50%;left:50%;width:14px;height:14px;border-left:3px solid #fff;border-top:3px solid #fff;transform:translate(-50%,-40%) rotate(45deg)}#scrollTopBtn:focus{outline:#ffffff solid 3px;outline-offset:4px}.fade-left,.fade-right,.fade-up,.zoom-in{opacity:0;transition:.9s}.fade-up{transform:translateY(40px)}.fade-left{transform:translateX(-60px)}.fade-right{transform:translateX(60px)}.zoom-in{transform:scale(.9)}.show{opacity:1;transform:translate(0,0) scale(1)}h2,h3,h4{transition:transform .6s,opacity .6s}.card{transition:transform .4s,box-shadow .4s}.card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,.35)}nav a::after{content:"";position:absolute;width:100%;height:2px;bottom:6px;left:-100%;transition:left .3s}nav a:hover::after{left:0}img{height:auto;display:block}.formation .card img{width:100%;height:auto;object-fit:contain}.header-logo,.hero-logo{width:auto;height:auto;max-height:60px}.contact-info .logo img{max-width:365px;width:100%;height:auto}.card img{aspect-ratio:auto!important}@media (max-width:1440px){header h1{font-size:16px;text-align:center}nav a{font-size:24px;padding:8px 14px}.hero-title-full{text-align:left;margin-left:-20px}.hero-title-full h2{font-size:80px;text-align:left;margin:0 auto}.horizontal-logo-container{display:flex;justify-content:flex-start}.horizontal-logo{width:100%;max-width:100%;margin-left:-60px}.hero-right{margin-top:-110px}.hero-right-row h2{font-size:50px}.formation .card p,.hero-right p,.projets h4{font-size:20px}.about-text{text-align:left;align-items:left}.vertical-logo-container{max-width:40%;width:100%;margin-top:-480px;margin-left:550px}.vertical-logo{width:50%;height:auto;max-width:100%;margin-top:20px}.about-text span{display:block;text-align:center;margin:10px auto 0}.about-right{width:100%;padding:0,20px;text-align:left;margin-top:30px}.about-right p{font-size:25px;line-height:1.6;max-width:100%;margin-left:70px}.hero-profile img{width:125%;max-width:125%;margin-left:-55px}.about-image img{width:120%;max-width:120%;margin:20px auto 0 -55px}.image-below-title img{display:none}.hero-title-full span{font-size:45px;text-align:left;margin:0 auto}.card{padding:20px}.formation .card h3,.formation h2,h4{font-size:25px}.project-text p,.project-text ul{font-size:24px}.project-content{display:flex;flex-direction:row;gap:30px;justify-content:space-between}.project-content .images-container{flex:1;display:flex;justify-content:center}.project-content .images-container img{width:90%;max-width:90%;height:auto;object-fit:contain;margin-top:40px}.project-text{flex:1;text-align:left;padding-right:20px}.work-with-me h2{font-size:28px}footer{font-size:12px}}@media (max-width:1024px){header h1{font-size:16px;text-align:center}nav a{font-size:14px;padding:8px 14px}.hero-title-full{text-align:left;margin-left:-20px}.hero-title-full h2{font-size:62px;text-align:left;margin:0 auto}.horizontal-logo-container{display:flex;justify-content:flex-start}.horizontal-logo{width:100%;max-width:100%;margin-top:60px;margin-left:-60px}.hero-right{margin-top:-60px}.hero-right-row h2{font-size:20px}.hero-right p{font-size:14px}.about-text{text-align:left;align-items:left}.vertical-logo-container{max-width:40%;width:100%;margin-top:-350px;margin-left:415px}.vertical-logo{width:50%;height:auto;max-width:100%;margin-top:20px}.about-text span{display:block;text-align:center;margin:10px auto 0}.about-right{width:100%;padding:0,20px;text-align:left;margin-top:30px}.about-right p{font-size:16px;line-height:1.6;max-width:100%;margin-left:70px}.hero-profile img{width:125%;max-width:125%;margin-left:-55px}.about-image img{width:120%;max-width:120%;margin:20px auto 0 -55px}.image-below-title img{display:none}.hero-title-full span{font-size:45px;text-align:left;margin:0 auto}.card{padding:20px}.formation .card h3,.formation .card p,.formation h2,h4{font-size:15px}.project-text p,.project-text ul{font-size:16px}.project-content{display:flex;flex-direction:row;gap:30px;justify-content:space-between}.project-content .images-container{flex:1;display:flex;justify-content:center}.project-content .images-container img{width:100%;max-width:100%;height:auto;object-fit:contain;margin-top:40px}.project-text{flex:1;text-align:left;padding-right:20px}.work-with-me h2{font-size:28px}footer{font-size:12px}}@media (max-width:768px){.hero-content,h2,h3,h4{text-align:center}section{padding:50px 20px}header{flex-direction:column;gap:20px;padding:20px}nav{flex-wrap:wrap;justify-content:center}.hero-content{flex-direction:column;gap:40px}.hero-left,.hero-right{margin:0;align-items:center}.hero-right{margin-top:50px}.hero-profile img{width:100%;max-width:100%;height:auto;margin-left:0}.hero-right p{font-size:16px;max-width:100%}.horizontal-logo-container{margin:50px 0 10px;justify-content:center}.horizontal-logo{width:180%;max-width:180%;margin:0 auto}.about-content{flex-direction:column;align-items:center;gap:40px}.about-left,.about-right{max-width:100%;padding:0;align-items:center;text-align:center}.about-right{padding-top:0}.about-right p{font-size:18px;margin:0}.about-text span{font-size:42px}.about-image img,.image-below-title img{width:100%;max-width:400px;margin:0 auto}.vertical-logo,.vertical-logo-container{display:none}.project-content{flex-direction:column;gap:30px;align-items:center}.project-content .images-container,.project-text{max-width:100%;margin:0;align-items:center;text-align:left}.project-text p,.project-text ul{font-size:16px}.work-with-me{flex-direction:column;gap:50px;padding:60px 20px;text-align:center}.work-with-me .content{align-items:center}.image img{width:100%;max-width:420px}.contact-info{align-items:center;text-align:center}.contact-info .logo img{max-width:260px}#scrollTopBtn{bottom:20px;right:20px;width:46px;height:46px}#scrollTopBtn .arrow{width:12px;height:12px;border-width:2.5px}}@media (max-width:425px){header h1{font-size:18px}body,html{overflow-x:hidden;overflow-y:scroll}nav a{font-size:15px;padding:10px 18px}.hero-title-full h2{font-size:40px}.hero-title-full span{font-size:48px}.hero-profile img{width:150%;max-width:150%;margin-left:-67px}.about-image img{width:140%;max-width:140%;margin:20px auto 0 -53px}.image-below-title img{width:140%;max-width:140%;margin:20px auto 0}.hero-right-row h2{font-size:24px}.hero-right p,.project-text p,.project-text ul{font-size:16px}.about-text span{font-size:40px;text-align:center}.about-right p{font-size:17px}.work-with-me h2{font-size:32px}#scrollTopBtn{position:fixed;bottom:30px;right:41px;width:52px;height:52px;background:linear-gradient(135deg,#6a5cff,#9b8cff);border:none;border-radius:50%;cursor:pointer;display:none;z-index:9999;box-shadow:0 8px 20px rgba(0,0,0,.35);transition:transform .25s,box-shadow .25s,opacity .25s}}@media (max-width:375px){.about-text,.about-text span,.hero-title-full,.hero-title-full h2{text-align:center}header h1{font-size:17px}nav a{font-size:15px;padding:8px 16px}.hero-title-full h2{font-size:36px;margin:0 auto}.hero-profile img{width:150%;max-width:150%;margin-left:-55px}.about-image img{width:140%;max-width:140%;margin:20px auto 0 -43px}.image-below-title img{width:140%;max-width:140%;margin:20px auto 0}.hero-title-full span{font-size:32px;text-align:center;margin:0 auto}.hero-right-row h2{font-size:22px}.hero-right p,.project-text p,.project-text ul{font-size:15px}.about-text{align-items:center}.about-text span{display:block;margin:10px auto 0}.about-right p{font-size:16px}.work-with-me h2{font-size:30px}#scrollTopBtn{position:fixed;bottom:30px;right:43px;width:52px;height:52px;background:linear-gradient(135deg,#6a5cff,#9b8cff);border:none;border-radius:50%;cursor:pointer;display:none;z-index:9999;box-shadow:0 8px 20px rgba(0,0,0,.35);transition:transform .25s,box-shadow .25s,opacity .25s}}@media (max-width:320px){header h1{font-size:16px;text-align:center}nav a{font-size:14px;padding:8px 14px}.hero-title-full{text-align:left;margin-left:-20px}.hero-title-full h2{font-size:36px;text-align:left;margin:0 auto}.hero-right-row h2{font-size:20px}.hero-right p,.project-text p,.project-text ul{font-size:14px}.about-text{text-align:center;align-items:center}.about-text span{display:block;text-align:center;margin:10px auto 0}.about-right p{font-size:15px}.hero-profile img{width:170%;max-width:170%;margin-left:-55px}.about-image img{width:170%;max-width:170%;margin:20px auto 0 -55px}.image-below-title img{width:170%;max-width:170%;margin:20px auto 0}.hero-title-full span{font-size:32px;text-align:center;margin:0 auto}.card{padding:20px}.work-with-me h2{font-size:28px}footer{font-size:12px}#scrollTopBtn{position:fixed;bottom:30px;right:43px;width:52px;height:52px;background:linear-gradient(135deg,#6a5cff,#9b8cff);border:none;border-radius:50%;cursor:pointer;display:none;z-index:9999;box-shadow:0 8px 20px rgba(0,0,0,.35);transition:transform .25s,box-shadow .25s,opacity .25s}}