@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--exit-duration: .5s;--exit-easing: cubic-bezier(.4, 0, .6, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app{position:relative;width:100vw;height:100vh;overflow-x:hidden;overflow-y:hidden;opacity:0;animation:appFadeIn .8s ease-out .3s forwards}.app.loaded{opacity:1}@keyframes appFadeIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.silk-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.gradient-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(100,100,100,.1) 0%,transparent 70%),#0000004d;pointer-events:none;z-index:1}.header-contact{position:fixed;top:1.5rem;left:1.5rem;z-index:10000;display:flex;flex-direction:column;gap:.15rem;animation:slideInBounce .7s cubic-bezier(.68,-.55,.265,1.55) .3s backwards;opacity:.7;transition:opacity .3s ease;pointer-events:none}.header-contact:hover{opacity:1}.contact-button{background:transparent;border:none;color:#fff9;font-size:.85rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;text-align:left;padding:0;pointer-events:auto}.contact-button:first-child{font-size:.9rem;font-weight:700;color:#fffc}.contact-button:last-child{font-size:.75rem;font-weight:500;color:#ffffff80;margin-bottom:.5rem}.contact-button:hover{color:#fff;transform:translate(2px)}.visit-counter{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.1);margin-left:0;padding-left:0}.visit-count{color:#ffffffe6;font-size:1rem;font-weight:700;letter-spacing:.5px}.visit-label{color:#ffffff80;font-size:.75rem;font-weight:500}.header-buttons-group{position:fixed;left:2rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:2rem;opacity:1}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%) translate(-50px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.header-btn-top{position:relative;display:flex;align-items:center;justify-content:center;width:45px;height:45px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff6;transition:all .3s cubic-bezier(.2,.8,.2,1);text-decoration:none;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff08}.header-btn-top:hover{color:#ffffffe6;background:#ffffff1a;transform:translateY(-3px);border-color:#fff3;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d}.header-btn-top:active{transform:translateY(4px) scale(.95);background:#14141480;box-shadow:0 1px 4px #0000004d,inset 0 3px 6px #0006;transition:all .08s ease-out}.header-btn-top:hover .btn-preview{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.header-btn-top svg{width:20px;height:20px;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-preview{position:fixed;opacity:0;visibility:hidden;pointer-events:auto;z-index:1001;transform:translateY(-50%) scale(.9);transition:all .5s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(145deg,#1e1e1efa,#0f0f0ffa);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:2.5rem;box-shadow:0 20px 60px #000000e6,0 10px 30px #000000b3,inset 0 1px #ffffff26,inset -1px 0 #ffffff1a,0 0 0 1px #ffffff1a,0 0 40px #ffffff0d}.cv-preview{min-width:380px;max-width:380px}.cv-preview-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.cv-document-preview{background:#fffffff2;border-radius:12px;padding:1.5rem;box-shadow:0 20px 60px #0006;border:1px solid rgba(255,255,255,.3);width:100%;height:auto;overflow:hidden;display:flex;align-items:center;justify-content:center}.cv-image-preview{width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:8px;display:block}.cv-pdf-preview{width:100%;height:100%;border:none;border-radius:8px;overflow:hidden;pointer-events:none}.cv-pdf-embed{width:100%;height:100%;border:none;border-radius:8px}.cv-page{display:flex;flex-direction:column;gap:.8rem}.cv-page-header{display:flex;align-items:center;gap:1rem;padding-bottom:.8rem;border-bottom:2px solid rgba(0,0,0,.1)}.cv-page-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;flex-shrink:0}.cv-page-title{flex:1}.cv-page-name{font-size:1.1rem;font-weight:700;color:#000000e6;margin-bottom:.2rem}.cv-page-subtitle{font-size:.85rem;color:#0009}.cv-page-line{height:8px;background:#00000026;border-radius:4px;animation:shimmer 2s infinite}.cv-page-line.short{width:60%}.cv-page-line.medium{width:75%}.cv-page-line.long{width:90%}.cv-page-section{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.6}}.cv-preview-label{text-align:center;font-size:.8rem;color:#fff9;font-weight:500;text-transform:uppercase;letter-spacing:1px}.cv-download{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.85rem;font-weight:600;color:#ffffffe6;text-align:center;justify-content:center;margin-top:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.cv-download:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.preview-action-btn{display:flex;align-items:center;gap:.5rem;padding:.9rem 1.2rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:10px;font-size:.9rem;font-weight:600;color:#fffffff2;text-align:center;justify-content:center;margin-top:1.5rem;cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:Poppins,sans-serif}.preview-action-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-3px);box-shadow:0 8px 25px #0006}.preview-action-btn svg{transition:transform .3s ease}.preview-action-btn:hover svg{transform:translate(3px)}.thm-action-btn{background:#00d9ff26;border-color:#00d9ff66;color:#00d9ff}.thm-action-btn:hover{background:#00d9ff40;border-color:#00d9ff99;color:#fff}.github-preview{min-width:380px;max-width:380px}.github-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.github-username{font-size:1.1rem;font-weight:600;color:#ffffffe6}.github-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1.2rem}.github-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.3rem}.github-stat .stat-number{font-size:1.5rem;font-weight:800;color:#fffffff2}.github-stat .stat-label{font-size:.75rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.github-languages{display:flex;gap:.6rem;flex-wrap:wrap}.lang-tag{padding:.4rem .9rem;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff;box-shadow:0 2px 8px #0000004d}.linkedin-preview{min-width:380px;max-width:380px}.linkedin-banner{height:80px;background:url(/assets/linkedin-bg-B9P8h0ky.png) center/cover,linear-gradient(135deg,#0077b5,#00a0dc);border-radius:20px 20px 0 0;margin:-2.5rem -2.5rem 0;display:flex;align-items:flex-start;justify-content:flex-start;padding:1rem}.linkedin-logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.linkedin-profile{text-align:center;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.linkedin-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:-40px auto 1rem;border:4px solid rgba(12,12,12,.98)}.linkedin-name{margin:0;font-size:1.3rem;font-weight:700;color:#fffffff2}.linkedin-title,.linkedin-company,.linkedin-location{margin:.3rem 0;font-size:.85rem;color:#ffffffb3}.linkedin-stats{display:flex;gap:1rem;padding:1rem;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1)}.linkedin-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem}.linkedin-stat .stat-number{font-size:1.3rem;font-weight:700;color:#fffffff2}.linkedin-stat .stat-label{font-size:.7rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.linkedin-skills{display:flex;gap:.5rem;padding:1rem 0 .5rem;justify-content:center;flex-wrap:wrap}.skill-badge{padding:.4rem .8rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:.75rem;font-weight:500;color:#fffc}.thm-preview{min-width:420px;max-width:420px}.thm-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.thm-user{display:flex;flex-direction:column;gap:.3rem}.thm-username{font-size:1.1rem;font-weight:600;color:#ffffffe6}.thm-rank{font-size:.85rem;color:#00d9ff;font-weight:600}.thm-stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1.2rem;padding:0 1rem}.thm-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.8rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.3rem}.thm-stat .stat-number{font-size:1.1rem;font-weight:800;color:#00d9ff}.thm-stat .stat-label{font-size:.7rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.thm-badges{display:flex;flex-direction:column;gap:.5rem}.thm-badge{padding:.6rem 1rem;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:6px;font-size:.8rem;font-weight:500;color:#ffffffe6}.logo{position:fixed;top:.25rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:10}.btn-back-header{padding:.6rem 1.2rem;border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:.85rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6;animation:fadeIn .5s ease-out backwards;position:fixed;top:1.5rem;left:1.5rem;z-index:10000;display:flex;align-items:center;gap:.5rem;line-height:1;text-decoration:none;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a}.btn-back-text{font-size:.9rem;letter-spacing:.3px}@keyframes buttonPulse{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 8px #fff0}}.btn-back-header:hover{background:#fffffff2;color:#000000e6;border-color:#fff6;box-shadow:0 6px 20px #fff3,inset 0 1px #ffffff4d,0 2px 8px #0006}.btn-back-header:hover svg{opacity:.9}.btn-back-header svg{transition:opacity .3s ease}.btn-back-header:active{opacity:.95}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.logo-icon-img{width:80px;height:80px;border-radius:50%;transition:all .3s ease;object-fit:cover;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;opacity:.95;box-shadow:0 10px 40px #0000004d}.logo:hover .logo-icon-img{transform:scale(1.08) rotate(3deg);opacity:1;box-shadow:0 15px 45px #0009}.personal-info{position:fixed;top:1.5rem;right:1.5rem;z-index:10000;text-align:right;animation:slideInBounce .7s cubic-bezier(.68,-.55,.265,1.55) .4s backwards;opacity:.7;transition:opacity .3s ease;pointer-events:none}.personal-info:hover{opacity:1}.info-name{font-size:.95rem;font-weight:700;color:#ffffffe6;margin-bottom:.15rem}.info-school{font-size:.75rem;font-weight:500;color:#fff9;margin-bottom:.4rem}.info-availability{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;font-size:.7rem;color:#ffffffb3}.status-dot{width:8px;height:8px;background:#43e97b;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInOverlay .3s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.popup-content{background:#141414f2;border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:3rem 3rem 2.5rem;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 0 60px #ffffff1a,0 20px 40px #00000080,inset 0 1px 1px #ffffff1a;max-width:500px;width:90%;text-align:center;animation:popupSlideIn .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;flex-direction:column;align-items:center;gap:1.5rem;will-change:transform,opacity}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-overlay-exit{animation:fadeOutOverlay .4s ease-in forwards}.popup-content-exit{animation:popupSlideOut .4s cubic-bezier(.55,.085,.68,.53) forwards;pointer-events:none}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}@keyframes popupSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(30px)}}.popup-icon{font-size:4rem;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;border:3px solid rgba(255,255,255,.2);animation:iconPulse 2s ease-in-out infinite}.popup-icon.waving-hand{animation:wavingHand 1s ease-in-out infinite,iconPulse 2s ease-in-out infinite}.popup-icon img{width:60px;height:60px;object-fit:contain}@keyframes iconPulse{0%,to{box-shadow:0 0 #ffffff4d}50%{box-shadow:0 0 0 20px #fff0}}@keyframes wavingHand{0%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%,40%{transform:rotate(-8deg)}50%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}70%{transform:rotate(10deg)}80%{transform:rotate(0)}}.popup-title{font-size:2rem;font-weight:700;color:#fff;margin:0;text-transform:uppercase;letter-spacing:-.5px;text-shadow:0 4px 15px rgba(0,0,0,.5)}.popup-message{font-size:1.1rem;line-height:1.7;color:#fffc;margin:0;max-width:400px}.popup-button{padding:.8rem 2rem;border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:.9rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;margin-top:1rem;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff26}.popup-button:hover{background:#fffffff2;color:#000000e6;border-color:#fff6;transform:translateY(-2px);box-shadow:0 6px 20px #fff3,inset 0 1px #ffffff4d,0 2px 8px #0006}.popup-button:active{transform:translateY(3px) scale(.97);box-shadow:0 2px 6px #0000004d,inset 0 2px 6px #0000004d;transition:all .08s ease-out}.cv-popup-buttons{display:flex;gap:1rem;width:100%;margin-top:1rem}.cv-button-primary,.cv-button-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.5rem;border-radius:50px;font-size:.85rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-transform:uppercase;letter-spacing:.5px}.cv-button-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 4px 12px #3b82f666,inset 0 1px #fff3}.cv-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680,inset 0 1px #ffffff4d}.cv-button-secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#ffffffe6;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff1a}.cv-button-secondary:hover{background:#fffffff2;border-color:#fff6;color:#000000e6;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d,inset 0 1px #ffffff4d}.cv-button-primary:active,.cv-button-secondary:active{transform:translateY(1px) scale(.98)}.language-selector{display:flex;gap:.8rem;margin-bottom:1.5rem;justify-content:center}.lang-btn{padding:.6rem 1.2rem;background:#ffffff1a;color:#fff9;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:.9rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.lang-btn:hover{background:#ffffff26;color:#fffc;border-color:#ffffff4d;transform:translateY(-2px)}.lang-btn.active{background:#fffffff2;color:#000;border-color:#fffffff2;font-weight:700}.lang-btn:active{transform:translateY(3px) scale(.96);box-shadow:0 1px 4px #0000004d,inset 0 2px 5px #0003;transition:all .08s ease-out}.flag-icon{width:24px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 2px 4px #0003}.popup-text-content{transition:opacity .3s ease,transform .3s ease}.popup-text-content.language-fade-out{opacity:0;transform:translateY(-10px)}.popup-text-content.language-fade-in{opacity:1;transform:translateY(0);animation:fadeInText .3s ease}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer{position:fixed;bottom:0;left:0;width:100%;padding:1rem 2rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));z-index:10;animation:fadeInUp .7s cubic-bezier(.68,-.55,.265,1.55) .5s backwards;opacity:.5;transition:opacity .3s ease}.footer:hover{opacity:.8}.footer-text{font-size:.7rem;color:#fff6;text-align:center;font-weight:500;letter-spacing:.5px}.content{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem 2rem 6rem}.home-hero-section{text-align:center;margin-bottom:2rem;animation:fadeInUp .8s ease-out;z-index:2;position:relative}.home-title{font-size:3rem;font-weight:900;color:#fffffff2;margin:0 0 .5rem;text-shadow:0 2px 30px rgba(0,0,0,.5);letter-spacing:2px}.home-subtitle{font-size:1.3rem;font-weight:300;color:#ffffffbf;margin:0;letter-spacing:1px;font-style:italic}.page-title-header{width:100%;text-align:center;margin-bottom:3rem;animation:fadeInUp .6s ease-out;padding-top:1rem;z-index:2;position:relative}.page-title{font-size:2.5rem;font-weight:800;color:#fffffff2;text-transform:uppercase;letter-spacing:3px;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.popup-subtitle{font-size:1.1rem;color:#ffffffb3;margin:.5rem 0 1.5rem;font-weight:300;font-style:italic}.cards-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2.5rem;max-width:1400px;width:90%;margin:4rem auto 0;perspective:2000px;z-index:2;height:calc(100vh - 12rem)}.card:nth-child(1){grid-column:1 / 2;grid-row:1 / 2}.card:nth-child(2){grid-column:2 / 4;grid-row:1 / 2}.card:nth-child(3){grid-column:1 / 3;grid-row:2 / 3}.card:nth-child(4){grid-column:3 / 4;grid-row:2 / 3}.card:nth-child(1):nth-last-child(3){grid-column:1 / 2;grid-row:1 / 2}.card:nth-child(2):nth-last-child(2){grid-column:2 / 3;grid-row:1 / 2}.card:nth-child(3):nth-last-child(1){grid-column:3 / 4;grid-row:1 / 2}.card{background:linear-gradient(145deg,#191919f2,#0f0f0f);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:2rem;width:100%;height:100%;min-height:unset;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);cursor:pointer;transition:none;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 12px 48px #000000b3,inset 0 2px #ffffff1f,0 0 0 1px #ffffff14,0 6px 24px #00000080;opacity:0;will-change:transform,opacity;animation:fadeInCardSequential .6s ease-out forwards}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff0d,#fff0 50%);pointer-events:none;border-radius:inherit}@keyframes fadeInCardSequential{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInCard{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUpOnly{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-exit{animation:fadeOutCardSequential .4s ease-in forwards!important;pointer-events:none!important;transition:none!important;will-change:transform,opacity!important}.card-exit:hover,.card-exit:active{transform:none!important;box-shadow:none!important}.card-exit .card-video{animation:videoFadeOut var(--exit-duration) var(--exit-easing) forwards!important;transition:none!important}.card-exit .card-glow{animation:glowFadeOut var(--exit-duration) var(--exit-easing) forwards!important;transition:none!important}.card-exit .card-gradient{animation:overlayFadeOut var(--exit-duration) var(--exit-easing) forwards!important;transition:none!important}@keyframes fadeOutCardSequential{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-25px) scale(.97)}}@keyframes cardExitNew{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.card:hover{transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;transform:translateY(-15px) scale(1.03) perspective(1500px) rotateX(2deg) rotateY(-3deg);box-shadow:12px 0 24px #0009,16px 4px 32px #00000080,inset -2px 0 #ffffff26,inset 0 2px #ffffff1f,0 40px 80px #000000e6,0 20px 60px #000000b3,0 0 0 1px #fff3,0 0 50px #ffffff14;border-color:#ffffff80}.card:active{transform:translateY(8px) scale(.96)!important;transition:all .08s ease-out!important;box-shadow:0 2px 8px #0006,inset 0 4px 12px #0009,inset 0 -2px #ffffff0d,0 0 0 1px #ffffff1a;border-color:#ffffff4d}.competences-fullscreen-section{width:100%;min-height:100vh;position:relative;z-index:10;padding:40px 40px 120px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.competences-categories-view{width:100%;max-width:1400px;margin:0 auto;animation:fadeInUp .5s ease-out backwards}.competences-categories-view.view-exit{animation:none!important;opacity:1!important;transform:translateY(0)!important}.competences-fullscreen-section.section-exit{animation:fadeOut .6s ease-in forwards}.competences-categories-view.view-exit .competence-category-card{animation:categoryCardExitNew var(--exit-duration) var(--exit-easing) forwards!important;pointer-events:none!important;transition:none!important;will-change:transform,opacity!important}.competences-categories-view.view-exit .competence-category-card:hover,.competences-categories-view.view-exit .competence-category-card:active{transform:translateY(0)!important;background:linear-gradient(145deg,#191919f2,#0f0f0f)!important;border-color:#ffffff1f!important;box-shadow:none!important}.competences-categories-view.view-exit .category-card-video{animation:videoFadeOut var(--exit-duration) var(--exit-easing) forwards!important;transition:none!important}.competences-categories-view.view-exit .category-card-overlay{animation:overlayFadeOut var(--exit-duration) var(--exit-easing) forwards!important;transition:none!important}.competences-categories-view.view-exit .category-card-glow{animation:glowFadeOut var(--exit-duration) var(--exit-easing) forwards!important;transition:none!important}@keyframes categoryCardExitNew{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.97)}}@keyframes videoFadeOut{0%{opacity:.4;filter:grayscale(100%) brightness(.4)}to{opacity:0;filter:grayscale(100%) brightness(.2)}}@keyframes overlayFadeOut{0%{opacity:.7}to{opacity:0}}@keyframes glowFadeOut{0%{opacity:.3}to{opacity:0}}@keyframes videoDisappear{0%{opacity:.4;filter:grayscale(100%) contrast(1.2) brightness(.8);transform:scale(1)}to{opacity:0;filter:grayscale(100%) contrast(1) brightness(.5);transform:scale(.8)}}@keyframes fadeInVideo{0%{opacity:0}to{opacity:.4}}.section-header-centered{text-align:center;margin-bottom:60px}.section-badge{display:inline-block;padding:6px 16px;background:#ffffff0d;border:1px border rgba(255,255,255,.1);border-radius:100px;color:var(--color-text-dim);font-size:.8rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px}.section-title-premium{font-size:3.5rem;font-weight:800;background:linear-gradient(180deg,#fff,#fff9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px;letter-spacing:-1px}.section-subtitle{color:var(--color-text-dim);font-size:1.1rem;max-width:600px;margin:0 auto}.competence-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%}.competence-category-card{position:relative;height:500px;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#191919f2,#0f0f0f);border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:none;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;box-shadow:0 8px 24px #0009,inset 0 1px #ffffff14,0 4px 16px #0006;opacity:0;transform:translateY(30px);will-change:transform,opacity;animation:slideUpOnly .6s cubic-bezier(.23,1,.32,1) forwards}.competence-category-card:hover{transition:all .5s cubic-bezier(.2,.8,.2,1)!important;transform:translateY(-10px) scale(1.02);background:linear-gradient(145deg,#2d2d2d,#191919);border-color:#fff6;box-shadow:0 16px 48px #000000e6,inset 0 2px #fff3,0 0 0 1px #ffffff1a,0 8px 32px #000000b3}.competence-category-card:active{transform:translateY(6px) scale(.97);transition:all .08s ease-out;box-shadow:0 2px 8px #0006,inset 0 3px 8px #0000004d,inset 0 -1px #ffffff0d,0 0 0 1px #ffffff1a}.category-card-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.category-card-video{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.4;filter:grayscale(100%) contrast(1.2) brightness(.8);transition:opacity .4s ease,filter .4s ease,transform .4s ease;backface-visibility:hidden;transform:translateZ(0);pointer-events:none;will-change:opacity,filter,transform}.competence-category-card:hover .category-card-video{opacity:.7;filter:grayscale(0%) contrast(1.1) brightness(1);transform:scale(1.05)}.category-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;filter:grayscale(100%) brightness(.4);opacity:.15;transition:filter .4s ease,opacity .4s ease;pointer-events:none;border-radius:24px;mask-image:radial-gradient(circle at center,transparent 30%,black 80%);-webkit-mask-image:radial-gradient(circle at center,transparent 30%,black 80%);will-change:filter,opacity;transform:translateZ(0);backface-visibility:hidden}.competence-category-card:hover .category-card-overlay{filter:grayscale(30%) brightness(.6);opacity:.25;mask-image:radial-gradient(circle at center,transparent 20%,black 70%);-webkit-mask-image:radial-gradient(circle at center,transparent 20%,black 70%)}.category-card-glow{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .4s ease;pointer-events:none;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.15),transparent 40%);will-change:opacity;transform:translateZ(0);backface-visibility:hidden}.competence-category-card:hover .category-card-glow{opacity:1}.category-card-content{position:relative;z-index:3;text-align:left;padding-left:8px}.category-card-icon{margin-bottom:20px;color:#fff;opacity:.6;transition:all .5s ease}.competence-category-card:hover .category-card-icon{opacity:1;transform:scale(1.1)}.category-card-title{font-size:2rem;font-weight:800;color:#fffffff2;margin-bottom:12px;letter-spacing:-1.2px;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(0);text-align:left}.competence-category-card:hover .category-card-title{color:#fff;transform:translateY(-3px);text-shadow:0 4px 12px rgba(255,255,255,.3)}.category-card-description{color:#ffffff80;font-size:.95rem;line-height:1.5;margin-bottom:25px;max-width:250px;font-weight:400;transition:all .3s ease .1s;transform:translateY(0);opacity:.8;text-align:left}.competence-category-card:hover .category-card-description{color:#fffc;transform:translateY(-2px);opacity:1}.category-card-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;color:#ffffffe6;font-size:.75rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;line-height:1;text-decoration:none;opacity:0;transform:translateY(-10px);transition:all .3s ease .15s;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a}.category-card-btn svg{width:14px;height:14px;transition:transform .3s ease}.competence-category-card:hover .category-card-btn{opacity:1;transform:translateY(0);background:#fffffff2;color:#000000e6;border-color:#fff6;box-shadow:0 6px 20px #fff3,inset 0 1px #ffffff4d,0 2px 8px #0006}.competence-category-card:hover .category-card-btn svg{transform:translate(2px)}.competence-category-card:active .category-card-btn{transform:translate(2px) scale(.98);text-shadow:0 1px 4px rgba(0,0,0,.4),0 0px 1px rgba(0,0,0,.6);filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.competences-consolidated-layout.detail-view{width:100%;max-width:1600px;display:grid;grid-template-columns:450px 1fr;gap:40px;padding:20px}.btn-back-internal{display:flex;align-items:center;gap:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#ffffffe6;padding:.6rem 1.2rem;border-radius:50px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;margin-bottom:30px;transition:all .3s ease;align-self:flex-start;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a}.btn-back-internal:hover{background:#fffffff2;color:#000000e6;border-color:#fff6;transform:translate(-5px);box-shadow:0 6px 20px #fff3,inset 0 1px #ffffff4d,0 2px 8px #0006}@media (max-width: 1100px){.competence-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.competences-consolidated-layout.detail-view{grid-template-columns:1fr}.competences-left-panel{align-items:center;text-align:center}.btn-back-internal{align-self:center}}@media (max-width: 768px){.home-title{font-size:2rem}.home-subtitle{font-size:1rem}.page-title{font-size:1.8rem;letter-spacing:2px}.page-title-header{margin-bottom:2rem}.popup-subtitle{font-size:.95rem}.detail-stats-section{margin-top:4rem!important;padding-top:2rem!important}.detail-radar-container{margin-top:2rem!important;gap:1rem}.competence-categories-grid{grid-template-columns:1fr}.competence-category-card{height:400px}.section-title-premium{font-size:2.5rem}}.card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;width:100%;height:100%;padding:2rem;gap:.5rem}.card-icon-preview{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(145deg,#282828e6,#141414f2);border:1px solid rgba(255,255,255,.12);color:#ffffffb3;transition:all .4s ease;box-shadow:0 4px 16px #0009,inset 0 1px #ffffff1a,0 2px 8px #0006}.card:hover .card-icon-preview{background:linear-gradient(145deg,#323232f2,#1e1e1e);border-color:#fff3;color:#fff;box-shadow:0 6px 24px #000000b3,inset 0 2px #ffffff26,0 0 30px #ffffff1a,0 4px 16px #00000080;transform:scale(1.1)}.card-icon-preview svg{filter:drop-shadow(0 2px 8px rgba(255,255,255,.3))}.card:hover .card-video{filter:grayscale(50%) brightness(.5);opacity:.5}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .3s ease;pointer-events:none;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.15),transparent 40%)}.card-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;filter:grayscale(100%) brightness(.4);opacity:.15;transition:all .4s ease;pointer-events:none;border-radius:16px;mask-image:radial-gradient(circle at center,transparent 30%,black 80%);-webkit-mask-image:radial-gradient(circle at center,transparent 30%,black 80%)}.card:hover .card-gradient{filter:grayscale(30%) brightness(.6);opacity:.25;mask-image:radial-gradient(circle at center,transparent 20%,black 70%);-webkit-mask-image:radial-gradient(circle at center,transparent 20%,black 70%)}.card-text-container{position:relative;text-align:right;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.card-title{font-size:2.4rem;font-weight:800;color:#fffffff2;margin-bottom:.6rem;letter-spacing:-1.5px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;transform:translateY(0);text-align:right}.card:hover .card-title{color:#fff;transform:translateY(-5px);text-shadow:0 4px 12px rgba(255,255,255,.3)}.card-description{font-size:1rem;line-height:1.5;color:#ffffff80;transition:all .3s ease .1s;font-weight:400;max-width:95%;transform:translateY(0);opacity:.8;text-align:right}.card:hover .card-description{color:#fffc;transform:translateY(-3px);opacity:1}.card-label{display:block;font-size:.75rem;color:#fff9;margin-top:.5rem;opacity:0;transform:translateY(-10px);transition:all .3s ease .15s;font-weight:500;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.card:hover .card-label{opacity:1;transform:translateY(0)}.parcours-section{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:8rem 4rem 6rem;animation:fadeIn .6s ease-out;overflow:hidden}@media (max-width: 768px){.parcours-section{padding-top:4rem!important}}.parcours-section.section-exit{animation:fadeOut .6s ease-in forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(-10px)}}.timeline{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10rem;max-width:1800px;width:100%;position:relative;padding:0 5rem;margin:0 auto}.timeline:before{content:"";position:absolute;left:5%;top:50%;transform:translateY(-50%);height:2px;width:90%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 5%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.2) 95%,transparent 100%);z-index:1;clip-path:inset(0 100% 0 0);animation:drawLine 2.5s ease-out forwards}.timeline:after{content:"";position:absolute;left:5%;top:50%;transform:translateY(-50%);width:0;height:0;border-left:10px solid rgba(255,255,255,.7);border-top:6px solid transparent;border-bottom:6px solid transparent;animation:arrowDraw 2.5s ease-out forwards;z-index:2;filter:drop-shadow(0 0 6px rgba(255,255,255,.5));opacity:0}@keyframes drawLine{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes arrowDraw{0%{left:5%;opacity:0}2%{left:5%;opacity:1}to{left:calc(95% - 10px);opacity:1}}.timeline-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;z-index:2;animation:bounceIn .9s cubic-bezier(.68,-.55,.265,1.55) backwards;min-height:250px}.timeline-item.item-exit{animation:fadeOutDown .6s cubic-bezier(.4,0,1,1) forwards!important}.timeline-item.item-exit:nth-child(1){animation-delay:0s!important}.timeline-item.item-exit:nth-child(2){animation-delay:.08s!important}.timeline-item.item-exit:nth-child(3){animation-delay:.16s!important}.timeline-item.item-exit:nth-child(4){animation-delay:.24s!important}.timeline-item.item-exit:nth-child(5){animation-delay:.32s!important}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.85) translateY(-20px)}}.timeline-item:nth-child(1){animation-delay:.5s}.timeline-item:nth-child(2){animation-delay:.7s}.timeline-item:nth-child(3){animation-delay:1.5s;margin-right:3rem}.timeline-item:nth-child(4){animation-delay:2s;margin-right:4rem}.timeline-item:nth-child(5){animation-delay:1.3s}@keyframes fadeInScale{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInText{0%{opacity:0}to{opacity:1}}.timeline-item:nth-child(odd) .timeline-content{position:absolute;bottom:50%;margin-bottom:50px}.timeline-item:nth-child(2n) .timeline-content{position:absolute;top:50%;margin-top:50px}.timeline-dot{width:12px;height:12px;min-width:12px;background:#ffffff4d;border-radius:50%;border:2px solid rgba(255,255,255,.5);box-shadow:0 0 8px #fff3;z-index:3;transition:all .4s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-item:nth-child(odd) .timeline-dot:after{content:"";position:absolute;top:-50px;left:50%;transform:translate(-50%);width:2px;height:50px;background:linear-gradient(0deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:.8}.timeline-item:nth-child(2n) .timeline-dot:after{content:"";position:absolute;bottom:-50px;left:50%;transform:translate(-50%);width:2px;height:50px;background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:.8}.timeline-item:nth-child(1) .timeline-dot{animation-delay:0s}.timeline-item:nth-child(2) .timeline-dot{animation-delay:.2s}.timeline-item:nth-child(3) .timeline-dot{animation-delay:1s}.timeline-item:nth-child(4) .timeline-dot{animation-delay:1.5s}.timeline-item:nth-child(5) .timeline-dot{animation-delay:.8s}.timeline-item:hover .timeline-dot{transform:translate(-50%,-50%) scale(1.3);background:#fff9;border-color:#fffc;box-shadow:0 0 12px #fff6}.timeline-content{width:100%;display:flex;justify-content:center}.timeline-card{background:linear-gradient(145deg,#191919f2,#0f0f0f);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:1.5rem;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 12px 48px #000000b3,inset 0 2px #ffffff1f,0 0 0 1px #ffffff14,0 6px 24px #00000080;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:360px!important;height:260px!important;min-width:360px!important;min-height:260px!important;max-width:360px!important;max-height:260px!important;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;cursor:pointer}.timeline-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:.15;filter:grayscale(100%) brightness(.4);transition:all .5s ease;z-index:0}.timeline-item:nth-child(1) .timeline-card:before{background-image:url(https://images.unsplash.com/photo-1562774053-701939374585?w=800)}.timeline-item:nth-child(2) .timeline-card:before{background-image:url(https://images.unsplash.com/photo-1541339907198-e08756dedf3f?w=800)}.timeline-item:nth-child(3) .timeline-card:before{background-image:url(https://images.unsplash.com/photo-1498243691581-b145c3f54a5a?w=800)}.timeline-item:nth-child(4) .timeline-card:before{background-image:url(https://images.unsplash.com/photo-1523240795612-9a054b0db644?w=800)}.timeline-item:nth-child(5) .timeline-card:before{background-image:url(https://images.unsplash.com/photo-1434030216411-0b793f4b4173?w=800)}.timeline-card:hover:before{opacity:.4;filter:grayscale(0%) brightness(.7);transform:scale(1.05)}.timeline-card:hover{transform:translateY(-15px) scale(1.03) perspective(1500px) rotateX(2deg);box-shadow:12px 0 24px #0009,16px 4px 32px #00000080,inset -2px 0 #ffffff26,inset 0 2px #ffffff1f,0 40px 80px #000000e6,0 20px 60px #000000b3,0 0 0 1px #fff3,0 0 50px #ffffff14;border-color:#ffffff80}.timeline-item:last-child .timeline-card{width:360px!important;height:260px!important;min-width:360px!important;min-height:260px!important;max-width:360px!important;max-height:260px!important}.timeline-item:first-child .timeline-card{margin-left:3rem}@media (max-width: 768px){.timeline-item:first-child .timeline-card{margin-left:0!important}.cv-popup-buttons{flex-direction:column;gap:.75rem}.cv-button-primary,.cv-button-secondary{width:100%;padding:1rem 1.5rem;font-size:.9rem}}.timeline-title{font-size:1.85rem;font-weight:900;color:#fff;margin:0;padding:0;text-transform:uppercase;letter-spacing:-.5px;text-align:center;position:relative;z-index:1;text-shadow:0 3px 15px rgba(0,0,0,.6);animation:slideUpFadeIn .6s ease-out backwards;transition:all .3s ease;width:100%;word-wrap:break-word;overflow-wrap:break-word}.timeline-period{font-size:.75rem;font-weight:600;color:#ffffffbf;margin:0;padding:0;text-transform:uppercase;letter-spacing:.5px;text-align:center;position:relative;z-index:1;animation:fadeInText .6s ease-out backwards;transition:all .3s ease;width:100%;word-wrap:break-word;overflow-wrap:break-word}.timeline-description{font-size:.8rem;line-height:1.5;color:#ffffffe0;text-align:center;position:relative;z-index:1;animation:fadeInText .6s ease-out backwards;transition:all .3s ease;margin:0;padding:0;width:100%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.timeline-item.item-exit .timeline-title,.timeline-item.item-exit .timeline-period,.timeline-item.item-exit .timeline-description{animation:fadeOutText .4s ease-in forwards!important}@keyframes fadeOutText{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.timeline-item:nth-child(1) .timeline-title{animation-delay:.6s}.timeline-item:nth-child(1) .timeline-period{animation-delay:.7s}.timeline-item:nth-child(1) .timeline-description{animation-delay:.8s}.timeline-item:nth-child(2) .timeline-title{animation-delay:.8s}.timeline-item:nth-child(2) .timeline-period{animation-delay:.9s}.timeline-item:nth-child(2) .timeline-description{animation-delay:1s}.timeline-item:nth-child(3) .timeline-title{animation-delay:1.6s}.timeline-item:nth-child(3) .timeline-period{animation-delay:1.7s}.timeline-item:nth-child(3) .timeline-description{animation-delay:1.8s}.timeline-item:nth-child(4) .timeline-title{animation-delay:2.1s}.timeline-item:nth-child(4) .timeline-period{animation-delay:2.2s}.timeline-item:nth-child(4) .timeline-description{animation-delay:2.3s}.timeline-item:nth-child(5) .timeline-title{animation-delay:1.4s}.timeline-item:nth-child(5) .timeline-period{animation-delay:1.5s}.timeline-item:nth-child(5) .timeline-description{animation-delay:1.6s}.competences-section{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:6rem 4rem 4rem;animation:fadeIn .6s ease-out;overflow-y:auto}.competences-section.section-exit{animation:fadeOut .6s ease-in forwards}.competences-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1400px;width:90%;perspective:1500px;transform-style:preserve-3d;margin-top:2rem}.competence-category{background:#1e1e1e99;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem 1.8rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:4px 4px #ffffff1a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55) backwards;display:flex;flex-direction:column;gap:1.5rem;perspective:1000px;transform-style:preserve-3d}.competence-category:nth-child(1){animation-delay:.1s}.competence-category:nth-child(2){animation-delay:.2s}.competence-category.category-exit{animation:smoothFadeOut .5s ease-out forwards!important}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}.competence-category:hover{transform:translateY(-5px);box-shadow:6px 6px #ffffff26,0 15px 30px #0006,0 0 40px #fff3,0 0 80px #ffffff1a;border-color:#fff6}.competence-title{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:.5rem;text-align:center;text-transform:uppercase;letter-spacing:-.5px;animation:fadeInUp .6s ease-out backwards;animation-delay:.2s;transition:all .3s ease}.competence-category.category-exit .competence-title{animation:fadeOutDown .4s ease-in forwards!important}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.competence-list{display:flex;flex-direction:column;gap:1.5rem;max-height:550px;overflow-y:auto;overflow-x:hidden;padding-right:1.5rem;padding-bottom:2rem}.competence-list::-webkit-scrollbar{width:6px}.competence-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.competence-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px;transition:background .3s ease}.competence-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.competence-item{background:linear-gradient(145deg,#1e1e2366,#14141999);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem 1.2rem;font-size:1.05rem;color:#fffffff2;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:1.2rem;animation:slideInBounce .6s cubic-bezier(.68,-.55,.265,1.55) backwards;position:relative;box-shadow:0 4px 15px #0000004d,inset 0 1px #ffffff0d;cursor:pointer}.competence-item.item-exit{animation:fadeOutRight .4s ease-out forwards!important}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.competence-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:8px;opacity:0;transition:opacity .4s ease;z-index:-1}.competence-item:hover{background:linear-gradient(145deg,#28282df2,#1e1e23);border-color:#fff6;transform:translate(10px) scale(1.03);box-shadow:0 10px 30px #00000080,0 0 20px #ffffff1a,inset 0 1px #ffffff26}.competence-item:hover:before{opacity:1}.competence-icon{width:40px;height:40px;min-width:40px;transition:all .3s ease;filter:brightness(1) saturate(1.1);opacity:.9;object-fit:contain}.competence-item:hover .competence-icon{filter:brightness(1.1) saturate(1.2) drop-shadow(0 0 12px rgba(255,255,255,.5)) drop-shadow(0 0 6px rgba(255,255,255,.3));opacity:1;transform:scale(1.15) rotate(5deg)}.about-section{position:relative;z-index:2;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:6rem 3rem;animation:fadeIn .6s ease-out;max-width:1400px;margin:0 auto;align-items:center;overflow-y:auto;overflow-x:hidden}.about-section.section-exit{animation:fadeOut .6s ease-in forwards}.about-section .header-contact,.about-section .personal-info,.about-section .btn-back-header{position:fixed!important;z-index:10000!important}.about-section .floating-social-btn{position:fixed!important;z-index:9998!important}.about-section .footer{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:10000!important}.about-content{background:linear-gradient(145deg,#191919f2,#0f0f0f);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:4rem 3rem;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 12px 48px #000000b3,inset 0 2px #ffffff1f,0 0 0 1px #ffffff14,0 6px 24px #00000080;animation:fadeInUpWithHover .8s ease-out backwards;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:600px;height:calc(100vh - 14rem);max-height:800px;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;transform:translateY(-10px) scale(1.02);border-color:#ffffff80}.about-content.content-exit{animation:fadeOutLeft .5s ease-out forwards!important}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50px)}}.about-content:hover{transform:translateY(-10px) scale(1.02);box-shadow:12px 0 24px #0009,16px 4px 32px #00000080,inset -2px 0 #ffffff26,inset 0 2px #ffffff1f,0 40px 80px #000000e6,0 20px 60px #000000b3,0 0 0 1px #fff3,0 0 50px #ffffff14;border-color:#ffffff80}.about-title{font-size:3.2rem;font-weight:900;color:#fff;margin:0 0 1.5rem;padding:0;text-transform:uppercase;letter-spacing:-2px;text-align:center;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease;animation:fadeInUp .6s ease-out backwards;animation-delay:.1s;width:100%;word-wrap:break-word;overflow-wrap:break-word}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.about-text{font-size:1rem;line-height:1.7;color:#ffffffb3;margin:0 0 1rem;padding:0;transition:all .3s ease;cursor:pointer;text-align:center;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;animation:fadeInUp .6s ease-out backwards;width:100%}.about-text:nth-of-type(1){animation-delay:.2s}.about-text:nth-of-type(2){animation-delay:.3s}.about-text:nth-of-type(3){animation-delay:.4s}.about-text:last-child{margin-bottom:0}.about-content:hover .about-text{color:#fffffff2;transform:translate(3px);text-shadow:0 2px 8px rgba(255,255,255,.2)}.about-content:hover .about-title{color:#fff;text-shadow:0 4px 12px rgba(255,255,255,.3);transform:translate(3px)}.about-contact{margin:2rem 0 0;padding:2rem 0 0;border-top:2px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeInUp .6s ease-out backwards;animation-delay:.5s;width:100%}.contact-info-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;animation:slideInContact .6s ease-out backwards;transition:all .3s ease}.contact-info-item:nth-child(1){animation-delay:.6s}.contact-info-item:nth-child(2){animation-delay:.7s}.contact-info-item:nth-child(3){animation-delay:.8s}.contact-info-item:hover{transform:translateY(-2px)}@keyframes slideInContact{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.about-content.content-exit .contact-info-item{animation:slideOutContact .4s ease-in forwards}@keyframes slideOutContact{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.contact-label{font-size:.95rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;text-align:center;transition:all .3s ease;width:100%;word-wrap:break-word;overflow-wrap:break-word}.contact-value{font-size:1.15rem;font-weight:500;color:#ffffffe6;text-align:center;transition:all .3s ease;width:100%;word-wrap:break-word;overflow-wrap:break-word}.contact-info-item:hover .contact-label{color:#ffffffe6}.contact-info-item:hover .contact-value{color:#fff;text-shadow:0 2px 8px rgba(255,255,255,.3)}.contact-stepper{background:linear-gradient(145deg,#191919f2,#0f0f0f);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:4rem 3rem;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 12px 48px #000000b3,inset 0 2px #ffffff1f,0 0 0 1px #ffffff14,0 6px 24px #00000080;animation:fadeInUpWithHover .8s ease-out .1s backwards;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:600px;height:calc(100vh - 14rem);max-height:800px;overflow:hidden;width:100%;transform:translateY(-10px) scale(1.02);border-color:#ffffff80}.contact-stepper.content-exit{animation:fadeOutRight .5s ease-out .1s forwards!important}.contact-stepper:hover{transform:translateY(-10px) scale(1.02);box-shadow:12px 0 24px #0009,16px 4px 32px #00000080,inset -2px 0 #ffffff26,inset 0 2px #ffffff1f,0 40px 80px #000000e6,0 20px 60px #000000b3,0 0 0 1px #fff3,0 0 50px #ffffff14;border-color:#ffffff80}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.stepper-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;animation:fadeInUp .6s ease-out .3s backwards;width:100%}.step{display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:.4;transition:all .3s ease}.step.active{opacity:1}.step-number{width:60px;height:60px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff9;transition:all .3s ease}.step.active .step-number{background:#fff;border-color:#fff;color:#000;box-shadow:0 0 20px #fff6;animation:stepPulse .6s ease-out}.step.completed .step-number{background:#fff;border-color:#fff;color:#000}@keyframes stepPulse{0%{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.1);box-shadow:0 0 30px #fff9}to{transform:scale(1);box-shadow:0 0 20px #fff6}}.step-label{font-size:.95rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.5px;text-align:center}.step.active .step-label{color:#ffffffe6}.step-line{flex:1;height:3px;background:#fff3;margin:0 1rem;border-radius:2px;position:relative;overflow:hidden}.step-line-progress{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,#fff,#fffc);transition:width .6s ease;box-shadow:0 0 10px #ffffff80}.step-line.active .step-line-progress{width:100%;animation:lineProgress .6s ease-out}@keyframes lineProgress{0%{width:0;opacity:.5}to{width:100%;opacity:1}}.stepper-form{animation:fadeIn .3s ease-out;width:100%}.form-step{display:flex;flex-direction:column;gap:1rem;animation:slideInForm .4s ease-out}@keyframes slideInForm{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-step label{font-size:1.1rem;font-weight:600;color:#fffc;margin-bottom:.5rem}.form-step input,.form-step textarea{padding:1.25rem 1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1.1rem;font-family:Poppins,sans-serif;transition:all .3s ease;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;width:100%}.form-step input:focus,.form-step textarea:focus{outline:none;border-color:#fff;background:#ffffff14;box-shadow:0 0 20px #ffffff4d}.form-step textarea{resize:vertical;min-height:120px}.stepper-buttons{display:flex;gap:1.25rem;margin-top:2rem;justify-content:flex-end;width:100%}.btn-prev,.btn-next,.btn-submit,.btn-back{padding:.6rem 1.2rem;border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:.85rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a}.btn-prev{background:#ffffff1a;color:#ffffffe6}.btn-prev:hover{background:#fffffff2;border-color:#fff6;color:#000000e6;box-shadow:0 6px 20px #fff3,inset 0 1px #ffffff4d,0 2px 8px #0006}.btn-next,.btn-submit{background:#fff;color:#000;border-color:#fff}.btn-next:hover,.btn-submit:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #ffffff4d,inset 0 1px #fff6,0 2px 8px #0006}.btn-prev:active,.btn-next:active,.btn-submit:active,.btn-back:active{transform:translateY(3px) scale(.97);box-shadow:0 2px 6px #0000004d,inset 0 2px 6px #0000004d;transition:all .08s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.92) translateY(15px)}60%{opacity:1;transform:scale(1.01) translateY(-3px)}80%{transform:scale(.99) translateY(1px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes elasticIn{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.15) rotate(10deg)}75%{transform:scale(.95) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fadeInBlur{0%{opacity:0;filter:blur(20px);transform:scale(.9)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes slideInBounce{0%{opacity:0}to{opacity:1}}@keyframes scaleRotateIn{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes smoothFadeOut{0%{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:blur(0px) brightness(1)}50%{opacity:.5;transform:translateY(-10px) scale(1.02) rotateX(5deg);filter:blur(1px) brightness(1.1)}to{opacity:0;transform:translateY(40px) scale(.85) rotateX(15deg);filter:blur(8px) brightness(.7)}}@keyframes gentleFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}50%{opacity:.5;filter:blur(2px)}to{opacity:0;transform:translateY(40px) scale(.9);filter:blur(6px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}50%{opacity:.5;filter:blur(2px)}to{opacity:0;transform:translateY(-40px) scale(.9);filter:blur(6px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0) scale(1);filter:blur(0px)}50%{opacity:.5;filter:blur(2px)}to{opacity:0;transform:translate(-50px) scale(.9);filter:blur(6px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0) scale(1);filter:blur(0px)}50%{opacity:.5;filter:blur(2px)}to{opacity:0;transform:translate(50px) scale(.9);filter:blur(6px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ffffff4d,0 0 40px #fff3,inset 0 0 20px #ffffff1a}50%{box-shadow:0 0 40px #ffffff80,0 0 80px #ffffff4d,inset 0 0 30px #fff3}}@media (max-width: 1024px){.cards-container{gap:1.5rem;max-width:900px;height:600px}.card{padding:2rem 1.5rem}.card-icon{width:60px;height:60px}.card-content{padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;height:100%}.card-text-container{gap:.3rem;text-align:right!important;align-items:flex-end!important}.card-title{font-size:1.3rem;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;text-align:right}.card-description{font-size:.85rem;line-height:1.4;text-align:right}.card-label{text-align:right;white-space:nowrap}.about-section{grid-template-columns:1fr;padding:6rem 3rem;gap:1.5rem;overflow:hidden}.about-content{padding:2.5rem 2rem;max-height:calc(100vh - 12rem);overflow-y:auto}.contact-stepper{padding:1.5rem 1rem;max-height:550px;height:auto;overflow:hidden}.personal-info{top:1.5rem;right:1.5rem}.btn-back-header{font-size:.85rem;padding:.75rem 1.5rem;top:1.5rem;left:1.5rem}.logo-icon-img{width:70px;height:70px}.header-contact{top:1.5rem;left:1.5rem;gap:.5rem}.contact-button{font-size:.8rem}}@media (max-width: 768px){.content{padding:3rem 1.5rem;height:100vh;min-height:100vh;overflow:visible;display:flex;align-items:center;justify-content:center}.cards-container{display:flex!important;flex-direction:column!important;gap:1rem!important;max-width:100%!important;width:100%!important;height:auto!important;max-height:calc(100vh - 120px)!important;margin:0!important;padding:5rem 1rem 1rem!important;perspective:none!important;overflow-y:auto!important}.card:nth-child(1),.card:nth-child(2),.card:nth-child(3),.card:nth-child(4){grid-column:unset!important;grid-row:unset!important;width:100%!important;height:100px!important;min-height:100px!important;max-height:100px!important;flex-shrink:0!important}.card{padding:.75rem 1rem!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:1rem!important;animation:none!important;opacity:1!important}.card-icon{width:42px!important;height:42px!important;flex-shrink:0!important;margin:0!important}.card-icon svg{width:26px!important;height:26px!important}.card-content{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-end!important;gap:.3rem!important;min-width:0!important;background:transparent!important;padding:.6rem .8rem!important;border-radius:0!important;position:relative!important;z-index:10!important}.card-text-container{display:flex!important;flex-direction:column!important;gap:.15rem!important;align-items:flex-end!important;text-align:right!important}.card-title{font-size:1.2rem!important;font-weight:700!important;margin:0!important;line-height:1.2!important;color:#fff!important;text-align:right!important;text-shadow:0 2px 12px rgba(0,0,0,.9),0 1px 4px rgba(0,0,0,1)!important}.card-description{font-size:.8rem!important;margin:0!important;line-height:1.3!important;color:#ffffffe6!important;text-shadow:0 1px 6px rgba(0,0,0,.8)!important;text-align:right!important;display:none!important}.card-label,.card-gradient{display:none!important}.card{transform:translateY(-4px)!important;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important}.card:hover{transform:translateY(-4px)!important}.card-video{transform:scale(1.05)!important}.card-glow{display:none!important}.card:active{transform:translateY(2px) scale(.98)!important;transition:all .08s ease-out!important;box-shadow:0 8px 30px #0009,inset 0 4px 12px #000000b3,inset 0 -2px #ffffff0d,0 0 0 1px #ffffff26!important}.about-section{grid-template-columns:1fr;padding:5rem 2rem 8rem;gap:1.5rem;overflow:hidden}.about-content{padding:2rem 1.5rem;max-height:calc(100vh - 10rem);overflow-y:auto}.contact-stepper{padding:2rem 1.5rem;max-height:500px;height:auto;overflow:hidden}.about-title{font-size:1.6rem;margin:0 0 1.5rem}.about-text{font-size:.95rem;line-height:1.7;margin:0 0 1rem}.contact-label{font-size:.85rem}.contact-value{font-size:1rem}.personal-info{position:fixed!important;top:1rem!important;right:1rem!important;z-index:1001!important;display:flex!important;flex-direction:column!important}.info-name{font-size:1rem}.info-school{font-size:.8rem}.header{top:1.5rem}.btn-back-header{font-size:.7rem;padding:.5rem 1rem;top:.75rem;left:.75rem}.logo-icon-img{width:60px;height:60px}.header-contact{top:1rem;left:1rem;gap:.5rem}.contact-button{font-size:.75rem}}@media (max-width: 480px){.content{padding:2.5rem .75rem}.cards-container{gap:.6rem!important;max-width:100%!important;max-height:calc(100vh - 5rem)!important}.card:nth-child(1),.card:nth-child(2),.card:nth-child(3),.card:nth-child(4){max-height:calc((100vh - 3.5rem)/4)!important}.card{padding:.75rem 1rem!important}.card-icon{width:38px!important;height:38px!important}.card-icon svg{width:24px!important;height:24px!important}.card-title{font-size:1rem!important;text-align:right!important}.card-description{font-size:.7rem!important;text-align:right!important}.about-section{padding:4rem 1rem 7rem;overflow-y:auto;overflow-x:hidden}.about-content{padding:1.5rem 1.25rem;max-height:calc(100vh - 8rem);overflow-y:auto}.contact-stepper{padding:1.5rem 1.25rem;max-height:450px;height:auto;overflow:hidden}.about-title{font-size:1.4rem;margin:0 0 1rem}.about-text{font-size:.9rem;line-height:1.6;margin:0 0 1rem}.contact-label{font-size:.8rem}.contact-value{font-size:.95rem}}@media (min-width: 1440px){.cards-container{gap:2.5rem;max-width:1400px;height:700px}.card{padding:3rem 2.5rem}.card-icon{width:90px;height:90px}.card-icon svg{width:52px;height:52px}.card-title{font-size:2rem}.card-description{font-size:1rem}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;animation:fadeOut .8s ease-out 0s forwards;animation-play-state:paused}.loading-screen.fade-out{animation-play-state:running}.loading-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;opacity:.5}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.loading-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6rem}.loading-cards{display:grid;grid-template-areas:"cards";list-style:none;margin:0;padding:0}.loading-card{grid-area:cards;width:15vmin;aspect-ratio:2.5/3.5;border-radius:2vmin;border:.15vmin solid rgba(255,255,255,.2);background-color:#1a1a1a;background-image:url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M81.28 88H68.413l19.298 19.298L81.28 88zm2.107 0h13.226L90 107.838 83.387 88zm15.334 0h12.866l-19.298 19.298L98.72 88zm-32.927-2.207L73.586 78h32.827l.5.5 7.294 7.293L115.414 87l-24.707 24.707-.707.707L64.586 87l1.207-1.207zm2.62.207L74 80.414 79.586 86H68.414zm16 0L90 80.414 95.586 86H84.414zm16 0L106 80.414 111.586 86h-11.172zm-8-6h11.173L98 85.586 92.414 80zM82 85.586L87.586 80H76.414L82 85.586z' fill='%23ffffff' fill-opacity='0.08' fill-rule='evenodd'/%3E%3C/svg%3E");background-size:50%;will-change:transform,opacity;opacity:0;transform:translateY(0) rotate(45deg) scale(1);animation:cardShuffle 2.4s cubic-bezier(.68,-.55,.265,1.55) infinite;animation-fill-mode:forwards;transform-origin:center}@keyframes cardShuffle{0%,to{transform:translateY(0) rotate(45deg) scale(1);opacity:.7}25%{transform:translateY(-30px) rotate(55deg) scale(.95);opacity:.9}50%{transform:translateY(0) rotate(65deg) scale(1);opacity:.8}75%{transform:translateY(30px) rotate(55deg) scale(.95);opacity:.9}}.loading-progress-container{width:450px;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#ffffff4d,#fffc,#ffffff4d);border-radius:10px;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #ffffff4d}.loading-percentage{color:#fffc;font-size:1.5rem;font-weight:700;font-family:Poppins,sans-serif;text-align:center;letter-spacing:2px}.projets-section{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 2rem;animation:fadeIn .8s ease-out;overflow:hidden;background:radial-gradient(ellipse at 20% 30%,rgba(255,255,255,.03) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(255,255,255,.02) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(100,100,100,.05) 0%,transparent 70%)}.projets-section:before{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:pulseGlow 8s ease-in-out infinite;pointer-events:none}.projets-section:after{content:"";position:absolute;top:20%;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(200,200,200,.03) 0%,transparent 70%);border-radius:50%;animation:floatSlow 10s ease-in-out infinite;pointer-events:none}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}}@keyframes floatSlow{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.projets-section.section-exit{animation:fadeOut .6s ease-in forwards}.projets-container{position:relative;width:100%;height:100%;max-width:1900px;display:flex;gap:2.5rem;animation:floatIn 1.4s cubic-bezier(.34,1.56,.64,1) .2s backwards;filter:drop-shadow(0 20px 60px rgba(0,0,0,.6))}@keyframes floatIn{0%{opacity:0;transform:translateY(60px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.featured-project{flex:1;position:relative;height:100%;border-radius:20px;overflow:hidden;background:#141414f2;border:2px solid rgba(255,255,255,.15);box-shadow:8px 8px #ffffff14,0 25px 80px #000000e6,inset 0 1px #ffffff1a;transition:all .5s cubic-bezier(.175,.885,.32,1.275);animation:bounceIn 1s cubic-bezier(.68,-.55,.265,1.55) .4s backwards;will-change:transform}.featured-project.item-exit{animation:fadeOutLeft .5s ease-out forwards!important}.featured-project:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #ffffff26,0 40px 100px #000000f2,0 0 60px #ffffff14,inset 0 1px #fff3;border-color:#ffffff4d}.featured-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) brightness(.5) contrast(1.2);transition:all .6s cubic-bezier(.175,.885,.32,1.275);transform:scale(1)}.featured-project:hover .featured-video{filter:grayscale(100%) brightness(.65) contrast(1.25);transform:scale(1.03)}.featured-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top right,rgba(255,255,255,.05) 0%,transparent 40%),radial-gradient(ellipse at bottom left,rgba(0,0,0,.6) 0%,transparent 50%),linear-gradient(to bottom,#0003,#00000080 40%,#000c,#000000f2);pointer-events:none;z-index:1;transition:all .6s ease}.featured-project:hover .featured-overlay{background:radial-gradient(ellipse at top right,rgba(255,255,255,.08) 0%,transparent 45%),radial-gradient(ellipse at bottom left,rgba(0,0,0,.5) 0%,transparent 50%),linear-gradient(to bottom,#0000001a,#0006 40%,#000000b3,#000000e6)}.project-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:55px;height:55px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#191919f2,#0f0f0f);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#ffffffe6;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0009,inset 0 1px #ffffff1a,0 0 0 1px #ffffff14;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .5s ease-out 1s forwards}.project-nav-prev{left:2rem}.project-nav-next{right:2rem}.project-nav-btn:hover{background:linear-gradient(145deg,#232323f2,#191919);border-color:#fff6;color:#fff;transform:translateY(-50%) scale(1.08);box-shadow:0 12px 32px #000c,inset 0 2px #ffffff26,0 0 0 1px #fff3,0 0 30px #ffffff1a}.project-nav-btn:active{transform:translateY(-50%) scale(.92);box-shadow:0 4px 12px #00000080,inset 0 3px 8px #0006;transition:all .08s ease-out}.featured-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:3rem}.featured-content:before{content:"";position:absolute;top:2rem;right:2rem;width:120px;height:120px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:20px;transform:rotate(45deg);filter:blur(1px);opacity:.3;transition:all .6s cubic-bezier(.175,.885,.32,1.275);animation:floatRotate 15s ease-in-out infinite}.featured-project:hover .featured-content:before{transform:rotate(55deg) scale(1.1);opacity:.5;border-color:#fff3}@keyframes floatRotate{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(55deg) translateY(-10px)}}.featured-content:after{content:"";position:absolute;bottom:3rem;left:2rem;width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%;filter:blur(20px);opacity:.4;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.6}}.featured-header{display:flex;flex-direction:column;gap:1.5rem}.project-category{display:inline-block;align-self:flex-start;padding:.6rem 1.4rem;background:#ffffff14;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.25);border-radius:50px;color:#fffffff2;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:slideInBounce .8s cubic-bezier(.68,-.55,.265,1.55) .6s backwards;box-shadow:0 4px 15px #0000004d,inset 0 1px #fff3}.featured-project:hover .project-category{background:#ffffff26;border-color:#fff6;transform:translate(8px) scale(1.05);box-shadow:0 8px 25px #00000080,inset 0 1px #ffffff4d}.featured-title{font-size:3.8rem;font-weight:900;color:#fff;margin:0;line-height:1.05;text-transform:uppercase;letter-spacing:-2.5px;text-shadow:3px 3px 25px rgba(0,0,0,.9),0 0 40px rgba(0,0,0,.5);animation:bounceIn 1s cubic-bezier(.68,-.55,.265,1.55) .7s backwards;transition:all .5s cubic-bezier(.175,.885,.32,1.275);transform:translateZ(15px)}.featured-project:hover .featured-title{transform:translate(8px);text-shadow:3px 3px 25px rgba(0,0,0,.9),0 0 50px rgba(255,255,255,.2);letter-spacing:-2px}.featured-description{font-size:1.2rem;line-height:1.75;color:#ffffffe6;max-width:700px;margin:0;text-shadow:2px 2px 15px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.5);animation:slideInBounce .9s cubic-bezier(.68,-.55,.265,1.55) .8s backwards;transition:all .5s ease;transform:translateZ(10px)}.featured-project:hover .featured-description{color:#fffffff2;transform:translate(5px) translateZ(12px)}.featured-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;animation:fadeInBlur .8s ease-out .8s backwards}.project-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.meta-date{font-size:.85rem;font-weight:600;color:#ffffffb3;letter-spacing:1px;text-shadow:1px 1px 5px rgba(0,0,0,.8)}.meta-separator{color:#fff6;font-weight:300}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.6rem 1.1rem;background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffffe6;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-shadow:1px 1px 5px rgba(0,0,0,.8);box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1a}.tech-tag:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #0009,inset 0 1px #fff3}.project-link{display:inline-flex;align-items:center;gap:.6rem;padding:1.1rem 2.2rem;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:14px;color:#fff;font-size:.85rem;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:2px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-shadow:2px 2px 8px rgba(0,0,0,.8);box-shadow:4px 4px #ffffff1a,0 8px 30px #00000080,inset 0 1px #ffffff26;position:relative;overflow:hidden}.project-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.project-link:hover:before{left:100%}.project-link:hover{background:#ffffff2e;border-color:#ffffff80;transform:translate(-3px,-3px) scale(1.03);box-shadow:7px 7px #fff3,0 12px 40px #0009,0 0 60px #ffffff1a,inset 0 1px #ffffff4d}.projects-previews{position:relative;display:flex;flex-direction:column;gap:1.5rem;width:380px;height:100%;overflow-y:auto;overflow-x:hidden;padding:.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;transform-style:preserve-3d}.projects-previews::-webkit-scrollbar{width:6px}.projects-previews::-webkit-scrollbar-track{background:transparent}.projects-previews::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.projects-previews::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.project-preview{position:relative;height:240px;border-radius:18px;overflow:hidden;background:#0f0f0fe6;border:2.5px solid rgba(255,255,255,.15);cursor:pointer;transition:all .6s cubic-bezier(.175,.885,.32,1.275);animation:slideInBounce .8s cubic-bezier(.68,-.55,.265,1.55) backwards;box-shadow:5px 5px #ffffff1a,0 12px 35px #0009,0 0 50px #0006,0 0 80px #6366f10d,inset 0 1px #ffffff14;transform:translateZ(10px) rotateY(2deg);transform-style:preserve-3d;will-change:transform}.project-preview.item-exit{animation:fadeOutRight .4s ease-out forwards!important}.project-preview:hover{transform:translate(-4px,-4px) scale(1.03);border-color:#ffffff4d;box-shadow:8px 8px #ffffff26,0 20px 50px #000c,0 0 80px #ffffff0d,inset 0 1px #ffffff26}.project-preview.active{border-color:#fff6;background:#191919f2;box-shadow:7px 7px #fff3,0 0 50px #ffffff1a,0 20px 60px #000000e6,inset 0 1px #fff3;transform:scale(1.04)}.project-preview.active:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:#ffffff0d;border-radius:18px;z-index:-1;filter:blur(10px);opacity:.6}.preview-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) brightness(.45) contrast(1.15);transition:all .5s cubic-bezier(.175,.885,.32,1.275);transform:scale(1)}.project-preview:hover .preview-video{filter:grayscale(100%) brightness(.6) contrast(1.2);transform:scale(1.05)}.project-preview.active .preview-video{filter:grayscale(100%) brightness(.7) contrast(1.25);transform:scale(1.03)}.preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top right,rgba(255,255,255,.05) 0%,transparent 40%),radial-gradient(ellipse at bottom left,rgba(0,0,0,.6) 0%,transparent 50%),linear-gradient(to bottom,#0003,#000000b3 70%,#000000f2);pointer-events:none;z-index:1;transition:all .5s ease}.project-preview:hover .preview-overlay{background:radial-gradient(ellipse at top right,rgba(255,255,255,.08) 0%,transparent 45%),radial-gradient(ellipse at bottom left,rgba(0,0,0,.5) 0%,transparent 50%),linear-gradient(to bottom,#0000001a,#0009 70%,#000000e6)}.project-preview.active .preview-overlay{background:radial-gradient(ellipse at top right,rgba(255,255,255,.1) 0%,transparent 50%),linear-gradient(to bottom,#0000001a,#00000080 70%,#000000d9)}.preview-info{position:absolute;bottom:0;right:0;padding:1.3rem 1.4rem;z-index:2;text-align:right;transition:all .4s ease;transform:translateZ(5px)}.preview-title{font-size:1rem;font-weight:900;color:#fff;margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.8px;text-shadow:2px 2px 10px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.5);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-preview:hover .preview-title{transform:translate(-5px) scale(1.02);text-shadow:2px 2px 10px rgba(0,0,0,.9),0 0 25px rgba(255,255,255,.3)}.project-preview.active .preview-title{color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,.9),0 0 30px rgba(255,255,255,.4)}.preview-date{display:inline-block;font-size:.7rem;font-weight:700;color:#ffffffb3;letter-spacing:1.2px;padding:.3rem .8rem;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;border:1px solid rgba(255,255,255,.15);text-shadow:1px 1px 6px rgba(0,0,0,.8);transition:all .4s ease}.project-preview:hover .preview-date{background:#ffffff1a;border-color:#ffffff40;color:#ffffffe6;transform:translate(-3px)}.project-preview.active .preview-date{background:#ffffff26;border-color:#ffffff59;color:#fff;box-shadow:0 0 20px #ffffff1a}@keyframes projectSlideOut{0%{opacity:1;transform:translateZ(60px) rotateY(-1deg) scale(1)}to{opacity:0;transform:translateZ(-50px) rotateY(-5deg) scale(.95);filter:blur(5px)}}@keyframes projectSlideIn{0%{opacity:0;transform:translateZ(-50px) rotateY(5deg) scale(.95);filter:blur(5px)}to{opacity:1;transform:translateZ(60px) rotateY(-1deg) scale(1);filter:blur(0)}}.featured-project.changing-out{animation:projectSlideOut .4s cubic-bezier(.68,-.55,.265,1.55) forwards}.featured-project.changing-in{animation:projectSlideIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.projects-previews:before{content:"";position:absolute;top:-50px;left:50%;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);border-radius:50%;transform:translate(-50%);filter:blur(30px);opacity:.5;animation:floatUpDown 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes floatUpDown{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-20px)}}.no-projects{text-align:center;padding:4rem 2rem;animation:fadeIn .6s ease-out}.no-projects h2{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:1rem;text-transform:uppercase}.no-projects p{font-size:1.2rem;color:#fff9}.projets-section-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2;overflow:hidden;background:transparent;animation:fadeIn .6s ease-out}.projets-section-fullscreen.section-exit{animation:fadeOut .6s ease-in forwards}.fullscreen-project-container{width:100%;height:100%;position:relative;background:transparent}.project-progress-indicator{position:fixed;bottom:3rem;right:3rem;z-index:100;display:flex;align-items:center;gap:.3rem;padding:.6rem 1rem;background:#14141466;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:1rem;font-weight:500;color:#ffffff80;box-shadow:0 4px 20px #0000004d;transition:all .3s ease}.progress-current{font-size:1.1rem;color:#fffc;text-shadow:0 0 20px rgba(255,255,255,.4)}.progress-separator{color:#fff6;margin:0 .2rem}.progress-total{font-size:.9rem;color:#fff6}@keyframes slideInBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%) translate(50px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.fullscreen-project{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background:transparent;animation:fadeInProject .6s ease-out forwards;z-index:2}@keyframes fadeInProject{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutProject{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.project-exiting{animation:fadeOutProject .6s ease-out forwards!important;z-index:1!important}.project-exiting .project-controls-bar,.project-fullscreen-wrapper.project-exiting .project-controls-bar{opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important}.project-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;background:#000}.fullscreen-project-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.35) contrast(1.15) blur(1px);transform:scale(1.05)}.fullscreen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(100,100,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,100,100,.08) 0%,transparent 50%),linear-gradient(135deg,#000000d9,#000000e6,#000000f2);pointer-events:none;z-index:1}.project-main-layout{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:0 4rem;height:100vh;align-items:center;max-width:1800px;margin:0 auto}.project-left-panel{display:flex;flex-direction:column;gap:2rem;padding-right:2rem;animation:slideInFromLeft 1s cubic-bezier(.16,1,.3,1)}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}.project-compact-header{display:flex;align-items:baseline;gap:1.5rem;margin-bottom:.5rem;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards}.project-number-compact{font-size:7rem;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.25);line-height:1;font-family:Inter,sans-serif;letter-spacing:-.05em;transform:skew(-5deg)}.project-category-compact{font-size:.85rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:3px;padding:.4rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-title-compact{font-size:3.5rem;font-weight:900;color:#fff;margin:0;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#ffffffd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards;margin-bottom:1.5rem}.project-description-compact{font-size:1.1rem;font-weight:400;color:#ffffffbf;line-height:1.7;margin:0 0 1.5rem;max-width:90%;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards}.project-result-compact{font-size:.95rem;font-weight:500;color:#fff9;line-height:1.6;margin:0 0 2rem;max-width:90%;font-style:italic;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards}.project-info-compact{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards}.info-row{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.info-row:hover{background:#ffffff0f;border-color:#ffffff26;transform:translate(5px)}.info-label{font-size:.75rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:1.5px;min-width:80px}.info-text{font-size:.95rem;font-weight:500;color:#ffffffd9;line-height:1.4;flex:1}.project-link-compact{display:inline-flex;align-items:center;gap:.5rem;padding:0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;font-size:.8rem;font-weight:500;color:#fff9;text-decoration:none;text-transform:none;letter-spacing:.5px;transition:all .3s ease;width:fit-content;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards;margin-top:1rem}.project-link-compact:hover{color:#ffffffe6;border-bottom-color:#ffffff80}.project-link-compact svg{width:14px;height:14px;transition:transform .3s ease;opacity:.6}.project-link-compact:hover svg{transform:translate(3px);opacity:1}.project-number-display{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.project-number-large{font-size:8rem;font-weight:900;color:#ffffff14;line-height:1;font-family:Inter,sans-serif;letter-spacing:-.05em}.project-number-line{flex:1;height:3px;background:linear-gradient(90deg,rgba(255,255,255,.3) 0%,transparent 100%)}.project-header-section{display:flex;flex-direction:column;gap:1rem;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards}.project-category-badge{display:inline-block;width:fit-content;padding:.5rem 1.2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.75rem;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:2px}.project-number-display{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards}.project-bottom-left{position:fixed;bottom:3rem;left:3rem;z-index:100;display:flex;flex-direction:column;gap:1rem;max-width:500px;animation:slideInLeft .8s cubic-bezier(.175,.885,.32,1.275) .4s backwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.project-tech-label{font-size:.7rem;font-weight:600;color:#ffffff80;letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem}.fullscreen-project-title{font-size:4rem;font-weight:900;color:#fff;margin:0;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-title-underline{width:80px;height:4px;background:linear-gradient(90deg,rgba(255,255,255,.8) 0%,transparent 100%);margin-top:1rem;animation:expandLine .8s cubic-bezier(.16,1,.3,1) .5s backwards}@keyframes expandLine{0%{width:0;opacity:0}to{width:80px;opacity:1}}.fullscreen-project-description{font-size:1.15rem;font-weight:400;color:#ffffffb3;line-height:1.8;margin:0;max-width:90%;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards}.project-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards}.project-meta-item{display:flex;flex-direction:column;gap:.3rem}.meta-label{font-size:.7rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:1px}.meta-value{font-size:.95rem;font-weight:500;color:#ffffffd9;line-height:1.4}.project-challenge-section,.project-result-section{display:flex;flex-direction:column;gap:.8rem;padding:1.2rem;background:#ffffff05;border-left:3px solid rgba(255,255,255,.15);border-radius:8px;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards}.project-result-section{border-left-color:#43e97b66;background:#43e97b08}.section-label{font-size:.75rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:1.5px;margin:0}.section-content{font-size:.95rem;font-weight:400;color:#ffffffbf;line-height:1.6;margin:0}.project-result-section .section-content{color:#43e97be6;font-weight:500}.project-cta-button{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.75rem;font-weight:500;color:#ffffffb3;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;cursor:pointer;width:fit-content;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards}.project-cta-button:hover{background:#ffffff14;border-color:#fff3;color:#ffffffe6;transform:translate(3px)}.project-cta-button svg{width:16px;height:16px;transition:transform .3s ease}.project-cta-button:hover svg{transform:translate(3px)}.project-cta-placeholder{visibility:hidden;pointer-events:none}.project-right-panel{display:flex;align-items:center;justify-content:center;padding-left:2rem;animation:slideInFromRight 1s cubic-bezier(.16,1,.3,1) .2s backwards}@keyframes slideInFromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.project-preview-card{position:relative;width:100%;max-width:750px;aspect-ratio:16 / 10;perspective:1500px;cursor:pointer}.preview-card-inner{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#1e1e1ecc,#0f0f0ff2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 48px #000000b3,inset 0 2px #ffffff1f,0 0 0 1px #ffffff14,0 6px 24px #00000080;transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .3s ease}.project-preview-card:hover .preview-card-inner{box-shadow:12px 0 24px #0009,16px 4px 32px #00000080,inset -2px 0 #ffffff26,inset 0 2px #ffffff1f,0 40px 80px #000000e6,0 20px 60px #000000b3,0 0 0 1px #fff3}.preview-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:2}.project-preview-card:hover .preview-glow{opacity:1}.preview-video,.preview-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.fullscreen-project-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.35) contrast(1.15) blur(1px);transform:scale(1.05)}.project-technologies-grid{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag-fullscreen{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:.75rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tech-icon{width:14px;height:14px;opacity:.6;transition:opacity .3s ease}.tech-tag-fullscreen:hover{background:#ffffff0f;border-color:#ffffff26;color:#ffffffd9;transform:translateY(-1px);box-shadow:0 5px 20px #0000004d}.tech-tag-fullscreen:hover .tech-icon{opacity:1}@media (max-width: 1024px){.carousel-container{max-width:900px;height:600px;border-width:3px}.project-title{font-size:2.5rem}.project-description{font-size:1.05rem}}@media (max-width: 768px){html,body,.app{overflow-y:hidden!important;overflow-x:hidden!important;height:100vh!important}.content{height:auto!important;min-height:100vh;overflow-y:visible!important}.parcours-section,.projets-section,.competences-section,.about-section{overflow-y:auto!important;overflow-x:hidden!important;height:100vh!important;min-height:100vh}.competences-fullscreen-section{overflow:hidden!important;height:100vh!important;min-height:100vh}.projets-section{padding:7rem 1rem}.competences-section{padding:7rem 1rem 10rem!important}.project-number-display{gap:.75rem;max-width:100%;overflow:hidden}.project-number-line{flex:none;width:40px;max-width:40px}.project-title-underline{width:50px;max-width:50px}.project-number-large{font-size:4rem}.project-bottom-left{bottom:1.5rem;left:1rem;right:1rem;max-width:calc(100% - 2rem)}.fullscreen-project-title{font-size:2rem}.carousel-container{max-width:100%;height:500px;border-width:3px;border-radius:16px}.project-title{font-size:2rem;letter-spacing:-1px}.project-description{font-size:1rem}.carousel-nav{width:45px;height:45px;font-size:2rem}.carousel-prev{left:1rem}.carousel-next{right:1rem}.carousel-indicators{bottom:1.5rem}.project-overlay{padding:2rem 1.5rem}.tech-tag{font-size:.8rem;padding:.5rem 1rem}.project-link{padding:.9rem 1.8rem;font-size:.95rem}.about-section,.competences-container{gap:2rem}.header-buttons-group{display:none}.project-number-compact{font-size:4rem;-webkit-text-stroke:1.2px rgba(255,255,255,.25)}.project-category-compact{font-size:.7rem;padding:.3rem .8rem;letter-spacing:2px}.project-title-compact{font-size:2.2rem;margin-bottom:1rem}.project-description-compact{font-size:.95rem;margin-bottom:1.5rem;max-width:100%}.info-row{padding:.7rem 1rem;gap:.8rem}.info-label{font-size:.7rem;min-width:70px}.info-text{font-size:.85rem}.project-link-compact{font-size:.75rem}.competence-category{padding:1.5rem}.competence-title{font-size:1.3rem}.competence-item{padding:.8rem 1rem;font-size:.85rem}.competence-icon{width:20px;height:20px}.fullscreen-project-title{font-size:2.5rem}.fullscreen-project-description{font-size:.95rem}.project-main-layout{flex-direction:column;padding:2rem 1.5rem}.project-left-panel,.project-right-panel{width:100%}.project-preview-card{max-width:100%;margin-top:2rem}.project-bottom-left{bottom:6rem;left:1.5rem;right:1.5rem}.project-technologies-grid{gap:.5rem}.tech-tag-fullscreen{font-size:.75rem;padding:.4rem .8rem}.tech-icon{width:14px;height:14px}.project-progress-indicator{bottom:2rem;right:1.5rem}.loading-content{gap:4rem}.loading-card{width:12vmin}.loading-progress-container{width:250px}.loading-percentage{font-size:1.2rem}.btn-preview{display:none!important}}@media (max-width: 480px){.project-number-line{width:30px;max-width:30px}.project-title-underline{width:40px;max-width:40px}.project-number-large{font-size:3rem}.fullscreen-project-title{font-size:1.5rem}.project-bottom-left{bottom:1rem;left:.75rem;right:.75rem;max-width:calc(100% - 1.5rem)}.project-controls-bar{bottom:4rem!important;padding:.5rem 1rem!important;gap:1.2rem!important}.project-status-indicator{padding:.25rem .6rem!important}.status-dot{width:5px!important;height:5px!important}.status-label{font-size:.65rem!important}.project-nav-controls{gap:.35rem!important}.nav-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}.nav-btn svg{width:14px!important;height:14px!important}.project-count-badge{padding:.25rem .6rem!important}.count-current,.count-separator,.count-total{font-size:.7rem!important}.project-sound-toggle{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}.project-sound-toggle svg{width:14px!important;height:14px!important}.project-number-compact{font-size:3.5rem;-webkit-text-stroke:1px rgba(255,255,255,.25)}.project-category-compact{font-size:.65rem;padding:.25rem .7rem;letter-spacing:1.5px}.project-compact-header{gap:1rem;flex-wrap:wrap}.project-title-compact{font-size:1.8rem;margin-bottom:.8rem}.project-description-compact{font-size:.85rem;margin-bottom:1.2rem;line-height:1.6}.info-row{padding:.6rem .9rem;gap:.7rem}.info-label{font-size:.65rem;min-width:60px}.info-text{font-size:.8rem}.project-link-compact{font-size:.7rem}.competence-category{padding:1.25rem}.competence-title{font-size:1.1rem}.competence-item{padding:.7rem .9rem;font-size:.8rem}.competence-icon{width:18px;height:18px}.fullscreen-project-title{font-size:2rem}.fullscreen-project-description{font-size:.9rem}.project-main-layout{padding:1.5rem 1rem}.project-number-large{font-size:4rem}.project-category-badge{font-size:.7rem;padding:.3rem .8rem}.project-cta-button{padding:.8rem 1.5rem;font-size:.85rem}.project-bottom-left{bottom:5rem;left:1rem;right:1rem}.project-date-text{font-size:.75rem}.tech-tag-fullscreen{font-size:.7rem;padding:.35rem .7rem}.tech-icon{width:12px;height:12px}.project-progress-indicator{bottom:1.5rem;right:1rem;padding:.5rem .8rem;font-size:.9rem}.loading-content{gap:3rem}.loading-card{width:14vmin}.loading-progress-container{width:200px;height:3px}.loading-percentage{font-size:1rem}.logo-icon-img{width:50px;height:50px}.personal-info{top:.75rem;right:.75rem}.info-name{font-size:.85rem}.info-school{font-size:.7rem}.info-availability{font-size:.65rem}.header-contact{top:.75rem;left:.75rem}.contact-button{font-size:.7rem}.visit-count{font-size:.85rem}.visit-label{font-size:.7rem}}@media (max-width: 1024px) and (min-width: 769px){.header-buttons-group{gap:1.5rem;left:1.5rem;top:50%;transform:translateY(-50%)}.header-btn-top{padding:.4rem}.page-title-header{display:none!important}.parcours-section{padding:3rem 1.5rem!important}.timeline{gap:4rem!important;padding:0 2rem!important;max-width:100%!important}.timeline-card{width:280px!important;height:240px!important;min-width:280px!important;min-height:240px!important;max-width:280px!important;max-height:240px!important;padding:1.25rem!important;overflow:hidden;gap:.6rem}.timeline-title{font-size:1.15rem!important;line-height:1.2!important;margin-bottom:.4rem!important}.timeline-period{font-size:.65rem!important;margin-bottom:.5rem!important}.timeline-description{font-size:.75rem!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:4!important;line-clamp:4!important;-webkit-box-orient:vertical;overflow:hidden}.timeline-dot{width:10px!important;height:10px!important;min-width:10px!important}.timeline-dot:after{width:2px!important;height:80px!important}.project-number-compact{font-size:5rem;-webkit-text-stroke:1.3px rgba(255,255,255,.25)}.project-category-compact{font-size:.8rem;padding:.35rem .9rem}.project-title-compact{font-size:3rem;margin-bottom:1.2rem}.project-description-compact{font-size:1rem;margin-bottom:1.8rem}.info-row{padding:.75rem 1.1rem}.info-label{font-size:.7rem;min-width:75px}.info-text{font-size:.9rem}.project-link-compact{font-size:.75rem}.competence-category{padding:1.75rem}.competence-title{font-size:1.4rem}.competence-item{padding:.9rem 1.1rem;font-size:.9rem}.competence-icon{width:22px;height:22px}.fullscreen-project-title{font-size:3rem}.fullscreen-project-description{font-size:1rem}.project-main-layout{padding:2.5rem 2rem}.project-preview-card{max-width:450px}.tech-tag-fullscreen{font-size:.8rem;padding:.45rem .9rem}.tech-icon{width:16px;height:16px}.btn-preview{padding:2rem}.cv-preview img{width:320px;height:440px}.github-preview,.linkedin-preview,.thm-preview{min-width:340px}}@media (min-width: 1025px){.project-controls-bar{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;bottom:2rem!important;right:2rem!important;z-index:100!important;min-width:550px!important;transition:none!important}.project-cta-button,.project-sound-toggle,.project-nav-controls,.project-count-badge,.project-status-indicator{display:flex!important;visibility:visible!important;opacity:1!important}.project-exiting .project-controls-bar,.project-fullscreen-wrapper.project-exiting .project-controls-bar,.project-fullscreen-wrapper .project-controls-bar{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:100!important}.page-title-header{display:none!important}.category-card-btn{background:#fffffff2!important;color:#000000e6!important}.category-card-btn:hover{background:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ffffff4d,inset 0 1px #ffffff4d!important}}@media (max-width: 768px){.stepper-header{gap:1rem}.step-number{width:35px;height:35px;font-size:.9rem}.step-label{font-size:.75rem}.step-line{width:40px}.form-step label{font-size:.9rem}.form-step input,.form-step textarea{font-size:.9rem;padding:.8rem}.stepper-buttons{gap:.75rem}.btn-prev,.btn-next,.btn-submit{padding:.8rem 1.5rem;font-size:.85rem}}@media (max-width: 480px){.stepper-header{gap:.5rem}.step-number{width:30px;height:30px;font-size:.8rem}.step-label{font-size:.7rem}.step-line{width:30px}.form-step label{font-size:.85rem}.form-step input,.form-step textarea{font-size:.85rem;padding:.7rem}.btn-prev,.btn-next,.btn-submit{padding:.7rem 1.2rem;font-size:.8rem}.competences-detail-new{padding:6rem 1.5rem 4rem}}.competence-detail-section{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeInUp .6s ease-out}.competence-detail-section.section-exit{animation:fadeOutDown .6s ease-out forwards}.competence-detail-layout{display:flex;flex-direction:column;width:100%;max-width:1600px;height:min-content;padding:2rem;margin:0 auto;z-index:5;position:relative}.category-header-immersive{width:100%;margin-bottom:4rem;display:flex;flex-direction:column;align-items:center;text-align:center;animation:slideDownFade .8s cubic-bezier(.23,1,.32,1)}.category-badge{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#fff6;margin-bottom:1rem}.category-main-title{font-size:4.5rem;font-weight:950;color:#fff;margin:0 0 1rem;text-transform:uppercase;letter-spacing:-2px;background:linear-gradient(to bottom,#fff 40%,#ffffff80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.category-subtitle{font-size:1.2rem;color:#fff9;max-width:700px;line-height:1.6;margin-bottom:2.5rem}.category-stats{display:flex;align-items:center;gap:3rem;background:#ffffff08;padding:1.5rem 3rem;border-radius:50px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.8rem;font-weight:800;color:#fff}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff6;letter-spacing:1px}.stat-divider{width:1px;height:40px;background:#ffffff1a}.main-detail-content{display:grid;grid-template-columns:1fr 1.5fr;gap:5rem;width:100%;align-items:start}.category-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.backdrop-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05}.category-dev .backdrop-pattern{background-image:radial-gradient(circle at 2px 2px,white 1px,transparent 0);background-size:40px 40px}.category-soft .backdrop-pattern{background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);background-size:60px 60px}.category-certif .backdrop-pattern{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 1px,transparent 1px,transparent 40px)}.backdrop-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vmax;height:100vmax;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 60%)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.radar-chart-container{position:relative;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:20px;border:2px solid rgba(255,255,255,.2);padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInLeft .8s ease-out;box-shadow:0 0 30px #ffffff1a,0 0 60px #ffffff0d,inset 0 0 40px #ffffff08;max-height:400px}.radar-chart{width:100%;height:auto;filter:drop-shadow(0 0 30px rgba(255,255,255,.3)) drop-shadow(0 0 50px rgba(255,255,255,.2))}.radar-grid{opacity:.6}.radar-line{opacity:.7}.radar-data{animation:radarFillIn 1s ease-out .3s both;opacity:.9}.radar-point{animation:radarPointPop .5s ease-out backwards;cursor:pointer;transition:r .3s ease;opacity:1}.radar-point:hover{r:9}.radar-label{font-weight:500;font-family:Poppins,sans-serif;text-shadow:0 0 10px rgba(255,255,255,.6),0 2px 10px rgba(0,0,0,.8)}@keyframes radarGridPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes radarLinePulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes radarDataGlow{0%,to{opacity:.9}50%{opacity:1}}@keyframes radarPointSparkle{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}@keyframes radarFillIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes radarPointPop{0%{opacity:0;r:0}50%{r:8}to{opacity:1;r:5}}.skills-list-container{display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow-y:auto;padding-right:2rem;padding-bottom:2rem;animation:fadeInRight .8s cubic-bezier(.23,1,.32,1) .4s backwards}.skills-list-container::-webkit-scrollbar{width:6px}.skills-list-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.skills-list-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.skills-list-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.skills-list-container::-webkit-scrollbar{width:8px}.skills-list-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.skills-list-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.skills-list-container::-webkit-scrollbar-thumb:hover{background:#fff6}.skills-category-title{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#fff,#ffffffb3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-1px;text-transform:uppercase}.subcategory-section{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.5rem;animation:fadeIn .8s ease-out}.subcategory-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:.5rem}.subcategory-title{font-size:1.3rem;font-weight:700;color:#fffc;white-space:nowrap;letter-spacing:.5px}.subcategory-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,transparent 100%)}.subcategory-tag{padding:.4rem 1.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:.85rem;color:#fffffff2;font-weight:500;transition:all .3s ease}.subcategory-tag:hover{background:#ffffff1a;border-color:#fff6}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}.skill-card{display:flex;align-items:center;gap:.6rem;padding:.6rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;animation:fadeInUp .6s ease-out backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-card:hover{background:#ffffff1f;border-color:#fff6;transform:translateY(-5px);box-shadow:0 10px 30px #ffffff26}.skill-icon-wrapper{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.5rem;transition:all .3s ease}.skill-icon{width:100%;height:100%;object-fit:contain;filter:brightness(1.6) contrast(1.1);transition:transform .3s ease}.img-bright{filter:brightness(2.5) contrast(1.1);transition:filter .3s ease}.skill-emoji{font-size:2rem}.skill-info{flex:1;display:flex;flex-direction:column;gap:.4rem}.skill-name{font-size:.9rem;font-weight:600;color:#fff;margin:0}.skill-level-bar{width:100%;height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden}.skill-level-fill{height:100%;background:linear-gradient(90deg,#fff,#ffffff80);border-radius:10px;transition:width 1s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 15px #ffffff4d}.skill-level-text{font-size:.8rem;color:#fff9;font-weight:500}.project-mute-button{position:absolute;bottom:2rem;left:2rem;width:50px;height:50px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:100;color:#fff}.project-mute-button:hover{background:#000c;border-color:#fff6;transform:scale(1.1);box-shadow:0 4px 20px #ffffff26}.project-navigation-arrows{position:absolute;bottom:2rem;right:2rem;display:flex;gap:1rem;z-index:100}.project-nav-arrow{width:50px;height:50px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.project-nav-arrow:hover:not(.disabled){background:#000c;border-color:#fff6;transform:scale(1.1);box-shadow:0 4px 20px #ffffff26}.project-nav-arrow.disabled{opacity:.3;cursor:not-allowed}.success-icon svg{animation:successPop .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes successPop{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.popup-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.popup-close:hover{background:#fff3;transform:rotate(90deg)}.skill-popup{max-width:600px;padding:2.5rem}.skill-popup-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.skill-popup-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:20px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.emoji-large{font-size:3.5rem}.skill-popup-title{font-size:2.2rem;font-weight:800;color:#fff;margin:0;text-shadow:0 0 20px rgba(255,255,255,.2);letter-spacing:-.5px}.skill-popup-body{display:flex;flex-direction:column;gap:1.5rem}.skill-level-display{display:flex;flex-direction:column;gap:.8rem}.skill-level-label{font-size:.9rem;color:#ffffffb3;font-weight:500}.skill-level-bar-large{width:100%;height:40px;background:#ffffff1a;border-radius:20px;overflow:hidden;position:relative}.skill-level-fill-large{height:100%;background:linear-gradient(90deg,#fff,#a0a0a0);border-radius:20px;display:flex;align-items:center;justify-content:flex-end;padding-right:1rem;transition:width .8s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 25px #ffffff59;animation:fillBar 1s ease-out}.skill-level-percentage{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}@keyframes fillBar{0%{width:0!important}}.skill-popup-description{font-size:1rem;line-height:1.6;color:#fffc}.competences-fullscreen-section{width:100%;min-height:100vh;padding:4rem 2rem 6rem;position:relative;overflow:hidden}.competences-consolidated-layout{display:flex;gap:4rem;max-width:1400px;margin:0 auto;padding:4rem 2rem;min-height:calc(100vh - 80px)}.competences-left-panel{flex:0 0 450px;display:flex;flex-direction:column;gap:3rem;position:sticky;top:6rem;height:fit-content}.competences-right-panel{flex:1}.radar-chart-container-global{width:100%;aspect-ratio:1;background:radial-gradient(circle at center,rgba(255,255,255,.03) 0%,transparent 70%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;padding:1rem}.radar-chart-svg{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.radar-grid-line{fill:none;stroke:#ffffff0d;stroke-width:1}.radar-axis{stroke:#ffffff1a;stroke-width:1}.radar-label{fill:#fff6;font-size:11px;font-family:Inter,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:1px}.radar-data-poly{fill:#ffffff1a;stroke:#fff;stroke-width:2;transition:all .6s cubic-bezier(.4,0,.2,1)}.radar-data-point{fill:#fff;stroke:#000;stroke-width:1;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}.global-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.stat-item-premium{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-item-premium:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-5px)}.stat-value{font-size:2.2rem;font-weight:800;color:#fff;line-height:1}.stat-label{font-size:.75rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:2px}.skills-bins-container{display:flex;flex-direction:column;gap:3rem}.skill-bin{opacity:0;animation:slideInRight .6s ease-out forwards}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.bin-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.skill-card-compact{padding:.8rem;gap:.8rem}.skill-icon-wrapper{width:32px;height:32px}.skill-name{font-size:.85rem}@media (max-width: 1100px){.competences-consolidated-layout{flex-direction:column;gap:4rem}.competences-left-panel{flex:none;width:100%;position:relative;top:0;align-items:center;text-align:center}.radar-chart-container-global{max-width:400px}.global-stats-grid{width:100%;max-width:500px}}.competences-consolidated-layout{max-width:1600px;margin:0 auto;position:relative;z-index:5}.competences-header-immersive{text-align:center;margin-bottom:5rem;animation:fadeInDown 1s cubic-bezier(.23,1,.32,1)}.skills-bins-container{display:flex;flex-direction:column;gap:4rem;width:100%}.skill-bin{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0006,inset 0 0 40px #ffffff05;animation:fadeInUp .8s cubic-bezier(.23,1,.32,1) both}.bin-header{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem}.bin-title{font-size:1.5rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px;white-space:nowrap}.bin-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent)}.bin-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem}.skill-card-compact{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:fadeIn .5s ease-out both}.skill-card-compact:hover{background:#ffffff1f;border-color:#fff6;transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #ffffff1a}.skill-card-compact:hover .skill-icon{transform:scale(1.1)}.skill-info-compact{flex:1;display:flex;flex-direction:column;gap:.4rem}.skill-level-indicator{display:flex;gap:3px}.skill-level-dot{width:12px;height:4px;background:#fff;border-radius:2px;box-shadow:0 0 5px #ffffff80}.skill-popup-redesign{width:90%;max-width:800px;background:#0a0a0af2;border:1px solid rgba(255,255,255,.15);border-radius:32px;padding:4rem;position:relative;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 40px 100px #000c;animation:popupReveal .6s cubic-bezier(.23,1,.32,1)}.skill-popup-close{position:absolute;top:2rem;right:2rem;background:none;border:none;font-size:2.5rem;color:#ffffff4d;cursor:pointer;transition:all .3s ease}.skill-popup-close:hover{color:#fff;transform:rotate(90deg)}.skill-popup-header-premium{display:flex;align-items:center;gap:3rem;margin-bottom:4rem}.skill-popup-icon-large{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:28px;padding:1.5rem}.icon-glow-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px solid rgba(255,255,255,.1);border-radius:35px;animation:rotateGlow 10s linear infinite}.emoji-huge{font-size:5rem;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.skill-popup-title-new{font-size:3.5rem;font-weight:950;color:#fff;letter-spacing:-1.5px;margin:.5rem 0;text-transform:uppercase}.skill-type-badge{font-size:.8rem;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:3px}.skill-level-row{display:flex;align-items:center;gap:2rem;margin-top:1rem}.skill-level-bar-premium{flex:1;max-width:300px;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.skill-level-fill-premium{height:100%;background:#fff;box-shadow:0 0 20px #fffc;border-radius:5px;animation:fillIn 1.5s cubic-bezier(.23,1,.32,1)}.skill-level-number{font-size:1.5rem;font-weight:800;color:#fff}.skill-popup-content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;margin-bottom:4rem}.block-label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#ffffff4d;letter-spacing:2px;margin-bottom:1.5rem}.block-text{font-size:1.2rem;line-height:1.7;color:#ffffffd9}.skill-info-secondary{display:flex;flex-direction:column;gap:2rem}.info-mini-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem}.block-text-small{font-size:.95rem;line-height:1.5;color:#ffffffb3}.experience-value{font-size:1.6rem;font-weight:700;color:#fff}.skill-popup-footer{display:flex;justify-content:center}.premium-button-close{padding:1.2rem 3rem;background:#fff;color:#000;border:none;border-radius:40px;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.premium-button-close:hover{transform:scale(1.05);box-shadow:0 0 30px #fff6}@keyframes popupReveal{0%{opacity:0;transform:scale(.9) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fillIn{0%{width:0}}@media (max-width: 900px){.skill-popup-header-premium{flex-direction:column;text-align:center;gap:1.5rem}.skill-popup-content-grid{grid-template-columns:1fr}.skill-level-row{justify-content:center}.skill-popup-redesign{padding:2.5rem}.skill-popup-title-new{font-size:2.5rem}}.btn-submit{display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 1200px){.competence-detail-layout{grid-template-columns:1fr;gap:2rem;height:auto}.radar-chart-container{max-width:500px;margin:0 auto}}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr}.project-mute-button,.project-navigation-arrows{bottom:1rem}.project-mute-button{left:1rem;width:40px;height:40px}.project-navigation-arrows{right:1rem}.project-nav-arrow{width:40px;height:40px}.skill-popup{padding:2rem 1.5rem}.skill-popup-icon{width:60px;height:60px}.emoji-large{font-size:2.5rem}}.card-video{filter:grayscale(100%) contrast(1.2) brightness(.8);transition:filter .5s ease}.card:hover .card-video{filter:grayscale(0%) contrast(1.1) brightness(1)}.card-gradient{opacity:.1;transition:opacity .5s ease}.card:hover .card-gradient{opacity:.2}.card-glow{opacity:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.15) 0%,transparent 50%)}.card:hover .card-glow{opacity:1}.skill-card{background:linear-gradient(145deg,#191919f2,#0f0f0f);border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 16px #0009,inset 0 1px #ffffff14;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-card:hover{background:linear-gradient(145deg,#2d2d2d,#191919);border-color:#fff6;box-shadow:0 12px 32px #000000e6,inset 0 2px #fff3,0 0 0 1px #ffffff1a;transform:translateY(-6px) perspective(1000px) rotateX(1deg)}.skill-icon{width:100%;height:100%;object-fit:contain;filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,255,255,.2));transition:transform .3s ease}.skill-card:hover .skill-icon{transform:scale(1.1) rotate(5deg);filter:brightness(1.5) drop-shadow(0 0 12px rgba(255,255,255,.4))}.skill-name{color:#fff!important;font-weight:700!important;font-size:1.1rem!important;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.skill-icon-wrapper{background:linear-gradient(145deg,#282828cc,#191919e6);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff0d}.skill-card:hover .skill-icon-wrapper{background:linear-gradient(145deg,#323232e6,#232323);border-color:#fff3;box-shadow:0 4px 12px #0009,inset 0 2px #ffffff1a}.radar-chart-container{background:linear-gradient(145deg,#191919f2,#0f0f0f);border:2px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #000c,inset 0 2px #ffffff14}.skill-level-fill{background:linear-gradient(90deg,#fffc,#c8c8c8e6);box-shadow:0 0 10px #ffffff4d,inset 0 1px #fff3}.skill-level-fill-large{background:linear-gradient(90deg,#ffffffe6,#dcdcdc);box-shadow:0 0 20px #fff6,inset 0 2px #ffffff4d}.subcategory-tag{background:linear-gradient(145deg,#232323e6,#141414);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0009,inset 0 1px #ffffff1a}.popup-content{background:linear-gradient(145deg,#1e1e1efa,#0f0f0f)!important;border:2px solid rgba(255,255,255,.2)!important;box-shadow:0 24px 64px #000000e6,inset 0 2px #ffffff1a!important}.skill-popup-icon{background:linear-gradient(145deg,#282828e6,#191919);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #000000b3,inset 0 2px #ffffff14}.project-mute-button,.project-nav-arrow{background:linear-gradient(145deg,#1e1e1ef2,#0f0f0f);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #000c,inset 0 1px #ffffff1a}.project-mute-button:hover,.project-nav-arrow:hover:not(.disabled){background:linear-gradient(145deg,#282828fa,#191919);border-color:#ffffff59;box-shadow:0 6px 20px #000000e6,inset 0 2px #ffffff26,0 0 0 1px #ffffff1a}.skills-category-title{background:linear-gradient(135deg,#fffffff2,#dcdcdc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.5)}.competence-detail-section{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-card{animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) backwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.radar-chart-container{animation:fadeInZoom .8s cubic-bezier(.4,0,.2,1) .2s backwards}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.skills-list-container{animation:fadeInRight .8s cubic-bezier(.4,0,.2,1) .4s backwards;display:flex;flex-direction:column;gap:2.5rem}.subcategory-container{display:flex;flex-direction:column;gap:1.2rem}.subcategory-title{font-size:.9rem;font-weight:600;color:#ffffffe6;padding-left:.5rem;border-left:2px solid rgba(255,255,255,.3);letter-spacing:.5px;text-transform:uppercase;margin-bottom:.3rem}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.project-fullscreen-wrapper{position:relative;width:100%;height:100vh;overflow:hidden;animation:fadeIn .8s ease-out}.project-fullscreen-wrapper.project-exiting{animation:fadeOut .4s ease-out forwards}.project-index-huge{position:absolute;top:50%;left:2rem;transform:translateY(-50%);font-size:15rem;font-weight:900;color:#ffffff08;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;animation:fadeInIndex 1.2s cubic-bezier(.16,1,.3,1) backwards}@keyframes fadeInIndex{0%{opacity:0;transform:translateY(-50%) translate(-40px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.project-bg-video,.project-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.project-overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,#00000080 60%,#000000f2);z-index:2}.project-info-bottom{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:4rem 5rem 5rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 70%,transparent 100%);animation:slideUp .8s cubic-bezier(.16,1,.3,1) .3s backwards;text-shadow:0 2px 10px rgba(0,0,0,.5)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.project-info-container{max-width:700px;margin:0;display:flex;flex-direction:column;gap:1.2rem}.project-header-inline{display:flex;align-items:center;gap:1rem;animation:fadeInUp .6s ease-out .5s backwards}.project-number{font-size:1rem;font-weight:700;color:#ffffff59;font-family:Courier New,monospace}.project-category{padding:.4rem 1rem;background:linear-gradient(145deg,#28282899,#141414b3);border:1px solid rgba(255,255,255,.12);border-radius:20px;font-size:.85rem;font-weight:600;color:#ffffffa6;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff14}.project-title-large{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;color:#ffffffd9;margin:0;line-height:1.1;animation:fadeInUp .6s ease-out .6s backwards;text-shadow:0 4px 20px rgba(0,0,0,.8)}.project-description-text{font-size:.95rem;line-height:1.6;color:#ffffff80;max-width:600px;margin:0;animation:fadeInUp .6s ease-out .7s backwards;text-shadow:0 2px 10px rgba(0,0,0,.6)}@keyframes fadeInUpWithHover{0%{opacity:0;transform:translateY(40px) scale(1)}60%{opacity:1;transform:translateY(0) scale(1)}to{opacity:1;transform:translateY(-10px) scale(1.02)}}.project-tech-tags{display:flex;flex-wrap:wrap;gap:.8rem;animation:fadeInUp .6s ease-out .8s backwards}.tech-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:.75rem;font-weight:500;color:#ffffff80;box-shadow:none;transition:all .3s ease;white-space:nowrap}.tech-badge:hover{background:#ffffff14;border-color:#fff3;color:#fffc;transform:translateY(-2px)}.tech-badge-icon{width:20px;height:20px;object-fit:contain}.tech-badge-emoji{font-size:1.2rem}.project-cta-button{display:inline-flex;align-items:center;gap:.7rem;padding:0 1.8rem;height:52px;background:linear-gradient(145deg,#191919f2,#0f0f0f);border:1px solid rgba(255,255,255,.15);border-radius:26px;color:#ffffffe6;font-size:.85rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:1.2px;transition:all .4s cubic-bezier(.4,0,.2,1);width:fit-content;cursor:pointer;white-space:nowrap;box-shadow:0 8px 24px #0009,inset 0 1px #ffffff1a,0 0 0 1px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-cta-button:hover{background:linear-gradient(145deg,#f5f5f5,#fff);color:#000!important;transform:translateY(-3px) scale(1.03);border-color:#fff6;box-shadow:0 12px 32px #000000b3,inset 0 2px #ffffff4d,0 0 0 1px #ffffff4d,0 0 40px #fff3}.project-cta-button:hover svg{transform:translate(3px,-3px);stroke:#000}.project-controls-bar{position:absolute;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;justify-content:center;gap:.25rem;z-index:100;padding:.35rem .4rem;width:fit-content;background:linear-gradient(145deg,#121216eb,#08080af5);border:1px solid rgba(255,255,255,.08);border-radius:50px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 32px #0009,0 2px 8px #0006,inset 0 1px #ffffff0f,0 0 0 1px #0000004d;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.project-controls-bar:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #000000b3,0 4px 12px #00000080,inset 0 1px #ffffff14}.project-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:24px;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:default}.project-status-indicator:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border-color:#ffffff26;transform:translateY(-1px)}.status-dot{width:8px;height:8px;border-radius:50%;position:relative;flex-shrink:0;animation:statusGlow 2.5s ease-in-out infinite}.status-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:inherit;opacity:.25;filter:blur(4px)}.status-dot.status-en-cours{background:#00d4ff;box-shadow:0 0 12px #00d4ffb3}.status-dot.status-terminé{background:#00e676;box-shadow:0 0 12px #00e676b3}.status-dot.status-commencé{background:#ffab00;box-shadow:0 0 12px #ffab00b3}.status-dot.status-en-attente-de-pièce{background:#b388ff;box-shadow:0 0 12px #b388ffb3}.status-dot.status-attente-de-rendu{background:#ff5252;box-shadow:0 0 12px #ff5252b3}.status-label{font-size:.8rem;color:#ffffffd9;font-weight:500;letter-spacing:.2px;text-transform:capitalize;white-space:nowrap}@keyframes statusGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.project-nav-controls{display:flex;align-items:center;gap:.35rem;order:10;margin-left:.5rem}.nav-btn{width:38px;height:38px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.25,.46,.45,.94);color:#ffffff80;padding:0}.nav-btn svg{width:18px;height:18px;transition:transform .2s ease}.nav-btn:hover:not(.disabled){background:#ffffff1a;border-color:#ffffff26;color:#fffffff2;transform:scale(1.08)}.nav-btn:hover:not(.disabled) svg{transform:scale(1.05)}.nav-btn:active:not(.disabled){transform:scale(.95);background:#ffffff0f}.nav-btn.disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.project-count-badge{display:flex;align-items:center;gap:.15rem;padding:0 1rem;height:38px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:12px;font-family:SF Pro Display,Segoe UI,-apple-system,sans-serif;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.project-count-badge:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border-color:#ffffff26}.count-current{font-size:1rem;color:#fff;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.count-separator{font-size:.9rem;color:#ffffff4d;font-weight:300;margin:0 .1rem;line-height:1}.count-total{font-size:1rem;color:#fff9;font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.project-sound-toggle{width:38px;height:38px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.25,.46,.45,.94);color:#ffffff80;padding:0}.project-sound-toggle svg{width:16px;height:16px;transition:all .2s ease}.project-sound-toggle:hover{background:#ffffff1a;border-color:#ffffff26;color:#fffffff2;transform:scale(1.08)}.project-sound-toggle:active{transform:scale(.95)}.project-visit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:24px;color:#ffffffb3;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.project-visit-btn svg{width:16px;height:16px;transition:all .3s ease}.project-visit-btn:hover{background:linear-gradient(145deg,#f5f5f5,#fff);color:#000;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 30px #ffffff26}.project-visit-btn:hover svg{fill:#000}@media (max-width: 1024px){.project-controls-bar{bottom:1.25rem;right:1.25rem;gap:.35rem;padding:.35rem .5rem}.project-status-indicator{padding:0 .6rem;height:32px;gap:.35rem}.status-label{font-size:.7rem}.nav-btn{width:32px;height:32px;border-radius:10px}.nav-btn svg{width:14px;height:14px}.project-count-badge{padding:0 .55rem;height:32px}.count-current,.count-total{font-size:.8rem}.project-sound-toggle{width:32px;height:32px;border-radius:10px}.project-tech-tags{margin-bottom:5rem}}@media (max-width: 768px){.project-info-bottom{padding:2.5rem 1rem 4.5rem}.project-title-large{font-size:1.4rem}.project-description-text{font-size:.82rem;line-height:1.5}.tech-badge{padding:.3rem .6rem;font-size:.68rem}.project-controls-bar{position:fixed;bottom:8rem;top:auto;left:50%;right:auto;transform:translate(-50%);justify-content:center;gap:.5rem;padding:.4rem .6rem;background:linear-gradient(145deg,#0c0c0ef5,#060608fa);border:1px solid rgba(255,255,255,.12);border-radius:50px;max-width:calc(100vw - 2rem);width:90%;min-width:280px;z-index:500;box-shadow:0 6px 24px #00000080,0 2px 8px #0006,inset 0 1px #ffffff0f}.project-tech-tags{margin-bottom:5rem!important;padding-bottom:.5rem!important}.project-status-indicator{padding:0 .5rem;gap:.3rem;border-radius:18px;height:36px;min-width:36px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.status-dot{width:6px;height:6px}.status-dot:after{width:12px;height:12px}.status-label{font-size:.65rem;font-weight:500}.project-nav-controls{position:fixed;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 .8rem;pointer-events:none;z-index:501;gap:0;width:100%}.nav-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#0c0c0ef2,#060608fa);border:1px solid rgba(255,255,255,.15);pointer-events:auto;box-shadow:0 4px 16px #00000080,inset 0 1px #ffffff14}.nav-btn svg{width:18px;height:18px}.project-count-badge{padding:0 .5rem;gap:.08rem;border-radius:18px;height:36px;min-width:36px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.count-current{font-size:.7rem;font-weight:600}.count-separator{font-size:.65rem;margin:0}.count-total{font-size:.7rem}.project-sound-toggle{width:36px;height:36px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.project-sound-toggle svg{width:14px;height:14px}.project-visit-btn{display:none}}@media (max-width: 400px){.project-controls-bar{bottom:5.5rem;padding:.25rem;gap:.2rem;border-radius:45px}.status-label{display:none}.project-status-indicator{padding:0;border-radius:50%;width:32px;height:32px;min-width:32px;justify-content:center}.nav-btn{width:32px;height:32px;border-radius:16px}.nav-btn svg{width:12px;height:12px}.project-count-badge{padding:0 .4rem;height:32px;min-width:32px;border-radius:16px}.count-current,.count-total{font-size:.65rem}.count-separator{font-size:.6rem}.project-sound-toggle{width:32px;height:32px;border-radius:16px}.project-sound-toggle svg{width:12px;height:12px}}.project-cta-button{display:none!important}.card-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:grayscale(100%) brightness(.4);opacity:.4;transition:all .4s ease;pointer-events:none;animation:fadeInVideo .3s ease-in forwards;backface-visibility:hidden;transform:translateZ(0)}.card:hover .card-video{filter:grayscale(0%) brightness(.6);opacity:.7;transform:scale(1.05)}.card-label{display:inline-block;margin-top:1.5rem;padding:.6rem 1.2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:.85rem;font-weight:600;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap}.card:hover .card-label{background:#fff;color:#000;transform:translateY(-3px);box-shadow:0 5px 15px #ffffff4d}.skill-popup-overlay{background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000}.skill-popup{max-width:800px;width:90%;padding:3.5rem;background:#0f0f0ff2;border:1px solid rgba(255,255,255,.1);border-radius:30px;box-shadow:0 40px 100px #000c,0 0 50px #ffffff0d inset;display:flex;flex-direction:column;gap:2.5rem;position:relative}.skill-popup-header{display:flex;align-items:center;gap:2rem}.skill-popup-icon{width:100px;height:100px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;display:flex;align-items:center;justify-content:center;padding:1.2rem}.skill-popup-icon img{width:100%;height:100%;object-fit:contain}.skill-popup-title-group h2{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#888);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skill-popup-badges{display:flex;gap:.8rem}.skill-badge-premium{padding:.4rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.8rem;font-weight:600;color:#fffc}.skill-badge-premium.secondary{border-color:#00ff884d;color:#0f8}.skill-level-display{background:#ffffff08;padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.skill-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.skill-level-label{font-size:1rem;font-weight:500;color:#fff9}.skill-level-percentage{font-size:1.8rem;font-weight:800;color:#fff}.skill-level-bar-large{height:12px;background:#ffffff0d;border-radius:10px;overflow:hidden;position:relative}.skill-level-fill-large{height:100%;background:linear-gradient(90deg,#fff,#444);position:relative;transition:width 1s cubic-bezier(.16,1,.3,1)}.skill-level-glow{position:absolute;top:0;right:0;height:100%;width:50px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));filter:blur(5px)}.skill-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.skill-info-item:first-child{grid-column:span 2}.skill-info-item h3{font-size:1.1rem;font-weight:700;margin-bottom:.8rem;color:#ffffffe6}.skill-info-item p{font-size:.95rem;line-height:1.6;color:#fff9}.skill-projects-list{display:flex;flex-wrap:wrap;gap:.6rem}.skill-project-tag{padding:.4rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.8rem;color:#fffc}.skill-popup-cta{margin-top:1rem;width:100%!important;max-width:none!important;height:60px!important;font-size:1.1rem!important;background:#fff!important;color:#000!important}.skill-popup-cta:hover{background:#ccc!important;transform:translateY(-5px)!important}.card,.btn-back-header,.header-btn-top,.popup-button{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,background .3s ease,box-shadow .3s ease}.app.loaded .btn-back-header,.app.loaded .header-btn-top,.app.loaded .header-buttons-group,.app.loaded .personal-info,.app.loaded .header-contact{animation:none!important}.cards-exit{animation:smoothFadeOut .4s cubic-bezier(.4,0,.6,1) forwards;pointer-events:none}@keyframes smoothFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.competences-detail-new{width:100%;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:6rem 2rem 3rem;animation:fadeIn .5s ease-out;overflow-x:hidden;max-width:100vw}.competences-detail-new.detail-exit{animation:detailFadeOut .7s cubic-bezier(.4,0,.6,1) forwards;pointer-events:none}@keyframes detailFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.93)}}.detail-container{display:grid;grid-template-columns:1fr 500px;gap:4rem;width:100%;max-width:100%;padding-bottom:2rem;padding-right:0;margin-bottom:3rem;height:auto;overflow-x:hidden}.detail-categories-section{order:1;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;overflow-x:visible;padding:6rem .5rem 6rem 2rem;max-height:calc(100vh - 150px);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;will-change:scroll-position;contain:layout style paint}.detail-stats-section{order:2}.detail-categories-section::-webkit-scrollbar{width:4px}.detail-categories-section::-webkit-scrollbar-track{background:transparent}.detail-categories-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.detail-categories-section::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.detail-category-block{animation:fadeIn .4s ease-out backwards}.detail-category-block:nth-child(1){animation-delay:.05s}.detail-category-block:nth-child(1) .detail-category-title{margin-top:0}.detail-category-block:nth-child(2){animation-delay:.1s}.detail-category-block:nth-child(3){animation-delay:.15s}.detail-category-block:nth-child(4){animation-delay:.2s}.detail-category-block:nth-child(5){animation-delay:.25s}.detail-category-title{position:relative;font-size:1.3rem;font-weight:900;color:#fff;margin-bottom:1.5rem;padding:1rem 1.5rem;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3,0 0 20px #ffffff1a;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3),0 2px 4px rgba(0,0,0,.5);transition:all .3s ease}.detail-category-title:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);border-radius:12px 12px 0 0}.detail-category-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%)}.detail-skills-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;padding:1rem}.detail-skill-btn{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.9rem .65rem;min-height:120px;background:linear-gradient(145deg,#282828f2,#191919);border:2px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),background .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .4s ease,filter .4s ease;position:relative;box-shadow:0 4px 12px #0009,inset 0 1px #ffffff1a,0 0 0 1px #ffffff14;transform:translateZ(0);backface-visibility:hidden;opacity:0;filter:blur(5px);transform:translateY(30px) translateZ(0)}.detail-skill-btn.skill-visible{opacity:1;filter:blur(0px);transform:translateY(0) translateZ(0)}.detail-skill-btn.skill-visible:hover{background:linear-gradient(145deg,#373737,#232323);border-color:#fff6;transform:translateY(-8px) scale(1.03) translateZ(0);box-shadow:0 16px 40px #000c,0 0 0 2px #ffffff40;will-change:transform}.detail-skill-btn.skill-visible:active{transform:translateY(-3px) scale(.97);box-shadow:0 6px 16px #00000080,inset 0 3px 10px #0006;transition:all .1s ease-out}.detail-skill-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.detail-skill-icon{width:36px;height:36px;object-fit:contain;filter:brightness(1.2) drop-shadow(0 3px 8px rgba(255,255,255,.2));transition:all .15s ease}.detail-skill-icon[alt=VirtualBox],.detail-skill-icon[alt=n8n],.detail-skill-icon[alt=Synology],.detail-skill-icon[alt="Fusion 360"],.detail-skill-icon[alt=SolidWorks],.detail-skill-icon[alt=Mécanique],.detail-skill-icon[alt="Office 365"]{width:64px;height:64px}.detail-skill-icon[alt=Ondes],.skill-popup-img[alt=Ondes]{filter:invert(1) brightness(1.5) drop-shadow(0 3px 8px rgba(255,255,255,.2))}.detail-skill-btn:hover .detail-skill-icon[alt=Ondes]{filter:invert(1) brightness(1.7) drop-shadow(0 6px 20px rgba(255,255,255,.4))}.detail-skill-btn:hover .detail-skill-icon{transform:scale(1.1) rotateY(10deg);filter:brightness(1.4) drop-shadow(0 6px 20px rgba(255,255,255,.4))}.detail-skill-emoji{font-size:2.2rem;transition:all .3s ease}.detail-skill-btn:hover .detail-skill-emoji{transform:scale(1.1)}.detail-skill-name{font-size:.8rem;font-weight:600;color:#ffffffe6;text-align:center;transition:all .15s ease}.detail-skill-btn:hover .detail-skill-name{color:#fff;transform:translateY(-2px)}.detail-skill-percentage{font-size:.75rem;font-weight:700;color:#ffffffb3;background:#ffffff0d;padding:.25rem .5rem;border-radius:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;transition:all .15s ease}.detail-skill-btn:hover .detail-skill-percentage{color:#fff;background:#ffffff1f;box-shadow:0 0 15px #ffffff26;transform:scale(1.05)}.detail-stats-section{display:flex;align-items:flex-start;justify-content:flex-end;position:sticky;top:0;align-self:flex-start;margin-top:3rem;padding-right:0;padding-top:2rem}.detail-radar-container{width:100%;max-width:450px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:0}.detail-global-percentage{width:100%;display:flex;justify-content:center;margin-bottom:1.5rem}.percentage-text-only{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0;animation:fadeIn .6s ease-out .3s backwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.percentage-svg{width:100%;height:100%;transform:rotate(-90deg)}.percentage-bg-circle{fill:none;stroke:#ffffff14;stroke-width:16}.percentage-fill-circle{fill:none;stroke:#ffffffe6;stroke-width:16;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.65,0,.35,1);filter:drop-shadow(0 0 20px rgba(255,255,255,.3)) drop-shadow(0 0 40px rgba(255,255,255,.15))}.percentage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.percentage-value{font-size:4rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 30px rgba(255,255,255,.4)}.percentage-label{font-size:.8rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:2px}.detail-radar-svg{width:100%;max-width:500px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));animation:fadeIn .8s ease-out .5s backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-radar-grid{fill:none;stroke:#ffffff0f;stroke-width:1.5}.detail-radar-axis{stroke:#ffffff14;stroke-width:1}.detail-radar-label{fill:#ffffffb3;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-radar-label-small{fill:#fff9;font-size:8px;font-weight:500;letter-spacing:.3px}.detail-radar-polygon{fill:#ffffff1a;stroke:#fff9;stroke-width:3;filter:drop-shadow(0 0 15px rgba(255,255,255,.2)) drop-shadow(0 0 30px rgba(255,255,255,.1));transition:all .3s ease}.detail-radar-point{fill:#fff;stroke:#fffc;stroke-width:2;filter:drop-shadow(0 0 4px rgba(255,255,255,.6)) drop-shadow(0 0 8px rgba(255,255,255,.3));transition:all .3s ease;cursor:pointer}.detail-radar-point:hover{r:5;filter:drop-shadow(0 0 8px rgba(255,255,255,1)) drop-shadow(0 0 16px rgba(255,255,255,.8))}.detail-stats-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:500px;animation:fadeIn .8s ease-out .7s backwards}.detail-stat-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:0}.detail-stat-value{font-size:2.2rem;font-weight:900;color:#fffffff2;line-height:1}.detail-stat-label{font-size:.6rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;text-align:center;white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.detail-container{grid-template-columns:1fr;gap:2rem;height:auto;max-height:none}.competences-detail-new{height:auto;overflow-y:auto}.detail-categories-section{max-height:55vh;padding-bottom:6rem}.detail-radar-container{max-width:400px}.percentage-circle{width:150px;height:150px}.percentage-value{font-size:2.5rem}}@media (max-width: 768px){.competences-detail-new{padding:2rem 1rem 3rem!important;overflow-x:hidden!important;max-width:100vw!important;box-sizing:border-box!important}.detail-container{display:flex!important;flex-direction:column!important;gap:2rem!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.detail-title{position:sticky!important;top:80px!important;z-index:1000!important;background:#000000e6!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;padding:1rem!important;margin:-1rem -1rem 1rem!important;width:calc(100% + 2rem)!important;box-shadow:0 2px 10px #0000004d!important}.detail-category-title{position:sticky!important;top:10px!important;z-index:999!important;background:linear-gradient(135deg,#1e1e1efa,#0f0f0ff2)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;backdrop-filter:blur(25px) saturate(180%)!important;padding:.85rem 1rem!important;margin:0 0 1.2rem!important;width:100%!important;box-sizing:border-box!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 8px 24px #0009,inset 0 1px #ffffff26,0 0 30px #ffffff14!important;font-size:.95rem!important;font-weight:800!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:1.5px!important;text-shadow:0 0 8px rgba(255,255,255,.4),0 0 15px rgba(255,255,255,.2),0 2px 4px rgba(0,0,0,.6)!important}.detail-category-title:before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%)!important;height:1.5px!important}.detail-category-title:after{width:50%!important;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%)!important}.detail-stats-section{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:1rem 0!important;margin-top:4rem!important;order:-1!important}.detail-radar-svg{width:300px!important;height:300px!important;max-width:100%!important;margin:0 auto!important}.detail-stats-info{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:.4rem!important;width:100%!important;max-width:100%!important;padding:0!important;margin-top:1.5rem!important;box-sizing:border-box!important}.detail-stat-item{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;padding:.6rem .3rem!important;text-align:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;width:100%!important;box-sizing:border-box!important;min-height:3.5rem!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.detail-stat-value{font-size:1.1rem!important;font-weight:700!important;color:#fff!important;margin-bottom:.25rem!important;display:block!important}.detail-stat-label{font-size:.55rem!important;color:#ffffffb3!important;text-transform:uppercase!important;letter-spacing:.2px!important;line-height:1.2!important;word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;display:block!important;padding:0 .15rem!important}.detail-categories-section{width:100%!important;max-width:100%!important;padding:0!important;padding-top:4rem!important;padding-bottom:4rem!important;gap:1.5rem!important;max-height:none!important;overflow-y:visible!important;overflow-x:hidden!important}.detail-skills-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;overflow-x:hidden!important;width:100%!important;max-width:100%!important}.detail-skill-btn{max-width:100%!important;min-width:0!important;padding:.6rem .8rem!important;min-height:60px!important}.detail-skill-name{font-size:.85rem!important}.detail-skill-percentage{font-size:.65rem!important;padding:.15rem .5rem!important}.percentage-circle{width:120px!important;height:120px!important}.percentage-value{font-size:2rem!important}.percentage-label{font-size:.75rem!important}footer,.footer{position:fixed!important;bottom:0!important;z-index:10001!important}.detail-grid{display:flex!important;flex-direction:column!important;grid-template-columns:unset!important;gap:2rem!important}.competences-detail-new *{max-width:100%!important;box-sizing:border-box!important}.competences-detail-new img,.competences-detail-new video,.competences-detail-new canvas,.competences-detail-new svg{max-width:100%!important;height:auto!important}.competences-detail-new .header-contact,.header-contact{display:flex!important;position:fixed!important;top:1rem!important;left:.25rem!important;z-index:10000!important}.competences-detail-new .personal-info,.personal-info,.competences-detail-new .btn-back-header,.btn-back-header{position:fixed!important;top:1rem!important;right:.75rem!important;z-index:10000!important}.about-section .header-contact{position:fixed!important;top:1rem!important;left:.25rem!important;z-index:10000!important}.about-section .personal-info,.about-section .btn-back-header{position:fixed!important;top:1rem!important;right:.75rem!important;z-index:10000!important}.about-section .floating-social-btn{position:fixed!important;bottom:20px!important;right:20px!important;z-index:9998!important}.about-section .footer{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:10000!important}.detail-radar-label-small{font-size:12px!important}}@media (max-width: 480px){.competences-detail-new{padding:1.5rem .75rem 3rem!important}.detail-radar-svg{width:280px!important;height:280px!important}.detail-stats-info{gap:.35rem!important}.detail-stat-item{padding:.55rem .25rem!important;min-height:3.2rem!important}.detail-stat-value{font-size:.95rem!important}.detail-stat-label{font-size:.5rem!important;line-height:1.15!important}.detail-radar-label-small{font-size:11px!important}}@media (max-width: 360px){.competences-detail-new{padding:1rem .5rem 3rem!important}.detail-radar-svg{width:250px!important;height:250px!important}.detail-stats-info{gap:.5rem!important;grid-template-columns:1fr 1fr 1fr!important}.detail-stat-item{padding:.75rem!important}.detail-stat-value{font-size:1.4rem!important}.detail-stat-label{font-size:.7rem!important}.detail-skills-list{grid-template-columns:1fr!important}.detail-radar-label-small{font-size:10px!important}}.skill-detail-popup{max-width:500px;max-height:90vh;overflow-y:auto}.skill-popup-img{width:80px;height:80px;filter:brightness(1.3)}.skill-popup-img[alt=VirtualBox],.skill-popup-img[alt=n8n],.skill-popup-img[alt=Synology],.skill-popup-img[alt="Fusion 360"],.skill-popup-img[alt=SolidWorks],.skill-popup-img[alt=Mécanique],.skill-popup-img[alt="Office 365"]{width:140px;height:140px}.skill-popup-emoji{font-size:4rem}.skill-detail-stats{display:flex;gap:2rem;justify-content:center;width:100%;margin:1.5rem 0}.skill-detail-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;flex:1}.skill-detail-stat-label{font-size:.75rem;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.skill-detail-stat-value{font-size:1.75rem;font-weight:800;color:#fffffff2;line-height:1}.skill-detail-info{width:100%;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:1.5rem}.skill-detail-details{font-size:.9rem;line-height:1.6;color:#ffffffb3;margin:0}@media (max-width: 768px){.popup-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;overflow:hidden!important;padding:1.5rem!important}.popup-content{position:relative!important;margin:auto!important;max-height:85vh!important;max-height:85dvh!important;overflow:hidden!important;padding:2rem 1.5rem 1.5rem!important;gap:1rem!important}.popup-icon{font-size:3rem!important;width:70px!important;height:70px!important}.popup-title{font-size:1.5rem!important;letter-spacing:1px!important}.popup-subtitle{font-size:.9rem!important}.popup-message{font-size:.9rem!important;line-height:1.5!important}.popup-button{padding:.7rem 1.5rem!important;font-size:.85rem!important;margin-top:.5rem!important}.skill-detail-popup{max-width:90%!important;max-height:85dvh!important;overflow:hidden!important}.popup-text-content{max-height:50vh!important;overflow:hidden!important}.skill-detail-stats{flex-direction:column;gap:.75rem!important}.skill-detail-stat{padding:.6rem 1rem!important}.skill-detail-stat-value{font-size:1.2rem!important}.skill-detail-stat-label{font-size:.7rem!important}.skill-popup-img{width:50px!important;height:50px!important}.skill-popup-emoji{font-size:2.5rem!important}}@media (max-width: 360px){.footer{padding:.75rem 1rem}.footer-text{font-size:.65rem}.content{padding:1.5rem 1.5rem 5rem}.parcours-section{padding:4.5rem .5rem 3rem!important}.timeline{padding:0!important}.about-section{padding:3.5rem .75rem 4.5rem}.competences-fullscreen-section{padding:30px 20px 100px}.project-info-bottom{padding:2.5rem 1rem 3rem}.project-title-large{font-size:1.5rem}.card{padding:1.5rem 1rem}.card-title{font-size:1.2rem}.card-description{font-size:.8rem;max-width:140px;word-wrap:break-word}.card-video,.category-card-video{object-fit:cover;object-position:center}}@media (max-width: 768px){.card-video,.category-card-video{object-fit:cover;object-position:center;filter:saturate(1.8) contrast(1.1) brightness(1.05)}.footer{padding:.85rem 1.5rem;padding-bottom:calc(.85rem + env(safe-area-inset-bottom));bottom:env(safe-area-inset-bottom,0)}.footer-text{font-size:.65rem}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.footer{bottom:140px!important;padding-bottom:calc(.85rem + 140px)}.floating-social-btn{bottom:calc(240px + env(safe-area-inset-bottom,0))!important}.header-buttons-group{bottom:calc(20px + env(safe-area-inset-bottom,0))!important}.fullscreen-section,.competences-fullscreen-section,.competences-detail-new,.projets-section-fullscreen,.about-section{padding-bottom:calc(8rem + env(safe-area-inset-bottom,0))!important}}}@media (max-width: 768px){.project-fullscreen{padding:1rem!important;overflow-y:auto!important;height:auto!important;min-height:100vh!important}.project-video-bg{height:250px!important;position:relative!important;border-radius:16px!important;overflow:hidden!important;margin-bottom:1.5rem!important}.project-content{position:relative!important;margin-top:1rem!important;padding:1rem!important}.project-giant-index{font-size:8rem!important;opacity:.15!important;top:250px!important}.project-nav-buttons{position:fixed!important;bottom:80px!important;left:50%!important;transform:translate(-50%)!important;display:flex!important;gap:1rem!important;z-index:100!important}.project-nav-btn{width:50px!important;height:50px!important;border-radius:50%!important;position:static!important;transform:none!important}.project-nav-btn:active{transform:scale(.92)!important}.project-title{font-size:1.8rem!important;margin-bottom:1rem!important}.project-description{font-size:.95rem!important;line-height:1.6!important}.project-tech-tags{gap:.5rem!important;margin-bottom:1rem!important}.tech-tag{font-size:.75rem!important;padding:.4rem .8rem!important}.competence-categories-grid{grid-template-columns:1fr!important;gap:1rem!important;padding:5rem 1rem 1rem!important}.competence-category-card{position:relative!important;height:100px!important;min-height:100px!important;max-height:100px!important;padding:.75rem 1rem!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:1rem!important;overflow:hidden!important;transform:translateY(-4px)!important;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important}.category-card-video-container{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:0!important}.category-card-video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;position:absolute!important;top:0!important;left:0!important;transform:scale(1.05)!important}.category-card-glow{display:none!important}.category-card-overlay{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none!important;z-index:1!important}.category-card-content{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-end!important;gap:.3rem!important;min-width:0!important;position:relative!important;z-index:10!important;background:transparent!important;padding:.6rem 1rem 1.5rem .8rem!important;text-align:right!important}.category-card-title{font-size:1.1rem!important;font-weight:700!important;margin:0!important;line-height:1.2!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.9),0 1px 4px rgba(0,0,0,1)!important;text-align:right!important}.category-card-description{display:none!important}.category-card-overlay{opacity:.9!important}.category-card-btn{display:inline-flex!important;font-size:.7rem!important;padding:.4rem .8rem!important;margin-top:.3rem!important;align-self:flex-end!important}.category-card-btn span{font-size:.7rem!important}.category-card-btn svg{width:12px!important;height:12px!important}.competence-category-card:active{transform:translateY(2px) scale(.98)!important;transition:all .08s ease-out!important;box-shadow:0 8px 30px #0009,inset 0 4px 12px #000000b3,inset 0 -2px #ffffff0d,0 0 0 1px #ffffff26!important}.competence-detail-view{flex-direction:column!important;gap:1.5rem!important;padding:1rem!important}.competence-list-section{width:100%!important;max-height:50vh!important;overflow-y:auto!important}.competence-stats-section{width:100%!important;padding:1rem!important}.radar-chart-container{width:250px!important;height:250px!important;margin:0 auto!important}.global-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.stat-item{padding:1rem!important}.stat-value{font-size:1.8rem!important}.stat-label{font-size:.85rem!important}.category-detail-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.competence-subcategory{margin-bottom:1.5rem!important}.subcategory-title{font-size:1.1rem!important}.competence-item{padding:.75rem 1rem!important}.competence-name{font-size:.95rem!important}.apropos-container{padding:1rem!important}.apropos-text{font-size:.95rem!important;line-height:1.6!important;padding:1rem!important}.form-stepper{padding:1.5rem 1rem!important}.form-input,.form-textarea{font-size:16px!important;padding:.85rem 1rem!important}.stepper-mobile-logo,.stepper-logo-img{display:none!important}.stepper-header{margin-bottom:1rem!important;transform:scale(.85)}.step-indicator{width:35px!important;height:35px!important;font-size:.9rem!important}.step-connector{height:2px!important}.form-navigation{gap:.75rem!important;flex-direction:column!important}.btn-prev,.btn-next,.btn-submit,.btn-back{width:100%!important}.header-main{padding:.75rem 1rem!important}.header-buttons-group{display:none!important}.header-contact{position:fixed!important;top:1rem!important;left:.25rem!important;gap:.25rem!important;z-index:10001!important;padding-left:.25rem!important}.contact-button{font-size:.85rem!important;padding:.2rem .3rem!important;color:#fff!important;background:transparent!important;border:none!important;box-shadow:none!important;text-align:left!important;font-weight:600!important}.visit-counter{font-size:.7rem!important;margin-top:.15rem!important;padding-top:.15rem!important;gap:.3rem!important;justify-content:flex-start!important;margin-left:.5rem!important;padding-left:0!important;align-self:flex-start!important}.visit-count{color:#fff!important}.visit-label{color:#ffffffb3!important}.logo{display:none!important}.personal-info{position:fixed!important;top:1rem!important;right:.75rem!important;z-index:10001!important;display:flex!important;flex-direction:column!important}.info-name{color:#fff!important}.info-school{color:#ffffffd9!important}.info-availability{color:#ffffffe6!important}.info-name{font-size:.9rem!important}.info-school{font-size:.75rem!important}.info-availability{font-size:.7rem!important}.back-btn,.btn-back-header{position:fixed!important;top:1rem!important;left:1rem!important;z-index:10001!important;width:40px!important;height:40px!important;padding:0!important;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.btn-back-header svg{margin:0!important;width:20px!important;height:20px!important}.btn-back-text{display:none!important}}@media (max-width: 480px){.project-tech-tags{margin-bottom:6rem!important;padding-bottom:1rem!important}.timeline-card{height:200px!important;min-height:200px!important;max-height:200px!important}}.personal-info,.personal-info:hover,.personal-info:active,.btn-back-header,.btn-back-header:hover,.btn-back-header:active{transform:none!important}.floating-social-btn{position:fixed!important;bottom:20px!important;bottom:calc(20px + env(safe-area-inset-bottom))!important;right:20px!important;right:calc(20px + env(safe-area-inset-right))!important;width:56px;height:56px;border-radius:14px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0d;cursor:pointer;z-index:9998!important;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.2,.8,.2,1);color:#ffffffb3}.fullscreen-project-view .floating-social-btn,.projets-section-fullscreen~.floating-social-btn{display:none!important}body:has(.projets-section-fullscreen) .floating-social-btn{display:none!important}.floating-social-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-3px);color:#ffffffe6;box-shadow:0 6px 24px #00000080,inset 0 1px #ffffff1a}.floating-social-btn:active{transform:translateY(2px) scale(.95);box-shadow:0 2px 8px #0000004d,inset 0 2px 6px #0000004d;transition:all .08s ease-out}.floating-social-btn svg{width:24px;height:24px;stroke:currentColor;stroke-width:2}.mobile-social-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:flex-end}.mobile-social-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.mobile-social-overlay.closing{animation:fadeOut .3s ease forwards}.mobile-social-content{position:relative;width:100%;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border-radius:24px 24px 0 0;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));animation:slideUpMobile .3s ease;box-shadow:0 -4px 30px #00000080}.mobile-social-content.closing{animation:slideDownMobile .3s ease forwards}.mobile-social-content h3{margin:0 0 1rem;font-size:1.25rem;color:#fff;font-weight:600}.mobile-social-links{display:flex;flex-direction:column;gap:.75rem}.mobile-social-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;transition:all .3s ease}.mobile-social-link:active{transform:scale(.97);background:#ffffff1a}.mobile-social-link svg{width:24px;height:24px;flex-shrink:0}.mobile-social-link span{font-size:1rem;font-weight:500}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownMobile{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){div.content{padding:3rem 1.5rem!important}div.cards-container{max-height:calc(100vh - 6rem)!important}.footer{bottom:8rem!important;padding-bottom:calc(1rem + env(safe-area-inset-bottom))!important}.floating-social-btn{bottom:calc(14rem + env(safe-area-inset-bottom))!important;right:1.5rem!important}}@media (max-width: 480px){div.content{padding:2.5rem .75rem!important}div.cards-container{max-height:calc(100vh - 5rem)!important}}@media (max-width: 768px){.parcours-section .page-title-header,.about-section .page-title-header{margin-bottom:1.5rem!important;padding-top:0!important;text-align:center!important}.page-title{text-align:center!important}.parcours-section{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;width:100vw!important;height:100vh!important;padding:2.5rem 1rem 5.5rem!important;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:transparent!important;display:block}.parcours-section .timeline{background:transparent}.timeline{display:flex;flex-direction:column;align-items:center;gap:0;padding:1rem 0;position:relative;max-width:100%;width:100%}.timeline:before,.timeline:after{display:none}.timeline-line-mobile{display:block;position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.3) 10%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.3) 90%,transparent 100%);transform:translate(-50%);z-index:1}.timeline-item{display:flex;flex-direction:row;align-items:center;width:100%;max-width:600px;margin-bottom:1.25rem;position:relative;min-height:auto;opacity:0;transform:translate(-30px);transition:none;animation:none}.timeline-item:nth-child(2n){flex-direction:row-reverse;transform:translate(30px)}.timeline-item.visible{animation:slideInFromLeft .5s cubic-bezier(.34,1.56,.64,1) forwards}.timeline-item:nth-child(2n).visible{animation:slideInFromRight .5s cubic-bezier(.34,1.56,.64,1) forwards}.timeline-item:last-child.visible{animation:slideInFromLeft .4s cubic-bezier(.34,1.56,.64,1) forwards}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{position:relative;bottom:auto;top:auto;margin:0}.timeline-item:nth-child(1),.timeline-item:nth-child(2),.timeline-item:nth-child(3),.timeline-item:nth-child(4),.timeline-item:nth-child(5){animation-delay:0s;margin-right:0}.timeline-item:first-child .timeline-card{margin-left:0}.timeline-item:last-child{margin-bottom:0}.timeline-dot{width:14px;height:14px;min-width:14px;background:#ffffffe6;border:3px solid rgba(0,0,0,.8);border-radius:50%;box-shadow:0 0 0 3px #fff3,0 0 12px #fff6;z-index:10;position:relative;flex-shrink:0;margin:0 1rem;top:auto;left:auto;transform:none;transition:all .3s ease}.timeline-dot:after{display:none}.timeline-content{width:calc(50% - 2rem);display:flex;justify-content:flex-start}.timeline-item:nth-child(2n) .timeline-content{justify-content:flex-end}.timeline-card{background:linear-gradient(145deg,#191919f2,#0f0f0f);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:1rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:12px 0 24px #0009,16px 4px 32px #00000080,inset -2px 0 #ffffff26,inset 0 2px #ffffff1f,0 40px 80px #000000e6,0 20px 60px #000000b3,0 0 0 1px #fff3,0 0 50px #ffffff14;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(-5px) scale(1.01);width:100%;max-width:280px;min-height:160px;height:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;cursor:pointer;position:relative;overflow:hidden}.timeline-card,.timeline-item:last-child .timeline-card{min-width:auto!important;max-width:280px!important;width:100%!important;min-height:160px!important;max-height:none!important;height:auto!important}.timeline-card:before{opacity:.08;filter:grayscale(100%) brightness(.3)}.timeline-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0;line-height:1.3;text-align:left;text-shadow:0 2px 8px rgba(0,0,0,.6);animation:none;text-transform:none;letter-spacing:0}.timeline-period{font-size:.75rem;font-weight:500;color:#fff9;margin:0;line-height:1.4;text-align:left;animation:none;text-transform:uppercase;letter-spacing:.5px}.timeline-description{font-size:.8rem;line-height:1.5;color:#fffc;margin:0;text-align:left;animation:none;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}.timeline-item:first-child .timeline-card{animation:cardPulseHint 2s ease-in-out infinite}@keyframes cardPulseHint{0%,to{transform:translateY(-5px) scale(1.01);box-shadow:12px 0 24px #0009,16px 4px 32px #00000080,inset -2px 0 #ffffff26,inset 0 2px #ffffff1f,0 40px 80px #000000e6,0 20px 60px #000000b3,0 0 0 1px #fff3,0 0 50px #ffffff14}50%{transform:translateY(-5px) scale(1.03);box-shadow:12px 0 24px #0009,16px 4px 32px #00000080,inset -2px 0 #ffffff26,inset 0 2px #ffffff1f,0 40px 80px #000000e6,0 20px 60px #000000b3,0 0 0 2px #fff6,0 0 60px #ffffff26}}.timeline-card:active{transform:scale(.98);box-shadow:0 4px 16px #0009,inset 0 1px #ffffff1a}.timeline-dot:active{transform:scale(1.2);background:#fff}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.timeline-item.item-exit{animation:fadeOutScale .4s ease-out forwards!important}.timeline-item.item-exit .timeline-title,.timeline-item.item-exit .timeline-period,.timeline-item.item-exit .timeline-description{animation:fadeOutText .3s ease-out forwards}}@media (max-width: 480px){.parcours-section{padding:3.5rem .75rem 5rem}.timeline{padding:1rem 0}.timeline-item{margin-bottom:1rem}.timeline-content{width:calc(50% - 1.5rem)}.timeline-dot{width:12px;height:12px;min-width:12px;margin:0 .75rem}.timeline-card{max-width:240px;min-height:180px;padding:1rem}.timeline-title{font-size:1.1rem}.timeline-period{font-size:.7rem}.timeline-description{font-size:.8rem;line-height:1.5}}@media (max-width: 360px){.parcours-section{padding:3rem .5rem 4.5rem}.timeline-content{width:calc(50% - 1rem)}.timeline-dot{margin:0 .5rem}.timeline-card{max-width:200px;min-height:160px;padding:.875rem;gap:.5rem}.timeline-title{font-size:1rem}.timeline-period{font-size:.65rem}.timeline-description{font-size:.75rem}}@media (min-width: 769px){.timeline-line-mobile{display:none}}@media (max-width: 768px){.personal-info,div.personal-info,body .personal-info,.app .personal-info{position:fixed!important;top:1rem!important;right:.75rem!important;z-index:99999!important;transform:none!important;will-change:auto!important;pointer-events:none!important}.header-contact,div.header-contact,body .header-contact,.app .header-contact{position:fixed!important;top:1rem!important;left:.25rem!important;z-index:99999!important;transform:none!important;will-change:auto!important;pointer-events:none!important}.btn-back-header,button.btn-back-header,body .btn-back-header,.app .btn-back-header{position:fixed!important;top:1rem!important;left:1rem!important;z-index:99999!important;transform:none!important;will-change:auto!important}.floating-social-btn,button.floating-social-btn,body .floating-social-btn,.app .floating-social-btn{position:fixed!important;bottom:20px!important;right:20px!important;z-index:9998!important;transform:none!important;will-change:auto!important}.footer,footer.footer,body .footer,.app .footer{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:99997!important;transform:none!important;will-change:auto!important;pointer-events:none!important}.footer a,.footer button{pointer-events:auto!important}}@media (min-width: 769px){.project-controls-bar{gap:2rem!important;padding:.6rem 1.2rem!important;bottom:5rem!important}.project-nav-controls{gap:1.5rem!important;margin:0 1rem!important}.nav-btn{width:44px;height:44px}.nav-btn svg{width:20px;height:20px}}