.navbar-custom{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0;padding:1rem 0;transition:all .3s ease}.dark .navbar-custom{background:rgba(15,23,42,.95);border-bottom-color:#334155}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;white-space:nowrap}.dark .nav-brand,.nav-brand{-webkit-text-fill-color:transparent}.dark .nav-brand{background:linear-gradient(135deg,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text}.nav-links-desktop{display:flex;gap:2rem;align-items:center;margin:0 auto}.nav-link-custom{background:none;border:none;color:#64748b;font-weight:500;font-size:.875rem;cursor:pointer;padding:.5rem 0;position:relative;transition:color .3s ease;white-space:nowrap}.nav-link-custom:hover{color:#1e40af}.dark .nav-link-custom{color:#94a3b8}.dark .nav-link-custom:hover{color:#60a5fa}.nav-link-custom:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#1e40af;transition:width .3s ease}.nav-link-custom.selected{color:#1e40af}.nav-link-custom.selected:after{width:100%;background:#1e40af}.dark .nav-link-custom.selected{color:#60a5fa}.dark .nav-link-custom.selected:after{width:100%;background:#60a5fa}.dark .nav-link-custom:after{background:#60a5fa}.nav-link-custom:hover:after{width:100%}.nav-controls{display:flex;align-items:center;gap:1rem}.theme-toggle-btn{background:none;border:none;padding:.5rem;border-radius:.5rem;cursor:pointer;color:#64748b;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle-btn:hover{background:rgba(0,0,0,.05);color:#1e40af}.dark .theme-toggle-btn:hover{background:rgba(255,255,255,.1);color:#60a5fa}.theme-icon{width:1.25rem;height:1.25rem}.mobile-menu-btn{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:.25rem;width:2rem;height:2rem;justify-content:center;align-items:center;position:relative;z-index:1001}.menu-icon{width:1.5rem;height:2px;background:#64748b;transition:all .3s ease;transform-origin:center}.dark .menu-icon{background:#94a3b8}.mobile-menu-btn.active .menu-icon:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active .menu-icon:nth-child(2){opacity:0}.mobile-menu-btn.active .menu-icon:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{position:fixed;top:64px;left:0;right:0;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;padding:2rem 0;transform:translateY(-20px);opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease;z-index:999}.dark .mobile-menu{background:rgba(15,23,42,.98);border-bottom-color:#334155}.mobile-menu.open{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;gap:0}.mobile-nav-link{background:none;color:#64748b;font-weight:500;font-size:1.1rem;cursor:pointer;padding:1rem 0;text-align:left;transition:all .3s ease;border:none;border-bottom:1px solid #f1f5f9;position:relative;overflow:hidden;width:100%}.mobile-nav-link:hover{color:#1e40af;transform:translateX(8px)}.dark .mobile-nav-link{color:#94a3b8;border-bottom-color:#334155}.dark .mobile-nav-link:hover{color:#60a5fa}.mobile-nav-link:before{content:"";position:absolute;left:-8px;top:0;bottom:0;width:4px;background:#1e40af;transform:scaleY(0);transition:transform .3s ease}.dark .mobile-nav-link:before{background:#60a5fa}.mobile-nav-link:hover:before{transform:scaleY(1)}@media (max-width:768px){.nav-container{padding:0 1rem}.nav-links-desktop{display:none}.mobile-menu-btn{display:flex}.nav-brand{font-size:1.25rem}.navbar-custom{padding:.75rem 0}}@media (min-width:769px) and (max-width:1024px){.nav-container{padding:0 1.5rem}.nav-links-desktop{gap:1.5rem}}@media (min-width:1200px){.nav-container{padding:0}}body.mobile-menu-open{overflow:hidden}section:first-of-type{padding-top:80px}.hero-section{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden;display:flex;align-items:center}.dark .hero-section{background:linear-gradient(135deg,#0f172a,#1e293b)}.hero-content{padding:0 80px}.hero-text{max-width:600px}.availability-badge{display:inline-flex;align-items:center;background:rgba(30,64,175,.1);color:#1e40af;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;margin-bottom:40px;border:1px solid rgba(30,64,175,.2)}.dark .availability-badge{background:rgba(96,165,250,.1);color:#60a5fa;border-color:rgba(96,165,250,.2)}.pulse-dot{width:8px;height:8px;background:#10b981;border-radius:50%;margin-right:8px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(16,185,129,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.hero-name{font-size:4rem;font-weight:700;color:#1e293b;margin-bottom:16px;line-height:1.1}.dark .hero-name{color:#f1f5f9}.hero-title{font-size:1.5rem;font-weight:600;color:#1e40af;margin-bottom:32px}.dark .hero-title{color:#60a5fa}.hero-description{font-size:1.125rem;line-height:1.7;color:#64748b;margin-bottom:48px}.dark .hero-description{color:#94a3b8}.hero-buttons{display:flex;gap:10px;margin-bottom:30px}.btn{padding:16px 32px;border-radius:8px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-view-portfolio{background:#1e40af;color:white;box-shadow:0 4px 14px rgba(30,64,175,.4)}.btn-view-portfolio:hover{background:#ffffff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,64,175,.4);border:2px solid #1e40af}.btn-download-resume{background:#1e40af;color:white;box-shadow:0 4px 14px rgba(30,64,175,.3)}.btn-download-resume:hover{background:#ffffff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,64,175,.4);border:2px solid #1e40af}.btn-get-in-touch{background:transparent;color:#1e40af;border:2px solid #1e40af}.btn-get-in-touch:hover{background:#1e40af;color:white;transform:translateY(-2px)}.dark .btn-get-in-touch{color:#60a5fa;border-color:#60a5fa}.dark .btn-get-in-touch:hover{background:#60a5fa;color:#0f172a}.hero-stats{display:flex;gap:48px;padding-top:32px;border-top:1px solid #e2e8f0}.dark .hero-stats{border-top-color:#334155}.stat-item{text-align:left}.stat-number{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:4px}.dark .stat-number{color:#f1f5f9}.stat-label{font-size:14px;color:#64748b;font-weight:500}.dark .stat-label{color:#94a3b8}.hero-image-side{padding:0;height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.profile-image-container{position:relative;width:400px;height:400px}.profile-image{width:24rem;height:24rem;border-radius:20px;z-index:2;background:#85b1f7;padding:.25rem;border:5px solid #1e40af;box-shadow:0 20px 40px rgba(0,0,0,.1)}.image-placeholder,.profile-image{display:flex;align-items:center;justify-content:center}.image-placeholder{width:200px;height:200px;background:#f1f5f9;border-radius:50%}.profile-icon{width:180px;height:180px;color:#1e40af}.profile-decoration-1{position:absolute;top:-25px;right:-20px;width:60px;height:60px;background:#1e40af;border-radius:16px;z-index:1;opacity:.8}.svg-hover{transition:transform .3s ease}.svg-hover:hover{transform:translateX(4px)}.profile-decoration-2{position:absolute;bottom:-5px;left:-30px;width:60px;height:60px;background:#3b82f6;border-radius:10px;z-index:1;opacity:.6}@media (max-width:992px){.hero-content{padding:40px 20px;text-align:center}.hero-name{font-size:3rem}.hero-buttons,.hero-stats{justify-content:center}.hero-image-side{height:50vh;min-height:400px;order:-1}.profile-image-container{width:300px;height:300px}.profile-image{width:100%;height:100%}.image-placeholder{width:150px;height:150px}.profile-icon{width:60px;height:60px}.hero-image-side{order:1}.hero-content{order:2}}@media (max-width:768px){.hero-name{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:200px}.hero-stats{flex-direction:column;gap:24px}.profile-image-container{width:90vw;max-width:400px;aspect-ratio:1/1;height:auto;margin-top:20%}.profile-image{width:100%;height:100%}}@media (max-width:480px){.profile-image-container{max-width:280px}}.about-section{padding:5rem 0;background-color:#f8f9fa}.dark .about-section{background-color:#0f172a}.dark .about-text{color:#e9e9e9}.professional-card{border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.05);height:100%}.dark .professional-card{color:#e8e8e8}.counter{font-size:2rem;font-weight:700;color:#1e40af}.dark .counter{color:#60a5fa}.counter-label{font-size:.8rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.dark .counter-label{color:#94a3b8}.metrics-divider{color:#e2e8f0;font-weight:300;font-size:1.5rem}.dark .metrics-divider{color:#334155}.metrics-row{padding-bottom:1.5rem;margin-bottom:1.5rem}.dark .metrics-row{border-bottom-color:#334155}.metrics-row:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.quick-facts-item{padding:.75rem 0;border-bottom:1px solid #dee2e6}.dark .quick-facts-item{border-bottom-color:#334155}.quick-facts-item:last-child{border-bottom:none}.quick-facts-label{color:#6c757d;font-weight:500}.dark .quick-facts-label{color:#94a3b8}.quick-facts-value{color:#212529;font-weight:600}.dark .quick-facts-value{color:#f8f9fa}.availability-open{color:#198754!important}.dark .availability-open{color:#75b798!important}.experience-section{padding:5rem 0;background-color:#fff}.dark .experience-section{background-color:#1e293b}.timeline-item{position:relative;padding-left:3rem}.timeline-item:before{content:"";position:absolute;left:0;top:1rem;width:12px;height:12px;background:#1e40af;border-radius:50%;border:3px solid #fff;z-index:2}.dark .timeline-item:before{background:#60a5fa;border-color:#1e293b}.timeline-item:not(:last-child):after{content:"";position:absolute;left:5px;top:2rem;width:2px;height:calc(100% + 2rem);background:#e2e8f0;z-index:1}.dark .timeline-item:not(:last-child):after{background:#334155}.professional-card{background:#fff;border:1px solid #dee2e6;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease;border-radius:.5rem;padding:2.5rem}.dark .professional-card{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px rgba(0,0,0,.3)}.professional-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.15)}.dark .professional-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.4)}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.dark .experience-text{color:#e9e9e9}.job-header{margin-bottom:2rem}.job-title{font-size:1.75rem;font-weight:700;color:#212529;margin-bottom:.75rem}.dark .job-title{color:#f8f9fa}.company-name{font-size:1.125rem;margin-bottom:1rem}.job-period{color:#6c757d;font-weight:500}.dark .job-period{color:#94a3b8}.job-description{color:#6c757d;line-height:1.7;margin-bottom:2rem}.dark .job-description{color:#94a3b8}.job-description p{font-size:1.125rem;margin-bottom:1.5rem}.achievement-list{list-style:none;padding-left:0;margin-bottom:2rem}.achievement-item{display:flex;align-items:flex-start;margin-bottom:.75rem;color:#6c757d}.dark .achievement-item{color:#94a3b8}.achievement-bullet{width:8px;height:8px;background:#1e40af;border-radius:50%;margin-top:.5rem;margin-right:1rem;flex-shrink:0}.dark .achievement-bullet{background:#60a5fa}.skills-container{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.5rem 1rem;background:#e3f2fd;color:#1e40af;font-size:.875rem;font-weight:500;border-radius:.5rem;border:1px solid #bbdefb}.dark .skill-tag{background:#334155;color:#60a5fa;border-color:#475569}.text-slate-light{color:#6c757d}.space-y-16>*+*{margin-top:4rem}.competencies-section{padding:5rem 0;background-color:#f8f9fa}.dark .competencies-section{background-color:#0f172a}.competency-card{background:#fff;border:1px solid #dee2e6;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease;border-radius:.5rem;height:100%}.dark .competency-card{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px rgba(0,0,0,.3)}.competency-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.15)}.dark .competency-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.4)}.icon-container{width:3rem;height:3rem;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:.75rem;display:flex;align-items:center;justify-content:center}.dark .icon-container{background:linear-gradient(135deg,#60a5fa,#93c5fd)}.icon-container svg{width:1.5rem;height:1.5rem;color:white}.tech-badge{padding:.5rem 1rem;background-color:#e3f2fd;color:#1e40af;font-size:.875rem;font-weight:500;border-radius:.5rem;border:none}.dark .tech-badge{background-color:#1e293b;color:#60a5fa;border:1px solid #334155}.awards-section{padding:5rem 0;background-color:#fff}.dark .awards-section{background-color:#1e293b}.award-card{background:#fff;border:1px solid #dee2e6;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease;border-radius:.5rem}.dark .award-card{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px rgba(0,0,0,.3)}.award-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.15)}.dark .award-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.4)}.award-icon-container{width:3rem;height:3rem;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:.75rem;display:flex;align-items:center;justify-content:center}.dark .award-icon-container{background:linear-gradient(135deg,#60a5fa,#93c5fd)}.award-icon-container svg{width:1.5rem;height:1.5rem;color:white}.feature-box{background-color:#e3f2fd;border-radius:.5rem;padding:1.5rem 1rem;text-align:center;height:100%}.dark .feature-box{background-color:#1e293b;border:1px solid #334155}.feature-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.dark .feature-title{color:#f8fafc}.feature-subtitle{font-size:.75rem;color:#64748b}.dark .feature-subtitle{color:#94a3b8}.company-name{color:#1e40af;font-weight:600}.dark .company-name{color:#60a5fa}.award-date{color:#64748b;font-weight:500}.dark .award-date{color:#94a3b8}.skills-section{padding:6rem 0;background-color:#f8f9fa}.dark .skills-section{background-color:#0f172a}.skill-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 2rem;border-radius:.75rem;border:1px solid #dee2e6;text-align:center;transition:all .3s ease;cursor:pointer;background:white}.dark .skill-tab{background:#1e293b;border-color:#334155;color:#f8fafc}.skill-tab.active{border-color:#1e40af;color:#1e40af;font-weight:600;box-shadow:0 1px 3px rgba(30,64,175,.1)}.dark .skill-tab.active{border-color:#60a5fa;color:#60a5fa}.skill-tab:hover{border-color:#1e40af}.dark .skill-tab:hover{border-color:#60a5fa}.skill-bar-container{width:100%;background-color:#e9ecef;border-radius:.75rem;height:.375rem;overflow:hidden}.dark .skill-bar-container{background-color:#334155}.skill-bar-progress{height:100%;border-radius:.75rem;background:linear-gradient(90deg,#1e40af,#3b82f6);transform-origin:left;transform:scaleX(0);animation:fillSkillBar 1.2s ease-out forwards}.dark .skill-bar-progress{background:linear-gradient(90deg,#60a5fa,#93c5fd)}@keyframes fillSkillBar{to{transform:scaleX(1)}}.code-card{background:white;border:1px solid #dee2e6;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1);height:100%}.dark .code-card{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px rgba(0,0,0,.3)}.code-window-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.window-controls{display:flex;gap:.5rem}.window-control{width:.75rem;height:.75rem;border-radius:50%}.window-control.red{background-color:#f87171}.window-control.yellow{background-color:#fbbf24}.window-control.green{background-color:#4ade80}.code-block{background-color:#1f2937;border-radius:.75rem;padding:1.5rem;font-family:Monaco,Consolas,Courier New,monospace;font-size:.875rem;color:#f8fafc;overflow-x:auto;margin-bottom:1.5rem}.dark .code-block{color:#dfdfdf;border:2px solid #dfdfdf;border-radius:.75rem}.code-note{background-color:#e3f2fd;border-radius:.5rem;padding:1rem;font-size:.875rem;color:#374151;line-height:1.5}.dark .code-note{background-color:#1e293b;color:#d1d5db}.section-divider{width:4rem;height:.125rem;margin:0 auto 1rem}.contact-section{padding:8rem 0;background-color:#fff}.dark .contact-section{background-color:#1e293b}.contact-card{background:#fff;border:1px solid #dee2e6;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease;border-radius:.75rem;height:100%}.dark .contact-card{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px rgba(0,0,0,.3)}.contact-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.15)}.dark .contact-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.4)}.contact-icon{width:3rem;height:3rem;background-color:#e3f2fd;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.dark .contact-icon{background-color:#1e293b}.contact-icon svg{width:1.5rem;height:1.5rem;color:#1e40af}.dark .contact-icon svg{color:#60a5fa}.social-links{border-top:1px solid #dee2e6;padding-top:2rem}.dark .social-links{border-top-color:#334155}.social-link{width:3rem;height:3rem;background-color:#1e40af;border-radius:.75rem;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease}.social-link:hover{background-color:#1e3a8a;transform:translateY(-1px)}.social-link svg{width:1.5rem;height:1.5rem;color:white}.contact-form{width:100%}.form-label{display:block;font-size:.875rem;font-weight:700;color:#374151;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.dark .form-label{color:#d1d5db}.form-control-custom{background-color:#fff;border:2px solid #e2e8f0;border-radius:.5rem;padding:1rem;font-size:1rem;transition:all .3s ease;width:100%}.dark .form-control-custom{background-color:#1e293b;border-color:#334155;color:#f8fafc}.form-control-custom:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 3px rgba(30,64,175,.1)}.dark .form-control-custom:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.1)}.btn-submit{background-color:#1e40af;color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 14px rgba(30,64,175,.3);transition:all .3s ease;width:100%}.btn-submit:hover{background-color:#1e3a8a;transform:translateY(-1px);box-shadow:0 6px 20px rgba(30,64,175,.4)}.section-divider{width:60px;height:2px;background:#1e40af;margin:0 auto 3rem}.dark .section-divider{background:#60a5fa}.text-slate-light{color:#64748b}.dark .text-slate-light{color:#94a3b8}.text-primary-blue{color:#1e40af}.dark .text-primary-blue{color:#60a5fa}.contact-item-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.dark .contact-item-title{color:#f8fafc}.contact-item-value{color:#64748b}.dark .contact-item-value{color:#94a3b8}.dark .white-text{color:#dfdfdf}.footer-section{background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:4rem 0}.dark .footer-section{background-color:#0f172a;border-top-color:#334155}.footer-name{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem}.dark .footer-name,.footer-name{-webkit-text-fill-color:transparent}.dark .footer-name{background:linear-gradient(135deg,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text}.footer-copyright{color:#64748b}.dark .footer-copyright{color:#94a3b8}