:root{--primary-color: #6366f2;--primary-dark: #4f46e5;--primary-light: #a5b4fc;--primary-lighter: #dcd6f7;--secondary-color: #aaf0d1;--secondary-dark: #8ee4c0;--secondary-light: #c7f5e0;--secondary-lighter: #e8faf3;--accent-green: #10b981;--accent-orange: #aaf0d1;--accent-yellow: #fbbf24;--accent-yellow-light: #fde68a;--accent-yellow-dark: #f59e0b;--text-primary: #1e1e2f;--text-secondary: #4b5563;--text-light: #6b7280;--text-lighter: #9ca3af;--background: #ffffff;--background-alt: #f3f4f6;--background-dark: #e5e7eb;--background-darker: #d1d5db;--border: #dcd6f7;--border-light: #f3f4f6;--border-dark: #c7d2fe;--shadow: 0 4px 12px rgba(99, 102, 242, .15);--shadow-lg: 0 8px 25px rgba(99, 102, 242, .2);--shadow-colored: 0 4px 12px rgba(99, 102, 242, .25);--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--secondary-color));--gradient-secondary: linear-gradient(135deg, var(--secondary-color), var(--accent-green));--gradient-warm: linear-gradient(135deg, var(--accent-orange), var(--accent-yellow));--gradient-cool: linear-gradient(135deg, var(--primary-color), var(--accent-green));--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition: all .3s ease;--transition-fast: all .15s ease;--transition-slow: all .5s ease}body{font-family:Helvetica,Arial,sans-serif;line-height:1.6;color:#fff;background-color:var(--background);text-shadow:0 2px 8px rgba(0,0,0,.6)}h1,h2,h3,h4,h5,h6{font-family:Bitcount Single,Helvetica,sans-serif;font-weight:400;letter-spacing:-.02em}.section-title{font-family:Bitcount Single,Helvetica,sans-serif;font-weight:400;letter-spacing:-.03em}.hero-title{font-family:Bitcount Single,Helvetica,sans-serif;font-weight:400;letter-spacing:-.04em}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.page-container{min-height:calc(100vh - 150px);padding-top:70px;background:var(--gradient-primary);position:relative;overflow:hidden;will-change:transform,opacity,filter}.page-transition{width:100%;height:100%}.enhanced-page-transition,.simple-page-transition{width:100%;min-height:100%;position:relative}.page-content-container{width:100%;height:100%}.page-content-item{width:100%}.page-content-item:nth-child(1){animation-delay:.1s}.page-content-item:nth-child(2){animation-delay:.2s}.page-content-item:nth-child(3){animation-delay:.3s}.page-content-item:nth-child(4){animation-delay:.4s}.page-content-item:nth-child(5){animation-delay:.5s}.page-container{transform-origin:center;backface-visibility:hidden;perspective:1000px}html{scroll-behavior:smooth}.page-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease}.page-loading.active{opacity:1;pointer-events:all}.page-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f21a,#aaf0d11a);z-index:999;pointer-events:none;opacity:0;transition:opacity .4s ease}.page-overlay.active{opacity:1}.navigation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f2f2,#aaf0d1f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center}.navigation-progress{width:300px;max-width:90vw;text-align:center}.progress-bar{width:100%;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden;margin-bottom:1rem;position:relative}.progress-bar:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{color:#fff;font-family:Bitcount Single,Helvetica,sans-serif;font-size:1.1rem;text-shadow:0 2px 8px rgba(0,0,0,.6)}.page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,242,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(170,240,209,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.page-container>*{position:relative;z-index:1}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);transition:var(--transition);box-shadow:var(--shadow)}.navigation.scrolled{background:#fffffffa;box-shadow:var(--shadow)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:70px}.nav-logo h2{font-size:1.5rem;font-weight:400;color:var(--primary-color);cursor:pointer;font-family:Bitcount Single,Helvetica,sans-serif}.nav-links{display:flex;gap:2rem}.nav-link{background:none;border:none;font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:var(--transition);padding:.5rem 1rem;border-radius:var(--radius);text-decoration:none;display:block;font-family:Bitcount Single,Helvetica,sans-serif}.nav-link:hover,.nav-link.active{color:var(--primary-color);background:#6366f21a}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary)}.mobile-menu{display:none;background:var(--background);border-top:1px solid var(--border);padding:1rem 2rem}.mobile-menu.open{display:block}.mobile-nav-link{display:block;width:100%;background:none;border:none;font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;padding:.75rem 0;text-align:left;transition:var(--transition);text-decoration:none;font-family:Bitcount Single,Helvetica,sans-serif}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--primary-color)}.hero-section{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:0 0 80px;background:var(--gradient-primary);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,242,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(170,240,209,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.2) 0%,transparent 50%);pointer-events:none}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-title{font-size:3.5rem;font-weight:400;line-height:1.1;margin-bottom:1rem;color:#fff;text-shadow:0 2px 8px rgba(99,102,242,.3)}.highlight{color:var(--secondary-color);text-shadow:0 2px 8px rgba(170,240,209,.4)}.hero-subtitle{font-size:1.5rem;font-weight:400;color:#fff;margin-bottom:1.5rem;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 8px rgba(99,102,242,.4)}.hero-description{font-size:1.125rem;color:#fff;margin-bottom:2rem;line-height:1.7;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3)}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-start;align-items:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition);white-space:nowrap;min-width:fit-content;box-shadow:var(--shadow)}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-colored)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#ffffffe6;color:var(--primary-color);border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-avatar{width:300px;height:300px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);border:6px solid rgba(255,255,255,.3);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-avatar:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;background:var(--gradient-cool);z-index:-1;opacity:.3}.avatar-placeholder{color:#fff;font-size:4rem;font-weight:400;text-shadow:0 2px 8px rgba(99,102,242,.3)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.scroll-indicator:hover{color:var(--primary-color)}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:400;color:#fff;margin-bottom:1rem;letter-spacing:-.03em;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 8px rgba(99,102,242,.4)}.section-subtitle{font-size:1.125rem;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3)}.about-section{padding:100px 0;background:transparent}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:4rem}.about-text h3{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 8px rgba(99,102,242,.4)}.about-text p{font-size:1.125rem;color:#fff;margin-bottom:1.5rem;line-height:1.7;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3)}.about-image{display:flex;justify-content:center;align-items:center}.image-placeholder{width:300px;height:300px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:#0006;padding:2rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);text-align:center;transition:var(--transition);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.feature-icon{width:70px;height:70px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;box-shadow:var(--shadow)}.feature-card:nth-child(1) .feature-icon{background:var(--gradient-primary)}.feature-card:nth-child(2) .feature-icon{background:var(--gradient-secondary)}.feature-card:nth-child(3) .feature-icon{background:var(--gradient-warm)}.feature-card:nth-child(4) .feature-icon{background:var(--gradient-cool)}.feature-card h4{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 8px rgba(99,102,242,.4)}.feature-card p{color:#fff;line-height:1.6;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3)}.skills-section{padding:100px 0;background:transparent}.skills-content{margin-bottom:4rem}.skills-grid-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.skill-category{background:#0000004d;padding:1.5rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1rem;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 8px rgba(99,102,242,.4);border-bottom:2px solid rgba(127,255,212,.3);padding-bottom:.5rem}.skills-list{display:flex;flex-direction:column;gap:.75rem}.skill-item{background:#ffffff0d;padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-name{font-weight:600;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3)}.skill-level{font-size:.875rem;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3)}.skill-bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.skill-progress{height:100%;background:#7fffd4;border-radius:4px;transition:width 1s ease;box-shadow:0 0 10px #7fffd499,0 0 20px #7fffd466,0 0 30px #7fffd433,inset 0 0 10px #ffffff4d}.skill-category:nth-child(1) .skill-progress{background:#7fffd4;box-shadow:0 0 10px #7fffd499,0 0 20px #7fffd466,0 0 30px #7fffd433,inset 0 0 10px #ffffff4d}.skill-category:nth-child(2) .skill-progress{background:#7fffd4;box-shadow:0 0 10px #7fffd499,0 0 20px #7fffd466,0 0 30px #7fffd433,inset 0 0 10px #ffffff4d}.skill-category:nth-child(3) .skill-progress{background:#7fffd4;box-shadow:0 0 10px #7fffd499,0 0 20px #7fffd466,0 0 30px #7fffd433,inset 0 0 10px #ffffff4d}.skills-summary h3{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:2rem;text-align:center;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 8px rgba(99,102,242,.4)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.summary-item{background:#0006;padding:2rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.2);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-item h4{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1rem;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 8px rgba(99,102,242,.4)}.summary-item p{color:#fff;line-height:1.6;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3)}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#7fffd4e6;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #7fffd44d,0 0 30px #7fffd433,inset 0 0 10px #fff3;transition:all .3s ease}.scroll-to-top:hover{background:#7fffd4;box-shadow:0 6px 25px #7fffd466,0 0 40px #7fffd44d,inset 0 0 15px #ffffff4d;transform:translateY(-2px)}.scroll-to-top:active{transform:translateY(0)}.scroll-to-top svg{width:20px;height:20px;transition:transform .3s ease}.scroll-to-top:hover svg{transform:translateY(-2px)}.services{padding:100px 0;background:transparent}.services-header{text-align:center;margin-bottom:4rem}.services-header h1{font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 8px rgba(99,102,242,.4);font-family:Bitcount Single,Helvetica,sans-serif;margin-bottom:1rem}.services-header p{color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3);opacity:.9;font-size:1.25rem}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem}.service-card{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;height:100%}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #6366f24d;border-color:#6366f24d}.service-icon{display:flex;justify-content:center;margin-bottom:2rem}.service-icon img{width:60px;height:60px;object-fit:contain}.icon-placeholder{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.service-card h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 8px rgba(99,102,242,.4);font-family:Bitcount Single,Helvetica,sans-serif;line-height:1.2}.service-card p{color:#fff;line-height:1.6;margin-bottom:1.5rem;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3);font-size:1rem}.service-link{display:inline-block;padding:.5rem 1rem;color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .3s ease;border:1px solid transparent}.service-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f24d}.services-cta{text-align:center;background:#fffc;padding:3rem;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.services-cta h3{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-shadow:none}.services-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;text-shadow:none}.projects-section{padding:100px 0;background:transparent}.project-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:transparent;border:2px solid var(--border);color:var(--text-secondary);padding:.5rem 1.5rem;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:var(--transition)}.filter-btn.active,.filter-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.project-card{background:var(--background);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:var(--transition);position:relative}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.project-image{position:relative;height:200px;overflow:hidden}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.125rem}.featured-badge{position:absolute;top:1rem;right:1rem;background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;box-shadow:var(--shadow)}.project-card[data-category=frontend] .featured-badge{background:var(--gradient-primary)}.project-card[data-category=backend] .featured-badge{background:var(--gradient-secondary)}.project-card[data-category=fullstack] .featured-badge{background:var(--gradient-warm)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link{width:50px;height:50px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:var(--transition)}.project-link:hover{background:var(--primary-dark);transform:scale(1.1)}.project-content{padding:1.5rem}.project-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 8px rgba(99,102,242,.4)}.project-description{color:#fff;margin-bottom:1rem;line-height:1.6;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3)}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:var(--background-alt);color:var(--text-secondary);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;transition:var(--transition)}.tech-tag:nth-child(4n+1){background:var(--primary-lighter);color:var(--primary-dark)}.tech-tag:nth-child(4n+2){background:var(--secondary-lighter);color:var(--secondary-dark)}.tech-tag:nth-child(4n+3){background:#10b9811a;color:var(--accent-green)}.tech-tag:nth-child(4n+4){background:#aaf0d11a;color:#7bc4b2}.projects-placeholder{text-align:center;background:#0006;padding:4rem 2rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.placeholder-content{max-width:600px;margin:0 auto}.placeholder-icon{font-size:4rem;margin-bottom:1.5rem;display:block;color:var(--primary-color);filter:drop-shadow(0 4px 8px rgba(99,102,242,.3))}.placeholder-content h3{font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:1rem;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 8px rgba(99,102,242,.4)}.placeholder-content p{font-size:1.125rem;color:#fff;line-height:1.6;margin-bottom:2rem;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3)}.placeholder-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.feature{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:500;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3)}.feature-icon{font-size:1.25rem}.projects-cta{text-align:center}.projects-cta p{font-size:1.125rem;color:#fff;margin-bottom:1.5rem;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3)}.experience-section{padding:100px 0;background:transparent}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--border);transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:3rem;display:flex;align-items:center}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-marker{position:absolute;left:50%;top:0;width:50px;height:50px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transform:translate(-50%);z-index:2;box-shadow:var(--shadow)}.timeline-item.work .timeline-marker{background:var(--gradient-primary)}.timeline-item.education .timeline-marker{background:var(--gradient-secondary)}.timeline-content{width:45%;background:#0006;padding:2rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline-item:nth-child(odd) .timeline-content{margin-right:55%}.timeline-item:nth-child(2n) .timeline-content{margin-left:55%}.timeline-header{margin-bottom:1rem}.timeline-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 6px rgba(99,102,242,.2)}.timeline-company{font-size:1rem;font-weight:500;color:var(--secondary-color);display:block;margin-bottom:.5rem;text-shadow:0 1px 4px rgba(170,240,209,.3)}.timeline-details{display:flex;gap:1rem;font-size:.875rem;color:#ffffffe6;text-shadow:0 1px 4px rgba(99,102,242,.1)}.timeline-location,.timeline-period{display:flex;align-items:center;gap:.25rem}.timeline-description{color:#ffffffe6;margin-bottom:1rem;line-height:1.6;text-shadow:0 1px 4px rgba(99,102,242,.1)}.timeline-achievements{list-style:none}.timeline-achievements li{color:#ffffffe6;margin-bottom:.5rem;padding-left:1rem;position:relative;text-shadow:0 1px 4px rgba(99,102,242,.1)}.timeline-achievements li:before{content:"•";color:var(--primary-color);position:absolute;left:0;font-weight:700}.experience-cta{text-align:center;margin-top:4rem}.experience-cta h3{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 6px rgba(99,102,242,.2)}.experience-cta p{font-size:1.125rem;color:#ffffffe6;margin-bottom:2rem;text-shadow:0 1px 4px rgba(99,102,242,.1)}.contact-section{padding:100px 0;background:transparent}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info h3{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 8px rgba(99,102,242,.4)}.contact-info p{font-size:1.125rem;color:#fff;margin-bottom:2rem;line-height:1.7;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3)}.contact-details{margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--radius);text-decoration:none;color:#fff;transition:var(--transition);margin-bottom:1rem;text-shadow:0 1px 4px rgba(99,102,242,.1)}.contact-item:hover{background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-icon{width:50px;height:50px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.contact-text h4{font-weight:600;margin-bottom:.25rem}.contact-text span{color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.7),0 1px 4px rgba(99,102,242,.3)}.social-links h4{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1rem;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 8px rgba(99,102,242,.4)}.social-icons{display:flex;gap:1rem}.social-icon{width:50px;height:50px;background:var(--background-alt);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.social-icon:hover{background:#0006!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.contact-form{background:#0006;padding:2rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;transition:var(--transition);background:var(--background)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.submit-btn{width:100%;justify-content:center}.app-footer{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-light);color:var(--text-primary);text-align:center;padding:2rem;box-shadow:var(--shadow)}.app-footer p{color:var(--text-primary);font-weight:500;font-family:Bitcount Single,Helvetica,sans-serif}@media (max-width: 1024px){.services-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-btn{display:block}.hero-container{grid-template-columns:1fr;text-align:center;gap:2rem;padding:0 1.5rem}.hero-title{font-size:2.5rem}.hero-avatar{width:250px;height:250px}.avatar-placeholder{font-size:3rem}.hero-buttons{justify-content:center;gap:.75rem;flex-wrap:wrap}.btn{min-width:140px}.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.timeline:before{left:20px}.timeline-item{flex-direction:row!important}.timeline-marker{left:20px;transform:none}.timeline-content{width:calc(100% - 70px);margin-left:70px!important;margin-right:0!important}.projects-grid,.features-grid,.summary-grid{grid-template-columns:1fr}.skills-grid-categories{grid-template-columns:1fr;gap:1.5rem}.services-grid{grid-template-columns:1fr}.services-header h1{font-size:2.5rem}.services-header p{font-size:1.1rem}.placeholder-features{flex-direction:column;gap:1rem}.projects-placeholder{padding:3rem 1.5rem}.scroll-to-top{bottom:20px;right:20px;width:45px;height:45px}.container{padding:0 1rem}.section-title{font-size:2rem}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-buttons{flex-direction:column;align-items:center;gap:1rem;width:100%}.btn{width:100%;max-width:280px;justify-content:center;padding:.875rem 1.5rem;font-size:1rem}.project-filters{flex-direction:column;align-items:center}.filter-btn{width:100%;max-width:200px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#6366f2,#aaf0d1);min-height:100vh;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}