:root{--bg:#0a0a0b;--bg1:#111113;--bg2:#18181c;--bg3:#1e1e24;--bdr:#ffffff14;--bdr2:#ffffff0d;--txt:#f9f8f5;--txt2:#b8b5ad;--txt3:#88868e;--ac:#cc785c;--acl:#e8956e;--acd:#cc785c24;--acg:#cc785c3d;--r1:8px;--r2:12px;--r3:20px;--r4:28px;--font:"Plus Jakarta Sans", sans-serif;--mono:"JetBrains Mono", monospace;--font-size:1rem;--ease:cubic-bezier(.16, 1, .3, 1)}html,body{font-size:var(--font-size)}.tech-tag{cursor:pointer;transition:all .3s var(--ease);position:relative}.tech-tag:hover{background:var(--ac);color:var(--bg);transform:translateY(-2px);box-shadow:0 4px 12px #cc785c4d}.tech-popup{z-index:10001;pointer-events:none;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.tech-popup.open{pointer-events:all}.tech-popup-overlay{background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.tech-popup-content{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r3);opacity:0;pointer-events:none;text-rendering:optimizelegibility;backdrop-filter:blur(12px);border:1px solid #ffffff1a;width:90%;max-width:380px;max-height:70vh;padding:1.5rem;transition:all .5s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.25,.46,.45,.94);position:fixed;bottom:90px;left:50%;overflow-y:auto;transform:translate(-50%)scale(.8)translateY(20px);box-shadow:0 25px 80px #0006,0 8px 24px #0003}.tech-popup.open .tech-popup-content{opacity:1;pointer-events:all;transform:translate(-50%)scale(1)translateY(0);box-shadow:0 30px 100px #00000080,0 12px 32px #0000004d}.tech-popup-close{color:var(--txt3);cursor:pointer;border-radius:var(--r1);transition:all .2s var(--ease);background:0 0;border:none;padding:.5rem;font-size:1.2rem;position:absolute;top:1rem;right:1rem}.tech-popup-close:hover{background:var(--acd);color:var(--txt)}.tech-popup-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.tech-popup-icon{background:var(--acd);border-radius:var(--r2);width:48px;height:48px;color:var(--ac);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.tech-popup-title{color:var(--txt);margin:0;font-size:1.5rem;font-weight:600}.tech-popup-description{color:var(--txt2);margin-bottom:1.5rem;line-height:1.6}.tech-popup-details{flex-direction:column;gap:.75rem;display:flex}.tech-popup-category{background:var(--bg1);border-radius:var(--r1);border:1px solid var(--bdr2);justify-content:space-between;align-items:center;padding:.75rem;display:flex}.tech-popup-label{color:var(--txt3);font-size:.875rem;font-weight:500}.tech-popup-value{color:var(--txt);font-size:.875rem;font-weight:600}@media (width<=768px){.tech-popup-content{border-radius:24px 24px 0 0;width:100%;max-width:100%;max-height:70vh;padding:1.5rem 1rem;transition:all .6s cubic-bezier(.34,1.56,.64,1),opacity .5s cubic-bezier(.25,.46,.45,.94);position:fixed;bottom:0;left:0;transform:translate(0)translateY(100%)}.tech-popup.open .tech-popup-content{transform:translate(0)translateY(0)}.tech-popup-close{top:1rem;right:1rem}.tech-popup-header{margin-bottom:1rem}.tech-popup-title{font-size:1.25rem}.tech-popup-icon{width:40px;height:40px;font-size:1.25rem}.tech-popup-description{margin-bottom:1rem;font-size:.9rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rv,.rvl,.rvr,.rv-scale,.rv-fade{opacity:0;will-change:opacity, transform;transition:opacity .65s cubic-bezier(.2,0,0,1),transform .65s cubic-bezier(.2,0,0,1)}.rv{transform:translateY(28px)}.rvl{transform:translate(-32px)}.rvr{transform:translate(32px)}.rv-scale{transform:scale(.94)}.rv-fade{transform:none}.rv.d1,.rvl.d1,.rvr.d1,.rv-scale.d1{transition-delay:80ms}.rv.d2,.rvl.d2,.rvr.d2,.rv-scale.d2{transition-delay:.16s}.rv.d3,.rvl.d3,.rvr.d3,.rv-scale.d3{transition-delay:.24s}.rv.d4,.rvl.d4,.rvr.d4,.rv-scale.d4{transition-delay:.32s}.rv.d5,.rvl.d5,.rvr.d5,.rv-scale.d5{transition-delay:.4s}.rv.visible,.rvl.visible,.rvr.visible,.rv-scale.visible,.rv-fade.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.rv,.rvl,.rvr,.rv-scale,.rv-fade{opacity:1;transition:none;transform:none}}.btn-magnetic{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background .2s}#projects{padding:6rem 1rem 4rem;position:relative}#projects:before{content:"";pointer-events:none;background:radial-gradient(70% 50% at 50% 100%,#cc785c0d 0%,#0000 70%);position:absolute;inset:0}.projects-wrap{z-index:1;max-width:1200px;margin:0 auto;position:relative}.projects-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3rem;display:flex}.projects-head-left{flex:1}.projects-head-right{flex-shrink:0}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;display:grid}.project-card-new{background:var(--bg1);border:1px solid var(--bdr);border-radius:var(--r4);cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .4s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden}.project-card-new:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 24px 60px #00000073}.pcn-image{background:var(--bg2);width:100%;height:220px;position:relative;overflow:hidden}.pcn-image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,0,0,1)}.project-card-new:hover .pcn-image img{transform:scale(1.04)}.pcn-overlay{background:linear-gradient(#0000 40%,#0a0a0bd9 100%);position:absolute;inset:0}.pcn-status{letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(12px);border-radius:20px;padding:.3rem .7rem;font-size:.65rem;font-weight:700;position:absolute;top:1rem;left:1rem}.pcn-status.terminé{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.pcn-status.en-cours{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.pcn-content{padding:1.5rem}.pcn-header{align-items:center;gap:.8rem;margin-bottom:.75rem;display:flex}.pcn-logo{border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;display:flex;overflow:hidden}.pcn-logo img{object-fit:cover;border-radius:12px;width:100%;height:100%}.pcn-title{color:var(--txt);letter-spacing:-.02em;margin:0 0 .15rem;font-size:1.15rem;font-weight:700}.pcn-slogan{color:var(--txt3);margin:0;font-size:.78rem}.pcn-desc{color:var(--txt2);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:.88rem;line-height:1.65;display:-webkit-box;overflow:hidden}.pcn-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.pcn-tag{background:var(--bg2);border:1px solid var(--bdr);color:var(--txt3);letter-spacing:.02em;border-radius:8px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.pcn-footer{border-top:1px solid var(--bdr);justify-content:space-between;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.pcn-detail-btn{font-family:var(--font);background:var(--acd);color:var(--ac);cursor:pointer;border:1px solid #cc785c33;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.pcn-detail-btn:hover{background:var(--acg);border-color:#cc785c66;transform:translateY(-1px)}.pcn-visit-btn{font-family:var(--font);background:var(--ac);color:#fff;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.pcn-visit-btn:hover{background:var(--acl);transform:translateY(-1px);box-shadow:0 4px 16px #cc785c59}.voir-plus-wrap{justify-content:center;margin-top:2.5rem;display:flex}.voir-plus-btn{background:var(--bg1);border:1px solid var(--bdr);font-family:var(--font);color:var(--txt2);cursor:pointer;border-radius:50px;align-items:center;gap:.6rem;padding:.9rem 2rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.voir-plus-btn:before{content:"";background:linear-gradient(135deg, var(--acd), transparent);opacity:0;transition:opacity .3s;position:absolute;inset:0}.voir-plus-btn:hover{color:var(--ac);border-color:#cc785c59;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.voir-plus-btn:hover:before{opacity:1}.voir-plus-btn i{transition:transform .3s}.voir-plus-btn:hover i{transform:translate(3px)}#settings-section{padding:6rem 1rem 4rem;position:relative;overflow:hidden}#settings-section:before{content:"";pointer-events:none;background:radial-gradient(#cc785c0f 0%,#0000 65%);width:600px;height:600px;position:absolute;top:0;right:-20%}.settings-wrap{z-index:1;box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:0 1rem;position:relative}.settings-head{text-align:center;margin-bottom:3rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.sp-widget{background:var(--bg1);border:1px solid var(--bdr);border-radius:var(--r3);padding:1.5rem;transition:border-color .2s,box-shadow .3s}.sp-widget:hover{border-color:#ffffff1a;box-shadow:0 8px 32px #00000040}.sp-widget-head{align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.sp-widget-icon{background:var(--acd);width:36px;height:36px;color:var(--ac);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.sp-widget-title{color:var(--txt);font-size:.88rem;font-weight:700}.sp-widget-desc{color:var(--txt3);font-size:.75rem}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.projects-head{flex-direction:column;align-items:flex-start;gap:1rem}.project-card-new{max-width:340px;margin:0 auto}.settings-grid{grid-template-columns:1fr}}@media (width<=480px){#projects,#settings-section{overflow-x:hidden;padding:3rem 0 2rem!important}.settings-wrap{padding:0 .75rem}.settings-grid{flex-direction:column!important;align-items:center!important;gap:1.5rem!important;width:100%!important;padding-bottom:0!important;display:flex!important;overflow-x:visible!important}.sp-widget{box-sizing:border-box!important;flex-shrink:1!important;width:100%!important;min-width:280px!important;max-width:320px!important;margin:0!important;padding:1rem!important}.sp-theme-row{gap:.35rem!important}.sp-theme-btn{min-width:0;padding:.5rem .1rem!important;font-size:.72rem!important}.sp-theme-btn small{display:none!important}.pcn-image{height:180px}}.nl a[href=\#settings-section] i,.fnav a[href=\#settings-section] i{color:var(--ac)}.expc{transition:border-color .25s,box-shadow .25s,transform .4s cubic-bezier(.2,0,0,1)}.expc:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000059}.form-floating{transition:opacity .3s,transform .3s}#readingProgress{background:linear-gradient(90deg, var(--ac), var(--acl));z-index:2000;border-radius:0 2px 2px 0;width:0%;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}footer{border-top:1px solid var(--bdr);background:var(--bg1);z-index:1;padding:4rem 1rem 0;position:relative;overflow:hidden}footer:before{content:"";pointer-events:none;background:radial-gradient(#cc785c0f 0%,#0000 70%);width:600px;height:300px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.footer-dots{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dot{background:var(--ac);opacity:.07;filter:blur(1px);border-radius:50%;position:absolute}.dot-1{width:80px;height:80px;top:10%;left:5%}.dot-2{width:50px;height:50px;top:60%;left:15%}.dot-3{opacity:.05;width:120px;height:120px;top:30%;right:8%}.dot-4{width:40px;height:40px;bottom:20%;right:25%}.dot-5{opacity:.04;width:60px;height:60px;bottom:10%;left:40%}.dot-6{width:30px;height:30px;top:20%;left:55%}.dot-7{opacity:.05;width:90px;height:90px;bottom:5%;right:5%}.dot-8{width:20px;height:20px;top:50%;left:30%}.footer-inner{z-index:1;grid-template-columns:1.6fr 1fr 1.2fr 1.4fr;gap:3rem;max-width:1400px;margin:0 auto;padding-bottom:3rem;display:grid;position:relative}.footer-brand{flex-direction:column;gap:1.25rem;display:flex}.flogo{letter-spacing:-.01em;color:var(--txt);align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.flic{background:linear-gradient(135deg, var(--ac), var(--acl));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;display:flex}.footer-tagline{color:var(--txt2);font-size:.875rem;line-height:1.75}.footer-tagline strong{color:var(--txt2);font-weight:600}.footer-socials{flex-wrap:wrap;gap:.5rem;display:flex}.fsoc{border-radius:var(--r1);border:1px solid var(--bdr);width:36px;height:36px;color:var(--txt3);transition:all .22s var(--ease);justify-content:center;align-items:center;font-size:.85rem;text-decoration:none;display:flex}.fsoc:hover{border-color:var(--ac);color:var(--ac);background:var(--acd);transform:translateY(-2px)}.footer-col{flex-direction:column;gap:1rem;display:flex}.footer-col-title{letter-spacing:.1em;text-transform:uppercase;color:var(--txt);font-size:.7rem;font-weight:700;font-family:var(--mono);border-bottom:1px solid var(--bdr2);padding-bottom:.75rem}.fnav{flex-direction:column;gap:.1rem;display:flex}.fnav a{color:var(--txt2);border-radius:var(--r1);align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.85rem;text-decoration:none;transition:color .2s,background .2s,padding-left .2s;display:flex}.fnav a i{color:var(--ac);opacity:0;font-size:.55rem;transition:opacity .2s,transform .2s}.fnav a:hover{color:var(--txt);background:#ffffff0a;padding-left:.85rem}.fnav a:hover i{opacity:1;transform:translate(2px)}.footer-contact-list{flex-direction:column;gap:.6rem;display:flex}.footer-contact-item{color:var(--txt2);border-radius:var(--r1);align-items:center;gap:.75rem;padding:.5rem .6rem;font-size:.82rem;text-decoration:none;transition:color .2s,background .2s;display:flex}.footer-contact-item:hover{color:var(--txt);background:#ffffff0a}.footer-contact-icon{background:var(--acd);border-radius:var(--r1);width:30px;height:30px;color:var(--ac);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.footer-newsletter-col{gap:.85rem}.footer-nl-desc{color:var(--txt2);font-size:.8rem;line-height:1.65}.fnform{width:100%}.fninput{gap:.4rem;display:flex}.fninput input{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r2);color:var(--txt);outline:none;flex:1;min-width:0;padding:.65rem .9rem;font-size:.82rem;transition:border-color .2s,background .2s}.fnbtn{background:var(--ac);color:#fff;border-radius:var(--r2);cursor:pointer;transition:all .25s var(--ease);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.65rem .9rem;display:flex}.fnbtn:hover:not(:disabled){background:var(--acl);transform:translateY(-1px)}.fnbtn:disabled{opacity:.5;cursor:not-allowed}.fnerror{color:#ef4444;min-height:1rem;margin-top:.2rem;font-size:.72rem;display:none}.fnerror.show{display:block}.fbottom{border-top:1px solid var(--bdr2);z-index:1;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1.25rem 0;display:flex;position:relative}.fcp{color:var(--txt2);font-size:.78rem}.footer-back-top{border-radius:var(--r1);border:1px solid var(--bdr);width:34px;height:34px;color:var(--txt3);transition:all .22s var(--ease);justify-content:center;align-items:center;text-decoration:none;display:flex}.footer-back-top:hover{border-color:var(--ac);color:var(--ac);background:var(--acd);transform:translateY(-2px)}@media (width<=1100px){.footer-inner{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}}@media (width<=768px){.footer-inner{text-align:center;grid-template-columns:1fr;gap:2.5rem}.footer-brand,.footer-col{align-items:center}.footer-inner{padding:0 1.5rem .5rem}.fnav{flex-flow:wrap;justify-content:center;gap:.5rem}.fnav a{background:var(--bg2);border:1px solid var(--bdr);font-size:.75rem}.fbottom{flex-direction:column;gap:1rem;padding:1.5rem 1rem}}