:root{--navbar-height: 80px;--navbar-height-mobile: 70px;--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-quick: all .3s ease;--border-radius: 12px;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .08);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .12);--shadow-strong: 0 20px 60px rgba(0, 0, 0, .15);--light-bg-primary: rgba(255, 255, 255, .95);--light-bg-scrolled: rgba(255, 255, 255, .98);--light-text-primary: #1a1a1a;--light-text-secondary: #666;--light-accent: #FF7043;--light-accent-hover: #D32F2F;--light-border: rgba(0, 0, 0, .1);--light-glass: rgba(255, 255, 255, .95);--light-shadow: var(--shadow-soft);--dark-bg-primary: rgba(10, 10, 12, .95);--dark-bg-scrolled: rgba(10, 10, 12, .98);--dark-text-primary: #ffffff;--dark-text-secondary: #a0a0a0;--dark-accent: #FF7043;--dark-accent-hover: #D32F2F;--dark-border: rgba(255, 255, 255, .1);--dark-glass: rgba(20, 20, 25, .95);--dark-shadow: 0 4px 20px rgba(0, 0, 0, .3)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:var(--transition-smooth)}.navbar.light{background:var(--light-bg-primary);border-bottom-color:var(--light-border)}.navbar.light.scrolled{background:var(--light-bg-scrolled);box-shadow:var(--light-shadow);height:70px}.navbar.dark{background:var(--dark-bg-primary);border-bottom-color:var(--dark-border)}.navbar.dark.scrolled{background:var(--dark-bg-scrolled);box-shadow:var(--dark-shadow);height:70px}.nav-container{max-width:1200px;height:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;position:relative}.logo-container{z-index:1001}.logo{text-decoration:none;position:relative;display:inline-block;transition:var(--transition-quick)}.logo-container,.nav-links,.nav-item{list-style:none!important}.logo-wrapper{position:relative;display:inline-block}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,var(--light-accent),var(--light-accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:var(--transition-quick)}.navbar.dark .logo-text{background:linear-gradient(135deg,var(--dark-accent),var(--dark-accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-accent{position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--light-accent),transparent);transition:var(--transition-quick)}.logo:hover .logo-accent{width:100%}.navbar.dark .logo-accent{background:linear-gradient(90deg,var(--dark-accent),transparent)}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle at center,rgba(59,130,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.logo:hover .logo-glow{opacity:1}.navbar.dark .logo-glow{background:radial-gradient(circle at center,rgba(96,165,250,.15) 0%,transparent 70%)}.nav-links{display:none;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0;position:relative}@media(min-width:768px){.nav-links{display:flex}}.nav-item{position:relative}.nav-link{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:.75rem 1.25rem;border-radius:var(--border-radius);transition:var(--transition-quick);overflow:hidden}.navbar.light .nav-link{color:var(--light-text-secondary)}.navbar.light .nav-link:hover{color:var(--light-text-primary);background:#3b82f60d}.navbar.light .nav-link.active{color:var(--light-text-primary)}.navbar.dark .nav-link{color:var(--dark-text-secondary)}.navbar.dark .nav-link:hover{color:var(--dark-text-primary);background:#60a5fa0d}.navbar.dark .nav-link.active{color:var(--dark-text-primary)}.link-text{font-weight:500;font-size:.95rem;letter-spacing:-.2px;position:relative;z-index:2}.link-underline{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,var(--light-accent),var(--light-accent-hover));transition:var(--transition-quick);border-radius:2px}.navbar.dark .link-underline{background:linear-gradient(90deg,var(--dark-accent),var(--dark-accent-hover))}.nav-link:hover .link-underline,.nav-link.active .link-underline{width:80%}.link-highlight{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:var(--transition-smooth)}.navbar.dark .link-highlight{background:linear-gradient(90deg,transparent,rgba(96,165,250,.1),transparent)}.nav-link:hover .link-highlight{left:100%}.link-lighting{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(59,130,246,.3) 0%,transparent 70%);border-radius:var(--border-radius);opacity:0;transform:scale(.8);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.navbar.dark .link-lighting{background:radial-gradient(circle at center,rgba(96,165,250,.4) 0%,transparent 70%)}.link-lighting.active{opacity:1;transform:scale(1)}.link-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius);opacity:0;transition:opacity .3s ease;pointer-events:none}.nav-link:hover .link-glow,.nav-link.active .link-glow{opacity:1}.navigation-indicator{position:absolute;bottom:-2px;left:0;height:4px;background:transparent;overflow:visible;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1}.indicator-arrow{width:12px;height:12px;background:var(--light-accent);clip-path:polygon(50% 0%,0% 100%,100% 100%);transform:translateY(-6px);transition:all .3s ease}.navbar.dark .indicator-arrow{background:var(--dark-accent)}.indicator-glow{position:absolute;top:-10px;width:100%;height:20px;background:radial-gradient(ellipse at center,var(--light-accent) 0%,transparent 70%);filter:blur(8px);opacity:0;transition:all .4s ease}.navbar.dark .indicator-glow{background:radial-gradient(ellipse at center,var(--dark-accent) 0%,transparent 70%)}.indicator-lightning{position:absolute;top:-5px;width:100%;height:10px;background:linear-gradient(90deg,transparent,var(--light-accent),transparent);filter:blur(3px);opacity:0;transform:scaleX(0);transition:all .5s cubic-bezier(.4,0,.2,1)}.navbar.dark .indicator-lightning{background:linear-gradient(90deg,transparent,var(--dark-accent),transparent)}.active-indicator-track{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s ease}.active-indicator-track.active{opacity:1}.active-indicator-light{position:absolute;top:50%;transform:translateY(-50%);width:80px;height:40px;background:linear-gradient(90deg,transparent,var(--light-accent),transparent);border-radius:50%;filter:blur(15px);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);animation:indicatorPulse 3s infinite}.navbar.dark .active-indicator-light{background:linear-gradient(90deg,transparent,var(--dark-accent),transparent)}.active-indicator-light[data-path="/"]{left:10%}.active-indicator-light[data-path="/about"]{left:25%}.active-indicator-light[data-path="/projects"]{left:40%}.active-indicator-light[data-path="/services"]{left:60%}.active-indicator-light[data-path="/contact"]{left:80%}.active-indicator-light[data-path=menu]{left:90%}.active-indicator-light.active{opacity:.6}.nav-controls{display:flex;align-items:center;z-index:1001}@media(min-width:768px){.nav-controls{display:none}}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;position:relative;transition:var(--transition-quick)}.hamburger-line{display:block;height:2px;width:100%;border-radius:1px;transition:var(--transition-smooth)}.navbar.light .hamburger-line{background:var(--light-text-primary)}.navbar.dark .hamburger-line{background:var(--dark-text-primary)}.hamburger-active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-active .hamburger-line:nth-child(2){opacity:0}.hamburger-active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hamburger-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:radial-gradient(circle at center,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease;pointer-events:none}.hamburger:hover .hamburger-glow{opacity:1}.navbar.dark .hamburger-glow{background:radial-gradient(circle at center,rgba(96,165,250,.2) 0%,transparent 70%)}.hamburger-lighting{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:radial-gradient(circle at center,rgba(59,130,246,.4) 0%,transparent 70%);border-radius:50%;opacity:0;transition:all .3s ease;pointer-events:none}.navbar.dark .hamburger-lighting{background:radial-gradient(circle at center,rgba(96,165,250,.5) 0%,transparent 70%)}.hamburger-lighting.active{opacity:1}.dropdown-content{min-width:220px;border-radius:var(--border-radius);box-shadow:var(--shadow-medium);animation:slideDown .3s ease;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid;z-index:1002}.navbar.light .dropdown-content{background:var(--light-glass);border-color:var(--light-border)}.navbar.dark .dropdown-content{background:var(--dark-glass);border-color:var(--dark-border);box-shadow:0 20px 60px #0006}.dropdown-backdrop{padding:.5rem}.dropdown-item{outline:none}.mobile-nav-link{display:flex;align-items:center;text-decoration:none;padding:.75rem 1rem;border-radius:8px;transition:var(--transition-quick);position:relative;overflow:hidden;margin:2px}.navbar.light .mobile-nav-link{color:var(--light-text-secondary);background:transparent}.navbar.light .mobile-nav-link:hover{color:var(--light-text-primary);background:#3b82f614}.navbar.light .mobile-nav-link.active{color:var(--light-text-primary);background:#3b82f61f}.navbar.dark .mobile-nav-link{color:var(--dark-text-secondary);background:transparent}.navbar.dark .mobile-nav-link:hover{color:var(--dark-text-primary);background:#60a5fa14}.navbar.dark .mobile-nav-link.active{color:var(--dark-text-primary);background:#60a5fa1f}.mobile-link-content{display:flex;align-items:center;gap:.75rem;width:100%}.dropdown-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:var(--transition-quick);color:inherit}.icon-wrapper{display:flex;align-items:center;justify-content:center;color:inherit}.mobile-nav-link:hover .dropdown-icon{transform:translate(3px);color:inherit}.mobile-link-text{font-weight:500;font-size:.95rem;color:inherit}.mobile-link-underline{position:absolute;bottom:0;left:0;width:0;height:1px;transition:var(--transition-quick)}.navbar.light .mobile-link-underline{background:linear-gradient(90deg,var(--light-accent),transparent)}.navbar.dark .mobile-link-underline{background:linear-gradient(90deg,var(--dark-accent),transparent)}.mobile-nav-link.active .mobile-link-underline{width:100%}.mobile-link-lighting{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);opacity:0;transform:scaleX(0);transition:all .3s ease;pointer-events:none}.navbar.dark .mobile-link-lighting{background:linear-gradient(90deg,transparent,rgba(96,165,250,.2),transparent)}.mobile-link-lighting.active{opacity:1;transform:scaleX(1)}.dropdown-arrow{fill:var(--light-glass)}.navbar.dark .dropdown-arrow{fill:var(--dark-glass)}.navigation-viewport{position:absolute;top:100%;left:0;width:100%;perspective:2000px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-item:hover~.navigation-indicator .indicator-glow,.nav-item:hover~.navigation-indicator .indicator-lightning{opacity:1}.nav-item:hover~.navigation-indicator .indicator-lightning{transform:scaleX(1)}.nav-links:hover .navigation-indicator{opacity:1}.nav-item:nth-child(1):hover~.navigation-indicator{transform:translate(0)}.nav-item:nth-child(2):hover~.navigation-indicator{transform:translate(100%)}.nav-item:nth-child(3):hover~.navigation-indicator{transform:translate(200%)}.nav-item:nth-child(4):hover~.navigation-indicator{transform:translate(300%)}.nav-item:nth-child(5):hover~.navigation-indicator{transform:translate(400%)}@media(max-width:768px){.nav-container{padding:0 1.5rem}.navbar{height:var(--navbar-height-mobile)}.navbar.scrolled{height:65px}.logo-text{font-size:1.3rem}}@media(max-width:480px){.nav-container{padding:0 1rem}.dropdown-content{min-width:200px;margin-right:1rem}}@media(prefers-reduced-motion:reduce){:root{--transition-smooth: all .2s ease;--transition-quick: all .1s ease}.hamburger-line{transition:none}.active-indicator-light{animation:none}}:root{--light-bg-primary: rgba(255, 255, 255, .95);--light-bg-secondary: rgba(255, 255, 255, .98);--light-text-primary: #1a1a1a;--light-text-secondary: #666;--light-accent: #FF7043;--light-accent-hover: #D32F2F;--light-border: rgba(0, 0, 0, .1);--light-glass: rgba(255, 255, 255, .95);--light-shadow: 0 4px 20px rgba(0, 0, 0, .1);--dark-bg-primary: rgba(10, 10, 12, .95);--dark-bg-secondary: rgba(10, 10, 12, .98);--dark-text-primary: #ffffff;--dark-text-secondary: #a0a0a0;--dark-accent: #FF7043;--dark-accent-hover: #D32F2F;--dark-border: rgba(255, 255, 255, .1);--dark-glass: rgba(20, 20, 25, .95);--dark-shadow: 0 4px 20px rgba(0, 0, 0, .3)}.footer.theme-light{--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--accent: var(--light-accent);--accent-hover: var(--light-accent-hover);--border: var(--light-border);--glass: var(--light-glass);--shadow: var(--light-shadow)}.footer.theme-dark{--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--accent: var(--dark-accent);--accent-hover: var(--dark-accent-hover);--border: var(--dark-border);--glass: var(--dark-glass);--shadow: var(--dark-shadow)}.footer{background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.footer-cta{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;padding:4rem 0;text-align:center}.cta-container{max-width:600px;margin:0 auto;padding:0 2rem}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.cta-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.cta-button{background:#fff;color:var(--accent);border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.footer-main{padding:4rem 0;background:var(--bg-secondary);border-top:1px solid var(--border)}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.footer-section{display:flex;flex-direction:column}.footer-heading{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);position:relative}.footer-heading:after{content:"";position:absolute;bottom:-.5rem;left:0;width:40px;height:3px;background:var(--accent);border-radius:2px}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;padding:.25rem 0;position:relative}.footer-link:hover{color:var(--accent);transform:translate(5px)}.footer-contact{display:flex;flex-direction:column;gap:1rem}.contact-item{color:var(--text-secondary);display:flex;align-items:flex-start;gap:.75rem;line-height:1.5}.contact-icon{font-size:1.1rem;flex-shrink:0;margin-top:.1rem;display:flex;align-items:center;justify-content:center}.social-links{display:flex;flex-direction:column;gap:.75rem}.social-link{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;padding:.5rem 0;display:flex;align-items:center;gap:.75rem;border-radius:8px}.social-link:hover{color:var(--accent);background:var(--bg-primary);padding:.5rem 1rem;transform:translate(5px)}.social-icon{font-size:1.2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.footer-bottom{background:var(--bg-primary);border-top:1px solid var(--border);padding:2rem 0}.footer-bottom .footer-container{display:flex;justify-content:space-between;align-items:center;gap:2rem}.copyright{color:var(--text-secondary);font-size:.9rem}.footer-legal{display:flex;gap:2rem}.legal-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .3s ease}.legal-link:hover{color:var(--accent)}@media(max-width:768px){.footer-cta{padding:3rem 0}.cta-title{font-size:2rem}.cta-subtitle{font-size:1.1rem}.footer-main{padding:3rem 0}.footer-container{grid-template-columns:1fr;gap:2rem}.footer-bottom .footer-container{flex-direction:column;text-align:center;gap:1rem}.footer-legal{gap:1rem}}@media(max-width:480px){.footer-cta{padding:2rem 0}.cta-title{font-size:1.75rem}.cta-button{padding:.875rem 2rem;font-size:1rem}.footer-main{padding:2rem 0}.footer-container{padding:0 1rem}.social-link,.social-link:hover{padding:.5rem}}.professional-card{padding:1.25rem}.professional-card.size-lg{padding:1.5rem}.card-icon{width:48px;height:48px;font-size:1.25rem}main{padding-top:var(--navbar-height, 80px);min-height:100vh;display:flex;flex-direction:column}@media(max-width:768px){main{padding-top:var(--navbar-height-mobile, 70px)}}