*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#fff;--secondary-color:#000;--accent-color:#6b46c1;--text-primary:#fff;--text-secondary:#e0e0e0;--text-light:#b0b0b0;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-dark:#fff;--border-color:#2a2a2a;--shadow-sm:0 1px 3px 0 rgba(0,0,0,.3);--shadow-md:0 2px 4px 0 rgba(0,0,0,.3);--shadow-lg:0 4px 8px 0 rgba(0,0,0,.3);--border-radius:4px;--border-radius-lg:8px;--transition:all 0.2s ease}html{scroll-behavior:smooth;overflow-x:hidden;width:100%}img{max-width:100%;height:auto}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;width:100%;position:relative}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.section-title{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;text-align:left;margin-bottom:2rem;color:var(--text-primary);position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:40px;height:2px;background:var(--primary-color)}.btn{display:inline-block;padding:12px 24px;border-radius:var(--border-radius);text-decoration:none;font-weight:500;transition:var(--transition);border:none;cursor:pointer;font-size:1rem}.btn-primary{background:var(--primary-color);color:var(--secondary-color);border:1px solid var(--primary-color)}.btn-primary:hover{background:var(--secondary-color);color:var(--primary-color)}.btn-secondary{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--secondary-color)}.navbar{position:fixed;top:0;width:100%;z-index:1000;padding:1.25rem 0;transition:all .4s cubic-bezier(.4,0,.2,1);background:transparent}.navbar.scrolled{padding:.75rem 0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.05);box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.nav-container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-menu-wrapper{gap:3rem}.nav-menu,.nav-menu-wrapper{display:flex;align-items:center}.nav-menu{list-style:none;gap:2rem}.nav-link{color:hsla(0,0%,100%,.7);text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--transition);position:relative;padding:.5rem 0}.nav-link span{position:relative;z-index:1}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s ease}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.nav-link.active:after,.nav-link:hover:after{width:100%}.btn-nav-contact{display:flex;align-items:center;gap:.75rem;background:transparent;color:var(--text-primary);padding:.6rem 1.25rem;border-radius:50px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.2)}.nav-cta-icon{transition:transform .3s ease}.btn-nav-contact:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);transform:translateY(-2px)}.btn-nav-contact:hover .nav-cta-icon{transform:translate(2px,-2px)}.btn-nav-contact.active{background:hsla(0,0%,100%,.1);border-color:var(--accent-color);color:var(--accent-color)}.hero{background:var(--bg-primary);padding:0;z-index:1}.hero-content{position:relative;z-index:10;text-align:center;width:100%;max-width:1000px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.hero-badge{display:inline-block;padding:.5rem 1.25rem;background:rgba(107,70,193,.1);border:1px solid rgba(107,70,193,.3);border-radius:50px;color:var(--accent-color);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:2rem;animation:fadeInUp .8s ease-out}.name-container{margin-bottom:1.5rem}.logo-link{display:flex;align-items:center;transition:var(--transition)}.logo-img{transition:transform .6s cubic-bezier(.4,0,.2,1)}.logo-link:hover .logo-img{transform:rotate(1turn) scale(1.1)}.main-title,.main-title-second{font-size:clamp(4rem,12vw,8rem);line-height:1;font-weight:900;letter-spacing:-.02em;margin:0;text-transform:uppercase}.main-title{animation:fadeInLeft 1s cubic-bezier(.16,1,.3,1)}.main-title-second{color:transparent;-webkit-text-stroke:1px hsla(0,0%,100%,.3);animation:fadeInRight 1s cubic-bezier(.16,1,.3,1) .2s both}.main-description{font-size:clamp(1.1rem,2vw,1.4rem);max-width:600px;margin:2rem auto 3rem;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .4s both}.hero-buttons{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .6s both}.btn-hero-primary{background:var(--text-primary);color:var(--bg-primary);padding:1rem 2.5rem;border-radius:12px;font-weight:700;font-size:1.1rem;text-decoration:none;transition:all .3s ease}.btn-hero-primary:hover{transform:translateY(-5px);box-shadow:0 10px 25px hsla(0,0%,100%,.2)}.btn-hero-secondary{background:transparent;color:var(--text-primary);padding:1rem 2.5rem;border-radius:12px;font-weight:700;font-size:1.1rem;text-decoration:none;border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.btn-hero-secondary:hover{background:hsla(0,0%,100%,.05);border-color:var(--text-primary);transform:translateY(-5px)}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.blob{position:absolute;filter:blur(80px);border-radius:50%;opacity:.12;animation:blobMove 20s cubic-bezier(.4,0,.2,1) infinite alternate}.blob-1{width:600px;height:600px;background:var(--accent-color);top:-200px;left:-100px;animation-duration:25s}.blob-2{width:500px;height:500px;background:#4a90e2;bottom:-100px;right:-100px;animation-delay:-5s;animation-duration:30s}.blob-3{width:400px;height:400px;background:var(--accent-color);top:40%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s;animation-duration:35s}@keyframes blobMove{0%{transform:translate(0) scale(1)}33%{transform:translate(100px,50px) scale(1.1)}66%{transform:translate(-50px,100px) scale(.9)}to{transform:translate(0) scale(1)}}.hero-scroll-indicator{padding-bottom:4rem;opacity:.6;animation:fadeIn 2s ease-in 1s both}.hero-scroll-indicator,.mouse{display:flex;justify-content:center}.mouse{width:26px;height:42px;border:2px solid hsla(0,0%,100%,.3);border-radius:20px;padding-top:8px}.wheel{width:4px;height:8px;background:var(--text-primary);border-radius:2px;animation:scroll 1.5s infinite}@keyframes scroll{0%{transform:translateY(0);opacity:1}to{transform:translateY(15px);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.featured-projects{padding:10rem 0;background:var(--bg-primary);position:relative;border-top:1px solid hsla(0,0%,100%,.03)}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;padding:.4rem 1rem;background:rgba(107,70,193,.1);border:1px solid rgba(107,70,193,.2);border-radius:50px;color:var(--accent-color);font-size:.8rem;font-weight:600;margin-bottom:1rem}.section-title-large{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:var(--text-primary);margin-bottom:1.5rem}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2.5rem;gap:2.5rem;margin-bottom:4rem}.view-all-wrapper{text-align:center}.btn-view-all{display:inline-flex;align-items:center;gap:.75rem;color:var(--text-primary);text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;padding-bottom:.5rem;border-bottom:2px solid var(--accent-color)}.btn-view-all:hover{gap:1.25rem;color:var(--accent-color)}@media (max-width:768px){.featured-grid{grid-template-columns:1fr}}.contact-social-section .social-links{display:flex;gap:1rem;justify-content:flex-start}.contact-social-section .social-link{padding:.7rem 1.2rem;background:rgba(107,70,193,.1);border:1px solid rgba(107,70,193,.3);border-radius:6px;color:var(--text-primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;min-width:110px;justify-content:center}.contact-social-section .social-link:hover{background:rgba(107,70,193,.2);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(107,70,193,.2)}.contact-social-section .social-link i{font-size:1rem;width:16px;text-align:center}.contact-social-section .social-link.linkedin:hover{background:rgba(0,119,181,.2);border-color:#0077b5;box-shadow:0 4px 12px rgba(0,119,181,.3);color:#0077b5;transform:translateY(-3px) scale(1.05)}.contact-social-section .social-link.instagram:hover{background:rgba(225,48,108,.2);border-color:#e1306c;box-shadow:0 4px 12px rgba(225,48,108,.2)}@media (max-width:768px){body,html{overflow-x:hidden;width:100%;position:relative}.container{padding:0 1rem}.contact-social-section .social-links{justify-content:center;flex-wrap:wrap}.contact-social-section .social-link{padding:.6rem 1rem;font-size:.85rem;min-width:100px}.hero-projects{padding:80px 0 40px}.hero-stats{gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.stat-number{font-size:1.5rem}.stat-label{font-size:.7rem}.projects-intro{padding:30px 0}.intro-content h2{font-size:1.2rem}.intro-content p{font-size:.9rem}.projects-cta{padding:60px 0}.cta-content h2{font-size:1.5rem}.cta-content p{font-size:1rem}.btn-primary{padding:.8rem 1.5rem;font-size:.9rem}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;display:none;border:none;box-shadow:none;background:transparent;padding:0}.dropdown-menu.active{display:block}.dropdown-menu a{padding:.5rem 1rem;font-size:.9rem}.nav-item:last-child .nav-link{padding:8px 16px;font-size:.85rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.category-card{padding:2rem 1.5rem}.category-icon{width:60px;height:60px}.category-icon i{font-size:1.5rem}}.hero-projects{padding:100px 0 50px;background:linear-gradient(135deg,rgba(107,70,193,.05),rgba(107,70,193,.02));text-align:center;position:relative;overflow:hidden}.hero-projects .container,.hero-projects .hero-content{position:relative;z-index:1}.hero-projects:before{background-image:radial-gradient(3px 3px at 15% 25%,hsla(0,0%,100%,.4),transparent),radial-gradient(2px 2px at 35% 45%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 55% 15%,hsla(0,0%,100%,.35),transparent),radial-gradient(3px 3px at 75% 65%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 90% 35%,hsla(0,0%,100%,.4),transparent),radial-gradient(2px 2px at 25% 75%,hsla(0,0%,100%,.3),transparent),radial-gradient(3px 3px at 45% 85%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 65% 55%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 85% 20%,hsla(0,0%,100%,.4),transparent),radial-gradient(3px 3px at 10% 60%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 30% 90%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 50% 5%,hsla(0,0%,100%,.4),transparent),radial-gradient(3px 3px at 70% 40%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 95% 80%,hsla(0,0%,100%,.35),transparent);background-size:200% 200%;background-position:0 0;animation:starsMove 25s linear infinite;opacity:.8}.hero-projects:after,.hero-projects:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hero-projects:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");opacity:1}.hero-projects .hero-content{max-width:min(600px,100%);margin:0 auto;padding:0 1rem}.hero-projects .page-subtitle{text-align:center;margin:0 auto}.hero-stats{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--accent-color);font-family:Inter,Arial Black,Arial,sans-serif;font-stretch:expanded}.stat-label,.stat-number{display:block;letter-spacing:.1em}.stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:.3rem;text-transform:uppercase}.projects-intro{padding:40px 0;background:var(--bg-primary)}.intro-content{max-width:500px;margin:0;text-align:left}.intro-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-align:left}.intro-content p{font-size:1rem;line-height:1.6;color:var(--text-secondary);text-align:left}.projects-cta{padding:80px 0;background:linear-gradient(135deg,rgba(107,70,193,.1),rgba(107,70,193,.05));text-align:center}.cta-content{max-width:500px;margin:0 auto}.cta-content h2{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.cta-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.btn-primary{background:var(--accent-color);color:#fff;padding:1rem 2rem;border-radius:var(--border-radius-lg);text-decoration:none;font-weight:600;display:inline-block;transition:all .3s ease;border:2px solid var(--accent-color)}.btn-primary:hover{background:transparent;color:var(--accent-color);transform:translateY(-2px);box-shadow:0 10px 25px rgba(107,70,193,.3)}.project-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(107,70,193,.1),rgba(107,70,193,.05));display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);min-height:200px}.project-placeholder i{font-size:4rem;color:var(--accent-color);opacity:.7}.project-card:hover .project-placeholder{background:linear-gradient(135deg,rgba(107,70,193,.15),rgba(107,70,193,.08))}.project-card:hover .project-placeholder i{opacity:1;transform:scale(1.1);transition:all .3s ease}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 25%,rgba(107,70,193,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(107,70,193,.08) 0,transparent 50%),var(--bg-primary);overflow:hidden;padding-left:0;padding-right:0}.hero:before{background-image:radial-gradient(3px 3px at 15% 25%,hsla(0,0%,100%,.4),transparent),radial-gradient(2px 2px at 35% 45%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 55% 15%,hsla(0,0%,100%,.35),transparent),radial-gradient(3px 3px at 75% 65%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 90% 35%,hsla(0,0%,100%,.4),transparent),radial-gradient(2px 2px at 25% 75%,hsla(0,0%,100%,.3),transparent),radial-gradient(3px 3px at 45% 85%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 65% 55%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 85% 20%,hsla(0,0%,100%,.4),transparent),radial-gradient(3px 3px at 10% 60%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 30% 90%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 50% 5%,hsla(0,0%,100%,.4),transparent),radial-gradient(3px 3px at 70% 40%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 95% 80%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 18% 55%,hsla(0,0%,100%,.3),transparent),radial-gradient(3px 3px at 42% 12%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 62% 70%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 82% 48%,hsla(0,0%,100%,.4),transparent),radial-gradient(3px 3px at 8% 38%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 38% 68%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 58% 28%,hsla(0,0%,100%,.3),transparent),radial-gradient(3px 3px at 78% 88%,hsla(0,0%,100%,.4),transparent),radial-gradient(2px 2px at 92% 58%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 12% 82%,hsla(0,0%,100%,.35),transparent),radial-gradient(3px 3px at 48% 22%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 72% 92%,hsla(0,0%,100%,.4),transparent),radial-gradient(2px 2px at 22% 42%,hsla(0,0%,100%,.3),transparent),radial-gradient(3px 3px at 88% 72%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 5% 18%,hsla(0,0%,100%,.3),transparent),radial-gradient(3px 3px at 32% 52%,hsla(0,0%,100%,.4),transparent),radial-gradient(2px 2px at 52% 78%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 68% 8%,hsla(0,0%,100%,.35),transparent),radial-gradient(3px 3px at 97% 45%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 14% 95%,hsla(0,0%,100%,.4),transparent),radial-gradient(2px 2px at 40% 32%,hsla(0,0%,100%,.3),transparent),radial-gradient(3px 3px at 60% 62%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 80% 15%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 26% 48%,hsla(0,0%,100%,.4),transparent),radial-gradient(3px 3px at 46% 98%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 74% 35%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 94% 68%,hsla(0,0%,100%,.3),transparent),radial-gradient(3px 3px at 3% 72%,hsla(0,0%,100%,.4),transparent);background-size:200% 200%;background-position:0 0;animation:starsMove 25s linear infinite;opacity:.8}.hero:after,.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hero:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");opacity:1}@keyframes starsMove{0%{background-position:0 0}to{background-position:100% 100%}}.hero-container{width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;min-height:100vh;padding:100px clamp(1rem,4vw,2rem) 0}.hero-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(107,70,193,.25) 0,rgba(107,70,193,.1) 40%,transparent 70%);border-radius:50%;filter:blur(100px);animation:pulseGlow 5s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes pulseGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.hero-main-title{text-align:center;animation:fadeInUp 1s ease-out;position:relative;z-index:2}.name-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.35rem,1.2vw,.85rem);margin-bottom:2.5rem;width:100%;text-align:center}.main-title{font-family:Inter,Arial Black,Arial,sans-serif;font-stretch:expanded;letter-spacing:.15em;font-size:clamp(3rem,12vw,11rem);font-weight:800;margin:0;line-height:.95;color:var(--text-primary);text-transform:uppercase;position:relative;text-align:center;text-shadow:0 0 40px rgba(107,70,193,.4),0 0 80px rgba(107,70,193,.2);animation:titleGlow 4s ease-in-out infinite;padding-inline:.15em;box-sizing:border-box}@keyframes titleGlow{0%,to{text-shadow:0 0 40px rgba(107,70,193,.4),0 0 80px rgba(107,70,193,.2)}50%{text-shadow:0 0 60px rgba(107,70,193,.6),0 0 120px rgba(107,70,193,.3)}}.main-title-second{font-family:Inter,Arial Black,Arial,sans-serif;font-stretch:expanded;letter-spacing:.15em;font-size:clamp(3rem,12vw,11rem);font-weight:800;margin:0;line-height:.95;color:var(--text-primary);text-transform:uppercase;position:relative;text-align:center;text-shadow:0 0 40px rgba(107,70,193,.4),0 0 80px rgba(107,70,193,.2);animation:titleGlow 4s ease-in-out .5s infinite;padding-inline:.15em;box-sizing:border-box}.main-description{font-family:Inter,sans-serif;font-size:1rem;font-weight:300;margin-bottom:3rem;color:var(--text-secondary);line-height:1.6;max-width:550px;margin-left:auto;margin-right:auto;text-align:center;letter-spacing:.05em;opacity:.9}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2rem;justify-content:center;align-items:center;width:100%;max-width:100%}.btn-contact-jago{display:inline-block;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:400;transition:var(--transition);border:1px solid hsla(0,0%,100%,.3);cursor:pointer;font-size:1rem;background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10}.btn-contact-jago:hover{background:rgba(107,70,193,.2);color:#fff;border-color:rgba(107,70,193,.6);transform:translateY(-2px);box-shadow:0 0 20px rgba(107,70,193,.3)}.hero-visual{animation:fadeInRight 1s ease-out;z-index:2;margin-left:2rem}.hero-graphic,.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.hero-graphic{width:400px;height:400px}.graphic-element{position:absolute;border-radius:50%;animation:float 6s ease-in-out infinite}.graphic-element:first-child{width:300px;height:300px;background:radial-gradient(circle,rgba(107,70,193,.08),transparent);animation-delay:0s}.graphic-element:nth-child(2){width:200px;height:200px;background:radial-gradient(circle,rgba(107,70,193,.12),transparent);animation-delay:-2s}.graphic-element:nth-child(3){width:120px;height:120px;background:radial-gradient(circle,rgba(107,70,193,.15),transparent);animation-delay:-4s}.about-hero .blob{opacity:.05}.about-hero .blob-2{background:var(--accent-color)}.tilt-container{border-radius:32px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.6)}.pro-photo{width:100%;height:auto;display:block}.experience-timeline-section{padding:10rem 0 4rem;background:hsla(0,0%,100%,.01)}.modern-timeline{margin-top:5rem}.timeline-nav-bar{display:flex;justify-content:space-between;position:relative;margin-bottom:6rem;padding:0 4rem}.timeline-nav-item{background:transparent;border:none;color:hsla(0,0%,100%,.3);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1.5rem;z-index:5;transition:all .4s ease}.timeline-nav-item .year{font-weight:900;font-size:1rem;letter-spacing:.05em;white-space:nowrap}.timeline-nav-item .dot{width:14px;height:14px;background:hsla(0,0%,100%,.1);border-radius:50%;border:3px solid var(--bg-primary);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.timeline-nav-item.active{color:var(--accent-color)}.timeline-nav-item.active .dot{background:var(--accent-color);transform:scale(1.8);box-shadow:0 0 20px var(--accent-color)}.nav-line-bg{right:6rem;background:hsla(0,0%,100%,.05);z-index:1}.nav-line-bg,.nav-line-progress{position:absolute;bottom:6px;left:6rem;height:2px}.nav-line-progress{background:var(--accent-color);z-index:2;transition:width .8s cubic-bezier(.16,1,.3,1)}.timeline-display{overflow:hidden;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:40px;min-height:500px}.timeline-rail{display:flex;transition:transform .8s cubic-bezier(.16,1,.3,1)}.timeline-slide{flex:0 0 100%}.timeline-slide:has(.image-placeholder) .tag-list{justify-content:center}.card-image{box-shadow:0 30px 60px rgba(0,0,0,.5);height:350px}.card-image img{height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;background:hsla(0,0%,100%,.02);display:flex;align-items:center;justify-content:center;font-size:4rem;color:hsla(0,0%,100%,.1)}.card-info h3{font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.card-info h4{font-size:1.2rem;color:var(--accent-color);font-weight:600;margin-bottom:2rem}.card-info p{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2.5rem}.skills-section{padding:4rem 0 10rem}.skills-bento{display:grid;grid-template-columns:1fr 1fr;grid-gap:2.5rem;gap:2.5rem}.skill-category-box{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);padding:4rem;border-radius:40px;transition:all .4s ease}.skill-category-box:hover{border-color:rgba(107,70,193,.3);background:rgba(107,70,193,.01);transform:translateY(-10px)}.skill-category-box h3{font-size:2rem;font-weight:900;margin-bottom:3rem;text-align:center}.tool-grid-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1.25rem;gap:1.25rem}.tool-tag{padding:1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;text-align:center;font-weight:700;font-size:.95rem;transition:all .3s ease}.tool-tag:hover{background:var(--text-primary);color:var(--bg-primary);transform:scale(1.05)}@media (max-width:992px){.about-grid,.skills-bento,.timeline-content-card{grid-template-columns:1fr;gap:3rem}.timeline-nav-bar{padding:0 1rem}.nav-line-bg,.nav-line-progress{left:2rem;right:2rem}}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-top:3rem}.stat{text-align:center;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-color)}.stat h3{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat p{color:var(--text-secondary);font-weight:500}.about-image{display:flex;justify-content:center;align-items:center;perspective:1200px;padding:2rem;min-height:320px}.about-content,.about-image{overflow:visible}.about-image-3d{transform-style:preserve-3d;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.about-image-3d .about-img{display:block;pointer-events:none}.about-img{width:100%;max-width:350px;height:auto;border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);object-fit:contain;margin-top:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.photo-carousel{position:relative;width:100%;max-width:400px}.carousel-transition{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10;border-radius:var(--border-radius-lg)}.carousel-transition.active{opacity:1}.transition-logo{animation:logoSpinTransition .6s ease-in-out}@keyframes logoSpinTransition{0%{transform:scale(.5) rotate(0deg);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1) rotate(1turn);opacity:1}}.skills{padding:3rem 0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.skill-category-link{text-decoration:none;color:inherit;display:block}.skill-category{background:var(--bg-secondary);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-color);position:relative;overflow:hidden;cursor:pointer}.skill-category:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);background:rgba(107,70,193,.05);border-color:rgba(107,70,193,.3)}.skill-category h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);text-align:left}.skill-item{display:flex;align-items:center;margin-bottom:1.5rem;gap:1rem}.skill-item i{font-size:1.5rem;color:var(--primary-color);width:30px}.skill-item span{font-weight:500;min-width:80px}.skill-category:hover .skill-item span,.skill-item span{color:var(--text-primary)}.skill-category:hover .skill-item i{color:var(--accent-color)}.skill-bar{flex:1 1;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.skill-progress{height:100%;background:var(--primary-color);border-radius:2px;width:0;transition:width 2s ease-out}.portfolio{padding:6rem 0;background:var(--bg-secondary)}.portfolio-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:8px 20px;border:2px solid var(--border-color);background:#fff;color:var(--text-secondary);border-radius:25px;cursor:pointer;transition:var(--transition);font-weight:500}.filter-btn.active,.filter-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.portfolio-item{background:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.portfolio-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.portfolio-image{position:relative;overflow:hidden;height:250px}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.portfolio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-item:hover .portfolio-image img{transform:scale(1.1)}.portfolio-content{text-align:center;color:#fff;padding:1rem}.portfolio-content h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.portfolio-content p{margin-bottom:1rem;opacity:.9}.portfolio-links{display:flex;justify-content:center;gap:1rem}.portfolio-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.2);color:#fff;border-radius:50%;text-decoration:none;transition:var(--transition)}.portfolio-link:hover{background:#fff;color:var(--primary-color);transform:scale(1.1)}.experience-compact{padding:8rem 0;background:var(--bg-primary);border-top:1px solid hsla(0,0%,100%,.03)}.experience-list{max-width:900px;margin:4rem auto 0;display:flex;flex-direction:column;gap:4rem}.experience-row{display:grid;grid-template-columns:200px 1fr;grid-gap:3rem;gap:3rem;position:relative}.experience-date{font-size:1.1rem;font-weight:700;color:var(--accent-color);padding-top:.2rem}.experience-content h4{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.experience-content h5{font-size:1rem;font-weight:500;color:hsla(0,0%,100%,.5);margin-bottom:1.25rem}.experience-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.experience-tags{display:flex;gap:.75rem;flex-wrap:wrap}.experience-tag{background:rgba(107,70,193,.1);border:1px solid rgba(107,70,193,.2);padding:.3rem .8rem;border-radius:50px;font-size:.75rem;color:var(--accent-color);font-weight:600}@media (max-width:768px){.experience-row{grid-template-columns:1fr;gap:1rem}}.experience:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(3px 3px at 15% 25%,hsla(0,0%,100%,.6),transparent),radial-gradient(2px 2px at 35% 45%,hsla(0,0%,100%,.5),transparent),radial-gradient(2px 2px at 55% 15%,hsla(0,0%,100%,.55),transparent),radial-gradient(3px 3px at 75% 65%,hsla(0,0%,100%,.5),transparent),radial-gradient(2px 2px at 90% 35%,hsla(0,0%,100%,.6),transparent),radial-gradient(2px 2px at 25% 75%,hsla(0,0%,100%,.5),transparent),radial-gradient(3px 3px at 45% 85%,hsla(0,0%,100%,.55),transparent),radial-gradient(2px 2px at 65% 55%,hsla(0,0%,100%,.5),transparent),radial-gradient(2px 2px at 85% 20%,hsla(0,0%,100%,.6),transparent),radial-gradient(3px 3px at 10% 60%,hsla(0,0%,100%,.5),transparent),radial-gradient(2px 2px at 30% 90%,hsla(0,0%,100%,.55),transparent),radial-gradient(2px 2px at 50% 5%,hsla(0,0%,100%,.6),transparent),radial-gradient(3px 3px at 70% 40%,hsla(0,0%,100%,.5),transparent),radial-gradient(2px 2px at 95% 80%,hsla(0,0%,100%,.55),transparent),radial-gradient(2px 2px at 18% 55%,hsla(0,0%,100%,.5),transparent),radial-gradient(3px 3px at 42% 12%,hsla(0,0%,100%,.55),transparent),radial-gradient(2px 2px at 62% 70%,hsla(0,0%,100%,.5),transparent),radial-gradient(2px 2px at 82% 48%,hsla(0,0%,100%,.6),transparent),radial-gradient(3px 3px at 8% 38%,hsla(0,0%,100%,.5),transparent),radial-gradient(2px 2px at 38% 68%,hsla(0,0%,100%,.55),transparent);background-size:200% 200%;background-position:0 0;animation:starsMove 25s linear infinite;opacity:.9;pointer-events:none;z-index:1}.timeline-horizontal{position:relative;margin:1.5rem 0;padding:0 60px;min-height:600px}.timeline-wrapper{overflow:hidden;position:relative;min-height:600px;display:flex;align-items:center;justify-content:center}.timeline-track{display:block;position:relative}.timeline-item{flex:0 0 100%;min-width:0;display:none;opacity:0;transform:translateX(20px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.timeline-item.active{display:block;opacity:1;transform:translateX(0);pointer-events:auto}.timeline-content{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);text-align:left;max-width:700px;margin:0 auto;position:relative;z-index:10}.timeline-date-integrated{display:inline-block;background:var(--accent-color);color:#fff;padding:.3rem .8rem;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;margin-bottom:1rem}.timeline-content h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.timeline-content h4{color:var(--primary-color);font-weight:500;margin-bottom:1rem}.timeline-image{margin:1rem 0;text-align:center}.timeline-img{width:100%;max-width:300px;height:180px;object-fit:cover;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.timeline-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6;font-size:.95rem}.timeline-content ul{list-style:none;padding:0;margin-top:1rem}.timeline-content li{color:var(--text-secondary);margin-bottom:.5rem;position:relative;padding-left:1.5rem;font-size:.9rem}.timeline-content li:before{content:"✓";position:absolute;left:0;color:var(--accent-color);font-weight:700}.timeline-nav{position:absolute;top:300px;background:var(--accent-color);color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:10;transition:all .3s ease;box-shadow:var(--shadow-md);pointer-events:auto}.timeline-nav:hover:not(:disabled){background:var(--primary-color);color:var(--secondary-color);transform:scale(1.1);box-shadow:var(--shadow-lg)}.timeline-nav:hover:not(:disabled) i{color:var(--secondary-color)}.timeline-nav:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.timeline-nav-prev{left:0}.timeline-nav-next{right:0}.timeline-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--border-color);cursor:pointer;transition:all .3s ease}.timeline-dot.active{background:var(--accent-color);transform:scale(1.3)}.contact{padding:6rem 0;background:var(--bg-secondary)}.contact-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:start}.contact-info h3{font-size:2rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.contact-info p{color:var(--text-secondary);line-height:1.6}.contact-details,.contact-info p{margin-bottom:2rem}.contact-item{display:flex;align-items:center;margin-bottom:1.5rem;gap:1rem}.contact-item i{font-size:1.5rem;color:var(--primary-color);width:30px}.contact-item h4{font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.contact-item p{color:var(--text-secondary);margin:0}.social-link{display:inline-flex;width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;transition:var(--transition);font-size:1rem}.social-link:hover{background:var(--secondary-color);color:var(--primary-color)}.contact-form{background:var(--bg-secondary);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);font-family:inherit;background:var(--bg-primary);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-group textarea{resize:vertical;min-height:120px}.footer{background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);padding:2.5rem 0;border-top:1px solid hsla(0,0%,100%,.05);position:relative;z-index:100}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.footer-nav{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-nav a{color:hsla(0,0%,100%,.6);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .3s ease}.footer-nav a:hover{color:var(--accent-color)}.footer-left{display:flex;align-items:center;gap:1.5rem}.footer-logo{font-weight:800;letter-spacing:.1em;text-decoration:none;color:var(--text-primary);font-size:.9rem}.footer-socials{display:flex;gap:.75rem;flex-wrap:nowrap}.footer-socials .social-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .9rem;box-sizing:border-box;color:hsla(0,0%,100%,.7);text-decoration:none;font-size:.8rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:8px}.footer-socials .social-link i{font-size:1rem;transition:all .3s ease}.social-link.linkedin:hover{color:#fff;border-color:rgba(0,119,181,.4);box-shadow:0 0 15px rgba(0,119,181,.2);transform:translateY(-2px)}.social-link.linkedin:hover i{color:#0077b5}.social-link.instagram:hover{color:#fff;background:rgba(228,64,95,.15);border-color:rgba(228,64,95,.4);box-shadow:0 0 15px rgba(228,64,95,.2);transform:translateY(-2px)}.social-link.instagram:hover i{color:#e4405f}.footer-copyright{padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.03);text-align:center}.footer-copyright p{color:hsla(0,0%,100%,.3);font-size:.75rem;letter-spacing:.05em}.footer-status{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.75rem;font-weight:600;background:hsla(0,0%,100%,.05);padding:.25rem .75rem;border-radius:50px}.status-dot{width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981}@media (max-width:768px){.footer-content{flex-direction:column;gap:1.5rem;text-align:center}.footer-left{flex-direction:column;gap:1rem}}.footer-social h4{margin-bottom:.8rem;color:hsla(0,0%,100%,.6);font-size:.9rem;font-weight:500}.social-links{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:.4rem;padding:.5rem .8rem;background:rgba(107,70,193,.08);border:1px solid rgba(107,70,193,.2);border-radius:4px;color:hsla(0,0%,100%,.7);text-decoration:none;font-size:.8rem;font-weight:400;transition:all .3s ease;min-width:90px;justify-content:center}.social-link:hover{background:rgba(107,70,193,.15);border-color:rgba(107,70,193,.4);transform:translateY(-1px);box-shadow:0 2px 8px rgba(107,70,193,.1);color:hsla(0,0%,100%,.9)}.social-link i{font-size:.9rem;width:14px;text-align:center;opacity:.8}.social-link.linkedin:hover{background:rgba(0,119,181,.15);border-color:#0077b5;box-shadow:0 4px 12px rgba(0,119,181,.3);color:#0077b5;transform:translateY(-3px) scale(1.05)}.social-link.instagram:hover{background:rgba(225,48,108,.12);border-color:rgba(225,48,108,.3);box-shadow:0 2px 6px rgba(225,48,108,.1)}@media (max-width:768px){.footer-content{flex-direction:column;gap:1.5rem}.footer-content,.footer-social{text-align:center}.social-links{justify-content:center;gap:.8rem}.social-link{padding:.5rem .8rem;font-size:.8rem;min-width:90px}.social-link i{font-size:.9rem;width:14px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:40px;height:40px;background:var(--accent-color);color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;box-shadow:var(--shadow-md)}.scroll-to-top:hover{background:var(--primary-color);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.scroll-to-top:hover,.scroll-to-top:hover i{color:var(--secondary-color)}.scroll-to-top i{font-size:1rem}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}.page-loader.hidden{opacity:0;visibility:hidden}.page-transition{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;pointer-events:none;overflow:hidden}.page-transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);transform:scaleX(0);transform-origin:right;transition:transform .6s cubic-bezier(.77,0,.175,1)}.page-transition.active .page-transition-overlay{transform:scaleX(1);transform-origin:right}.page-transition-exit .page-transition-overlay{transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.77,0,.175,1)}.page-transition-logo{position:absolute;top:50%;left:50%;width:120px;height:120px;z-index:10;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.page-transition-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(107,70,193,.6))}.page-transition.active .page-transition-logo{transform:translate(-50%,-50%) scale(1);opacity:1;transition-delay:.2s}.page-transition-exit .page-transition-logo{transform:translate(-50%,-50%) scale(.8);opacity:0;transition-delay:0s}.loader-content{text-align:center;animation:fadeInUp .8s ease-out}.loader-logo{width:80px;height:80px;margin:0 auto 2rem;animation:logoSpin 2s linear infinite;filter:drop-shadow(0 4px 8px rgba(107,70,193,.3));display:flex;align-items:center;justify-content:center;transform-origin:center center}.loader-logo img{width:100%;height:100%;object-fit:contain;display:block}.loader-text{font-size:1.2rem;color:var(--text-secondary);font-weight:500;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}.loader-progress{width:200px;height:3px;background:var(--border-color);border-radius:2px;overflow:hidden;margin:0 auto}.loader-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--primary-color));border-radius:2px;width:0;animation:progressLoad 1.5s ease-out forwards}.loader-dots{display:flex;gap:.5rem;margin-top:1rem;justify-content:center}.loader-dot{width:8px;height:8px;background:var(--accent-color);border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite both}.loader-dot:first-child{animation-delay:-.32s}.loader-dot:nth-child(2){animation-delay:-.16s}.loader-dot:nth-child(3){animation-delay:0s}@keyframes logoSpin{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.05)}50%{transform:rotate(180deg) scale(1.1)}75%{transform:rotate(270deg) scale(1.05)}to{transform:rotate(1turn) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes progressLoad{0%{width:0}to{width:100%}}@keyframes dotBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.6}}@keyframes glow{0%{text-shadow:0 0 30px rgba(107,70,193,.3)}to{text-shadow:0 0 50px rgba(107,70,193,.6),0 0 80px rgba(107,70,193,.3)}}@media (max-width:768px){.nav-container{flex-wrap:wrap;gap:.75rem}.nav-menu{flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:flex-end}.nav-menu .nav-link{font-size:.9rem}.nav-item:last-child .nav-link{padding:4px 10px;font-size:.85rem}.logo-img{height:50px}.hero-container{min-height:100vh;padding-top:80px}.main-title,.main-title-second{font-size:5rem;letter-spacing:.1em}.name-container{gap:1.5rem}.main-description{font-size:.9rem;margin-bottom:2.5rem;max-width:90%}.hero-container:before{width:400px;height:400px}.name-container{gap:2rem;margin-bottom:2rem}.main-title,.main-title-second{font-size:5rem;word-break:break-word;letter-spacing:.1em}.hero-container:before{width:500px;height:500px}.main-description{font-size:.85rem}.hero-container{padding-top:70px}.hero-visual{margin-left:0;margin-top:2rem}.hero-graphic{width:300px;height:300px}.graphic-element:first-child{width:200px;height:200px}.graphic-element:nth-child(2){width:150px;height:150px}.graphic-element:nth-child(3){width:100px;height:100px}.hero-buttons{justify-content:center}.about-content{grid-template-columns:1fr;gap:2rem}.about-stats{gap:1rem}.about-stats,.portfolio-grid,.skills-grid{grid-template-columns:1fr}.timeline-nav{width:40px;height:40px;font-size:1rem}.timeline-horizontal{padding:0 50px}.timeline-nav-prev{left:0}.timeline-nav-next{right:0}.timeline-content{padding:1.5rem}.timeline-img{max-width:100%;height:150px}.contact-content{grid-template-columns:1fr;gap:2rem}.section-title{font-size:2rem}}.nav-link.active{color:var(--accent-color)}.page-hero-refined{padding:12rem 0 6rem;background:var(--bg-primary);position:relative;overflow:hidden}.page-hero-refined .hero-background{opacity:.1}.page-hero-refined .container{position:relative;z-index:10;text-align:center}.page-hero-title{font-size:clamp(3.5rem,10vw,6rem);font-weight:900;line-height:.9;text-transform:uppercase;margin-bottom:2rem;color:var(--text-primary)}.page-hero-title span{display:block;color:transparent;-webkit-text-stroke:1px hsla(0,0%,100%,.3)}.page-hero-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.page-hero .container{position:relative;z-index:1}.page-hero:before{background-image:radial-gradient(3px 3px at 15% 25%,hsla(0,0%,100%,.4),transparent),radial-gradient(2px 2px at 35% 45%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 55% 15%,hsla(0,0%,100%,.35),transparent),radial-gradient(3px 3px at 75% 65%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 90% 35%,hsla(0,0%,100%,.4),transparent),radial-gradient(2px 2px at 25% 75%,hsla(0,0%,100%,.3),transparent),radial-gradient(3px 3px at 45% 85%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 65% 55%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 85% 20%,hsla(0,0%,100%,.4),transparent),radial-gradient(3px 3px at 10% 60%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 30% 90%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 50% 5%,hsla(0,0%,100%,.4),transparent),radial-gradient(3px 3px at 70% 40%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 95% 80%,hsla(0,0%,100%,.35),transparent);background-size:200% 200%;background-position:0 0;animation:starsMove 25s linear infinite;opacity:.8}.page-hero:after,.page-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.page-hero:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");opacity:1}@media (max-width:768px){.page-hero{padding:5rem 0 1.5rem}.about,.experience,.skills,.values{padding:2rem 0}.section-title{font-size:1.8rem;margin-bottom:1.5rem}.about-content{gap:1.5rem}.about-text p{font-size:.95rem;margin-bottom:1rem}.skills-grid,.values-grid{gap:1.5rem}.timeline-item{padding:1rem;margin-bottom:1.5rem}}.page-title{font-size:clamp(1.5rem,4vw,3rem);font-weight:700;margin-bottom:1rem;color:var(--text-primary)}@media (max-width:768px){.page-title{font-size:2rem;margin-bottom:.8rem}.page-subtitle{font-size:1rem}}.page-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.page-hero-left{text-align:left}.page-hero-left .page-subtitle{margin:0}.values{padding:3rem 0;background:var(--bg-secondary)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.value-card{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--border-radius-lg);text-align:left;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-color)}.value-icon{width:60px;height:60px;background:rgba(107,70,193,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 1rem;border:2px solid rgba(107,70,193,.6);box-shadow:0 0 15px rgba(107,70,193,.3)}.value-icon i{font-size:1.5rem;color:var(--accent-color);filter:brightness(1.2)}.value-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.value-card p{color:var(--text-secondary);line-height:1.6}.tools{padding:3rem 0;background:var(--bg-secondary)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.tool-category-link{text-decoration:none;color:inherit;display:block}.tool-category{background:var(--bg-secondary);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-color);cursor:pointer}.tool-category:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);background:rgba(107,70,193,.05);border-color:rgba(107,70,193,.3)}.tool-category h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);text-align:left}.tool-list{display:flex;flex-direction:column;gap:1rem}.tool-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-primary)}.tool-item i{font-size:1.2rem;color:var(--accent-color);width:20px}.tool-item span{font-weight:500;color:var(--text-primary)}.achievements{padding:4rem 0;background:var(--bg-secondary)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.achievement-card{background:var(--bg-secondary);padding:2rem;border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-color)}.achievement-icon{width:60px;height:60px;background:rgba(107,70,193,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border:2px solid rgba(107,70,193,.3)}.achievement-icon i{font-size:1.5rem;color:var(--accent-color)}.achievement-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.achievement-card p{color:var(--text-secondary);line-height:1.6}.availability{padding:8rem 0;background:var(--bg-primary);border-top:1px solid hsla(0,0%,100%,.03)}.availability-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.availability-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);padding:3rem;border-radius:24px;transition:all .3s ease}.availability-card:hover{border-color:rgba(107,70,193,.3);background:rgba(107,70,193,.02)}.availability-icon{width:60px;height:60px;background:rgba(107,70,193,.1);color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;font-size:1.5rem}.availability-icon i{font-size:1.5rem;color:#fff}.availability-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.availability-card p{color:var(--text-secondary);line-height:1.6}.projects-hero{padding:8rem 0 4rem;background:var(--bg-primary);text-align:center;position:relative;overflow:hidden}.projects-hero .container{position:relative;z-index:1}.projects-hero:before{background-image:radial-gradient(3px 3px at 15% 25%,hsla(0,0%,100%,.4),transparent),radial-gradient(2px 2px at 35% 45%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 55% 15%,hsla(0,0%,100%,.35),transparent),radial-gradient(3px 3px at 75% 65%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 90% 35%,hsla(0,0%,100%,.4),transparent),radial-gradient(2px 2px at 25% 75%,hsla(0,0%,100%,.3),transparent),radial-gradient(3px 3px at 45% 85%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 65% 55%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 85% 20%,hsla(0,0%,100%,.4),transparent),radial-gradient(3px 3px at 10% 60%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 30% 90%,hsla(0,0%,100%,.35),transparent),radial-gradient(2px 2px at 50% 5%,hsla(0,0%,100%,.4),transparent),radial-gradient(3px 3px at 70% 40%,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 95% 80%,hsla(0,0%,100%,.35),transparent);background-size:200% 200%;background-position:0 0;animation:starsMove 25s linear infinite;opacity:.8}.projects-hero:after,.projects-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.projects-hero:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");opacity:1}.projects-title{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.projects-subtitle{font-size:clamp(.95rem,2vw,1.2rem);color:var(--text-secondary);max-width:min(600px,100%);margin:0 auto}.projects-tabs{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);margin-top:clamp(1rem,3vw,2rem);justify-content:center;align-items:center}.projects-tab{display:inline-block;padding:clamp(.5rem,1.5vw,.6rem) clamp(.8rem,2vw,1.2rem);margin:0 .25rem;border-radius:var(--border-radius);text-decoration:none;font-weight:500;color:var(--text-secondary);background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);transition:var(--transition);white-space:nowrap}.projects-tab:hover{color:var(--text-primary);background:hsla(0,0%,100%,.1)}.projects-tab.active{color:var(--primary-color);background:var(--accent-color);border-color:var(--accent-color)}.hero-projects .projects-tabs-row,.projects-hero .projects-tabs-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:clamp(1rem,3vw,2rem);width:100%}.projects-tabs-row .projects-tabs{margin-top:0}.projects-sort-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-left:auto}.projects-sort-btn,.projects-sort-label{font-size:.9rem;color:var(--text-secondary)}.projects-sort-btn{padding:.5rem 1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background:hsla(0,0%,100%,.05);font-weight:500;cursor:pointer;transition:var(--transition)}.projects-sort-btn:hover{color:var(--text-primary);background:hsla(0,0%,100%,.1)}.projects-sort-btn.active{color:var(--primary-color);background:var(--accent-color);border-color:var(--accent-color)}.projects-categories{padding:4rem 0;background:var(--bg-secondary)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:1000px;margin:0 auto}.category-card{background:var(--bg-secondary);padding:3rem 2rem;border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-color);position:relative;overflow:hidden}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.category-icon{width:80px;height:80px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:var(--transition)}.category-card:hover .category-icon{background:var(--accent-color)}.category-icon i{font-size:2rem;color:#fff}.category-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.category-card p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;font-weight:400}.category-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-color);text-decoration:none;font-weight:500;transition:var(--transition)}.category-link:hover{color:var(--primary-color);gap:1rem}.category-hero{padding:8rem 0 2rem;background:var(--bg-primary)}.breadcrumb{margin-bottom:2rem;font-size:.9rem;color:var(--text-light)}.breadcrumb a{color:var(--accent-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{margin:0 .5rem}.category-title{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.category-subtitle{font-size:1.2rem;color:var(--text-secondary)}.projects-grid-section{padding:4rem 0;background:var(--bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));grid-gap:clamp(1rem,3vw,2rem);gap:clamp(1rem,3vw,2rem)}.project-card{background:var(--bg-secondary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-color);position:relative}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.project-image{position:relative;height:clamp(200px,25vw,280px);overflow:hidden;cursor:pointer}.project-thumbnail-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000}.project-placeholder-logo{width:80px;height:80px;opacity:.3;object-fit:contain}.project-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease,transform .3s ease;cursor:pointer}.project-img.project-img-visible{opacity:1}.project-img[src*="Affiche EDT"]{object-position:center 85%}.project-img:hover{transform:scale(1.05)}.lightbox{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);justify-content:center;align-items:center}.lightbox-content{position:relative;max-width:95%;max-height:90vh;display:flex;align-items:stretch;gap:2rem;background:rgba(0,0,0,.8);border-radius:15px;padding:2rem;overflow:hidden}.lightbox-close{position:fixed;top:20px;right:30px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;z-index:10000;background:rgba(0,0,0,.5);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.lightbox-close:hover{background:var(--accent-color);color:#fff;transform:scale(1.1)}#lightbox-img,.lightbox-img,.lightbox-video{max-width:60%;max-height:70vh;object-fit:contain;border-radius:var(--border-radius);flex-shrink:0}.custom-styled-video{border-radius:12px;box-shadow:0 10px 30px rgba(107,70,193,.3)}.custom-styled-video::-webkit-media-controls-panel{background:linear-gradient(0deg,rgba(107,70,193,.95),rgba(0,0,0,.7));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.custom-styled-video::-webkit-media-controls-play-button{filter:brightness(0) saturate(100%) invert(38%) sepia(78%) saturate(1234%) hue-rotate(237deg) brightness(91%) contrast(92%)}.custom-styled-video::-webkit-media-controls-play-button:hover{filter:brightness(0) saturate(100%) invert(57%) sepia(56%) saturate(1636%) hue-rotate(233deg) brightness(99%) contrast(93%);transform:scale(1.1)}.custom-styled-video::-webkit-media-controls-timeline{background:hsla(0,0%,100%,.2);border-radius:10px;height:6px}.custom-styled-video::-webkit-media-controls-timeline:hover{height:8px}.custom-styled-video::-webkit-media-controls-current-time-display,.custom-styled-video::-webkit-media-controls-time-remaining-display{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);font-weight:600;font-size:13px}.custom-styled-video::-webkit-media-controls-volume-slider{background:hsla(0,0%,100%,.2);border-radius:10px}.custom-styled-video::-webkit-media-controls-fullscreen-button,.custom-styled-video::-webkit-media-controls-mute-button{filter:brightness(0) saturate(100%) invert(100%)}.custom-styled-video::-webkit-media-controls-fullscreen-button:hover,.custom-styled-video::-webkit-media-controls-mute-button:hover{filter:brightness(0) saturate(100%) invert(57%) sepia(56%) saturate(1636%) hue-rotate(233deg) brightness(99%) contrast(93%)}.custom-styled-video::-webkit-media-controls-timeline::-webkit-media-slider-thumb{background:linear-gradient(135deg,#6b46c1,#8b5cf6);border-radius:50%;box-shadow:0 0 10px rgba(107,70,193,.8)}.custom-styled-video::-moz-range-track{background:hsla(0,0%,100%,.2);border-radius:10px;height:6px}.custom-styled-video::-moz-range-thumb{background:linear-gradient(135deg,#6b46c1,#8b5cf6);border-radius:50%;border:none;box-shadow:0 0 10px rgba(107,70,193,.8)}.custom-styled-video::-moz-range-progress{background:linear-gradient(90deg,#6b46c1,#8b5cf6);border-radius:10px;height:6px}.lightbox.show{display:flex}.lightbox-info{color:#fff;text-align:left;flex:1 1;min-width:280px;max-width:400px;padding-left:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.lightbox-caption{font-size:1.6rem;font-weight:700;color:hsla(0,0%,100%,.95)}.lightbox-caption,.lightbox-description{margin-bottom:1.5rem}.lightbox-description p{font-size:1.1rem;line-height:1.7;color:hsla(0,0%,100%,.95);margin:0}.lightbox-tools{padding:.4rem .6rem;display:inline-block;width:-moz-fit-content;width:fit-content}.lightbox-tools h4{font-size:.8rem;margin:0 0 .2rem}.lightbox-tools p{color:#fff;font-size:.75rem;margin:0;font-weight:500}.lightbox-header{margin-bottom:1.5rem}.lightbox-meta{display:flex;gap:1.5rem;margin-top:.5rem;flex-wrap:wrap}.lightbox-category,.lightbox-date{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:hsla(0,0%,100%,.7)}.lightbox-category i,.lightbox-date i{color:var(--accent-color);opacity:.9}.lightbox-short-desc{font-size:1rem;color:hsla(0,0%,100%,.8);font-style:italic;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.lightbox-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.lightbox-tag{background:rgba(107,70,193,.15);color:hsla(0,0%,100%,.95);padding:.3rem .8rem;border-radius:15px;font-size:.85rem;border:1px solid rgba(107,70,193,.25)}.lightbox-link{margin-top:1.5rem}.btn-external{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;background:rgba(107,70,193,.25);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:500;transition:var(--transition);border:1px solid rgba(107,70,193,.4)}.btn-external:hover{background:rgba(107,70,193,.4);transform:translateY(-2px);box-shadow:0 4px 15px rgba(107,70,193,.25)}.lightbox-tools{background:rgba(107,70,193,.12);border-radius:6px;padding:.8rem;border:1px solid rgba(107,70,193,.2);margin:1rem 0}.lightbox-tools h4{color:hsla(0,0%,100%,.95);font-size:.95rem;font-weight:600;margin:0 0 .5rem;display:flex;align-items:center;gap:.4rem}.lightbox-tools h4 i{color:var(--accent-color)}@media (max-width:768px){.lightbox-content{flex-direction:column;max-width:90%;gap:1.5rem;padding:1.5rem}#lightbox-img,.lightbox-img,.lightbox-video{max-width:100%;max-height:50vh}.lightbox-info{text-align:center;padding-left:0;max-width:100%}.lightbox-caption{font-size:1.3rem}.lightbox-meta{justify-content:center}.lightbox-description p{font-size:.95rem}}.project-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-image img{transform:scale(1.1)}.project-content{text-align:center;color:#fff;padding:1rem}.project-content h3{font-size:1.5rem;font-weight:600;margin-bottom:.3rem}.project-date{font-size:.9rem;color:hsla(0,0%,100%,.7);font-style:italic;margin-bottom:.5rem}.cv-download{margin-top:2rem}.cv-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;border-radius:8px;transition:all .3s ease;background:var(--accent-color);color:#fff;border:2px solid var(--accent-color)}.cv-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(107,70,193,.5);background:#8b5cf6;color:#fff;border-color:#8b5cf6}.project-content p{margin-bottom:1rem;opacity:.9}.project-tags{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.tag{background:hsla(0,0%,100%,.2);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500}@media (max-width:480px){.container{padding:0 15px}.name-container{flex-direction:column;gap:1rem;margin-bottom:2rem}.main-title,.main-title-second{font-size:3rem;word-break:break-word}.main-description{font-size:.8rem}.hero-container{padding-top:60px}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:200px}.portfolio-filters{flex-direction:column;align-items:center}.filter-btn{width:100%;max-width:200px}.category-title,.projects-title{font-size:2rem}.categories-grid,.projects-grid{grid-template-columns:1fr}.logo-img{height:45px}.section-title{font-size:1.5rem}.page-title{font-size:1.8rem}.page-subtitle{font-size:.9rem}.hero-projects{padding:70px 0 30px}.stat-number{font-size:1.3rem}.stat-label{font-size:.7rem}.btn-contact-jago{padding:10px 20px;font-size:.9rem}.project-card{margin-bottom:1rem}.project-image{height:min(200px,40vw)}.timeline-content{padding:1rem}.timeline-content h3{font-size:1.2rem}.timeline-nav{width:35px;height:35px;font-size:.9rem}.footer-content{padding:0 10px}.social-link{padding:.4rem .6rem;font-size:.75rem;min-width:80px}}@media (max-width:360px){.main-title,.main-title-second{font-size:2.5rem;letter-spacing:.05em}.logo-img{height:40px}.section-title{font-size:1.3rem}.page-title{font-size:1.5rem}.container{padding:0 .75rem}.project-image{height:180px}}@media (min-width:1600px){.container,.hero-container,.nav-container{max-width:1320px}}.bylel-page{background:var(--bg-primary);overflow-x:hidden}.about-hero{padding:12rem 0 8rem;position:relative}.about-hero .blob{opacity:.03}.about-hero .blob-1,.about-hero .blob-2{background:#fff}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:5rem;gap:5rem;align-items:center}.about-main-title{font-size:clamp(3rem,6vw,5rem);font-weight:900;line-height:1;margin-bottom:2.5rem;color:var(--text-primary)}.about-main-title span{color:var(--bg-primary);font-family:inherit;font-weight:900;text-shadow:-1px -1px 0 hsla(0,0%,100%,.4),1px -1px 0 hsla(0,0%,100%,.4),-1px 1px 0 hsla(0,0%,100%,.4),1px 1px 0 hsla(0,0%,100%,.4);display:block;margin-top:.1em}.about-text-content p{font-size:1.2rem;color:var(--text-secondary);line-height:1.8;margin-bottom:3.5rem}.btn-cv-custom{display:inline-flex!important;align-items:center;gap:1rem;padding:1.2rem 2.5rem!important;background:#fff!important;color:#000!important;border-radius:12px;font-weight:800;font-size:1.1rem;text-decoration:none!important;position:relative;overflow:hidden;z-index:1;transition:all .4s ease;border:none;box-shadow:0 10px 30px hsla(0,0%,100%,.1)}.btn-cv-custom:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent-color)!important;transition:left .4s ease;z-index:-1}.btn-cv-custom:hover{color:#fff!important;transform:translateY(-5px);box-shadow:0 15px 30px rgba(107,70,193,.4)}.btn-cv-custom:hover:before{left:0}.cv-icon{color:inherit}.card-image{border-radius:24px;overflow:hidden;background:hsla(0,0%,100%,.02);padding:1rem}.card-image img{max-width:100%;height:auto;max-height:350px;object-fit:contain;border-radius:12px;display:block}.timeline-content-card{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;padding:4rem}.timeline-slide:has(.image-placeholder) .timeline-content-card{grid-template-columns:1fr;max-width:800px;margin:0 auto}.timeline-display{min-height:auto!important;background:hsla(0,0%,100%,.015)!important}.timeline-content-card{display:flex!important;align-items:center;gap:3rem;padding:2.5rem!important}.card-image{flex:0 0 40%;background:transparent!important;padding:0!important;max-height:300px;border-radius:16px;display:flex;align-items:center;justify-content:center}.card-image img{max-height:300px!important;width:100%;object-fit:cover!important;border-radius:16px}.card-info{flex:1 1}.card-info h3{font-size:1.8rem!important;margin-bottom:.5rem!important}.timeline-slide:has(.image-placeholder) .timeline-content-card{justify-content:center;text-align:center}.timeline-slide:has(.image-placeholder) .card-image{display:none}.timeline-slide:has(.image-placeholder) .card-info{max-width:700px;margin:0 auto}@media (max-width:768px){.timeline-content-card{flex-direction:column!important;text-align:center;gap:2rem}.card-image{flex:0 0 auto;width:100%}}