.theme-toggle{width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--border-radius-sm);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle:hover{background-color:var(--color-surface);color:var(--color-accent);transform:rotate(15deg)}.theme-toggle svg{transition:transform var(--transition-base)}@media (width<=768px){.theme-toggle{width:36px;height:36px}}.header{z-index:999;padding:var(--space-lg) 0;background-color:#0000;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}[data-theme=dark] .header:not(.scrolled){background:linear-gradient(#0006 0%,#0000 100%)}[data-theme=light] .header:not(.scrolled){background:linear-gradient(#fff6 0%,#fff0 100%)}[data-theme=dark] .header.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);background-color:#000000bf;box-shadow:0 1px #ffffff0d,0 4px 12px #0000004d}[data-theme=light] .header.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);background-color:#ffffffbf;box-shadow:0 1px #0000000d,0 4px 12px #00000014}.header.scrolled{padding:var(--space-md) 0}.header-container{max-width:var(--max-width);padding:0 var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header-logo{color:var(--color-text-primary);letter-spacing:-.02em;transition:color var(--transition-fast);font-size:1.25rem;font-weight:700;text-decoration:none}.header-logo:hover{color:var(--color-accent)}.header-right{align-items:center;gap:var(--space-lg);display:flex}.header-nav{gap:var(--space-xl);align-items:center;display:flex}.nav-link{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.9375rem;font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.nav-link:hover{color:var(--color-text-primary)}.nav-link:hover:after{width:100%}.mobile-menu-button{cursor:pointer;z-index:1001;background:0 0;border:none;padding:.5rem;display:none}.hamburger{flex-direction:column;gap:5px;width:24px;display:flex}.hamburger span{background-color:var(--color-text-primary);width:100%;height:2px;transition:all var(--transition-fast);display:block}.hamburger.open span:first-child{transform:rotate(45deg)translateY(7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translateY(-7px)}.mobile-nav{background-color:var(--color-background);border-top:1px solid var(--color-border);padding:var(--space-md) 0;flex-direction:column;display:none}.mobile-nav-link{padding:var(--space-md) var(--space-lg);color:var(--color-text-secondary);transition:all var(--transition-fast);border-left:3px solid #0000;font-weight:500;text-decoration:none}.mobile-nav-link:hover{color:var(--color-text-primary);background-color:var(--color-surface);border-left-color:var(--color-accent)}.mobile-theme-toggle{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);margin-top:var(--space-sm);justify-content:center;display:flex}@media (width<=768px){.desktop-nav{display:none}.header-right{gap:var(--space-md)}.header-right>.theme-toggle{display:flex}.mobile-menu-button{display:block}.mobile-nav{display:flex}.mobile-theme-toggle{display:none}.header.scrolled{padding:var(--space-sm) 0}}.hero{min-height:100vh;padding:var(--space-4xl) 0;justify-content:center;align-items:center;display:flex;position:relative}.hero-content{max-width:900px}.hero-greeting{color:var(--color-accent);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:500}.hero-name{margin-bottom:var(--space-md);letter-spacing:-.03em;color:var(--color-text-primary);font-size:4rem;font-weight:700;line-height:1.1}.hero-headline{margin-bottom:var(--space-sm);letter-spacing:-.02em;color:var(--color-text-secondary);font-size:2.5rem;font-weight:600;line-height:1.2}.hero-subtitle{color:var(--color-text-tertiary);margin-bottom:var(--space-lg);font-size:1.125rem;font-weight:400}.hero-summary{color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:700px;font-size:1.0625rem;line-height:1.7}.hero-cta{gap:var(--space-md);flex-wrap:wrap;display:flex}.btn{border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-sans);border:2px solid #0000;justify-content:center;align-items:center;padding:.875rem 1.75rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background-color:var(--color-accent-hover);color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.btn-secondary{color:var(--color-text-primary);border-color:var(--color-border);background-color:#0000}.btn-secondary:hover{background-color:var(--color-surface);border-color:var(--color-accent);transform:translateY(-2px)}@media (width<=768px){.hero{min-height:90vh;padding:var(--space-3xl) 0}.hero-name{font-size:2.5rem}.hero-headline{font-size:1.75rem}.hero-subtitle,.hero-summary{font-size:1rem}.hero-cta{flex-direction:column}.btn{width:100%}}@media (width<=480px){.hero-name{font-size:2rem}.hero-headline{font-size:1.5rem}}.highlights{padding:var(--space-4xl) 0;background-color:var(--color-surface)}.highlights-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:1000px;margin:0 auto;display:grid}.highlight-card{text-align:center;padding:var(--space-xl);background-color:var(--color-background);border-radius:var(--border-radius);border:1px solid var(--color-border);cursor:default;transition:all .3s}.highlight-card:hover{border-color:var(--color-accent);box-shadow:0 10px 30px #0000001a}.highlight-number{color:var(--color-accent);margin-bottom:var(--space-sm);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:700;line-height:1}.highlight-label{color:var(--color-text-primary);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.highlight-subtext{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}@media (width<=768px){.highlights{padding:var(--space-3xl) 0}.highlights-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.highlight-card{padding:var(--space-lg)}.highlight-number{font-size:2.5rem}.highlight-label{font-size:1rem}}@media (width<=480px){.highlights-grid{grid-template-columns:1fr}}.expertise{padding:var(--space-4xl) 0}.section-title{text-align:center;margin-bottom:var(--space-md);color:var(--color-text-primary);letter-spacing:-.02em;font-size:2.5rem;font-weight:700}.section-description{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-2xl);max-width:700px;margin-left:auto;margin-right:auto;font-size:1.125rem}.expertise-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.expertise-card{padding:var(--space-xl);background-color:var(--color-surface);border-radius:var(--border-radius);border:1px solid var(--color-border);cursor:default;transition:all .3s}.expertise-card:hover{border-color:var(--color-accent);box-shadow:0 10px 40px #00000014}.expertise-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.expertise-icon{font-size:2rem}.expertise-level{text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);border-radius:var(--border-radius-sm);background-color:#3b82f61a;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.expertise-title{margin-bottom:var(--space-sm);color:var(--color-text-primary);font-size:1.375rem;font-weight:600;line-height:1.3}.expertise-description{color:var(--color-text-secondary);margin:0;font-size:.9375rem;line-height:1.6}@media (width<=768px){.expertise{padding:var(--space-3xl) 0}.section-title{font-size:2rem}.section-description{font-size:1rem}.expertise-grid{gap:var(--space-md);grid-template-columns:1fr}.expertise-card{padding:var(--space-lg)}}.migrations{padding:var(--space-4xl) 0;background-color:var(--color-surface)}.migrations-tabs{gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-sm) 0;display:flex;overflow-x:auto}.migration-tab{min-width:200px;padding:var(--space-md) var(--space-lg);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;text-align:left;font-family:var(--font-sans);flex:1;transition:all .3s}.migration-tab:hover{border-color:var(--color-accent);transform:translateY(-2px)}.migration-tab.active{background-color:var(--color-accent);border-color:var(--color-accent)}.migration-tab.active .migration-tab-title,.migration-tab.active .migration-tab-timeline{color:#fff}.migration-tab-title{color:var(--color-text-primary);margin-bottom:.25rem;font-size:.9375rem;font-weight:600;transition:color .3s;display:block}.migration-tab-timeline{color:var(--color-text-tertiary);font-size:.8125rem;transition:color .3s;display:block}.migration-content{background-color:var(--color-background);padding:var(--space-xl);border-radius:var(--border-radius);border:1px solid var(--color-border)}.migration-meta{gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.migration-meta-item{flex-direction:column;gap:.375rem;display:flex}.meta-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-size:.75rem;font-weight:600}.meta-value{color:var(--color-text-primary);font-size:1rem;font-weight:600}.migration-section{margin-bottom:var(--space-lg)}.migration-section-title{color:var(--color-text-primary);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600}.migration-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.migration-list li{color:var(--color-text-secondary);padding-left:1.5rem;line-height:1.6;position:relative}.migration-list li:before{content:"→";color:var(--color-accent);font-weight:600;position:absolute;left:0}.migration-impact{padding:var(--space-md);border-radius:var(--border-radius);border-left:3px solid var(--color-accent);margin-bottom:var(--space-md);background-color:#3b82f60d}.impact-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:.375rem;font-size:.75rem;font-weight:600}.impact-text{color:var(--color-text-primary);font-size:1rem;font-weight:600;line-height:1.5}.migration-tech{gap:var(--space-xs);flex-wrap:wrap;display:flex}@media (width<=768px){.migrations{padding:var(--space-3xl) 0}.migrations-tabs{flex-direction:column}.migration-tab{min-width:unset}.migration-content{padding:var(--space-lg)}}.engineering-depth{background-color:var(--color-surface);padding:var(--space-3xl) 0}.depth-section{margin-bottom:var(--space-2xl)}.depth-section:last-child{margin-bottom:0}.depth-section-title{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);font-size:.875rem;font-weight:600}.depth-list{gap:var(--space-lg);flex-direction:column;display:flex}.depth-item{padding-left:var(--space-md);border-left:2px solid var(--color-border)}.depth-item-header{justify-content:space-between;align-items:baseline;gap:var(--space-md);flex-wrap:wrap;margin-bottom:.375rem;display:flex}.depth-item-title{color:var(--color-text-primary);font-size:1rem;font-weight:600}.depth-impact{color:var(--color-accent);white-space:nowrap;font-size:.8125rem;font-weight:500}.depth-description{color:var(--color-text-secondary);margin:0;font-size:.9375rem;line-height:1.6}@media (width<=768px){.depth-item-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.projects{padding:var(--space-4xl) 0;background-color:var(--color-surface)}.projects-grid{gap:var(--space-xl);display:grid}.project-card{padding:var(--space-xl);background-color:var(--color-background);border-radius:var(--border-radius);border:1px solid var(--color-border);cursor:default;transition:all .3s}.project-card:hover{border-color:var(--color-accent);box-shadow:0 10px 40px #00000014}.project-name{color:var(--color-text-primary);margin-bottom:var(--space-sm);letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.project-description{color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:1rem;line-height:1.6}.project-details{gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.project-detail{flex-direction:column;gap:.375rem;display:flex}.detail-label{color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.detail-text{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6}.project-tech{gap:var(--space-xs);flex-wrap:wrap;display:flex}.tech-badge{background-color:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--border-radius-sm);font-size:.8125rem;font-weight:500;font-family:var(--font-mono);padding:.375rem .75rem}@media (width<=768px){.projects{padding:var(--space-3xl) 0}.project-card{padding:var(--space-lg)}.project-name{font-size:1.25rem}}.skills{padding:var(--space-4xl) 0}.skills-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.skill-category{gap:var(--space-md);padding:var(--space-lg);background-color:var(--color-surface);border-radius:var(--border-radius);border:1px solid var(--color-border);flex-direction:column;transition:all .3s;display:flex}.skill-category:hover{border-color:var(--color-accent);box-shadow:0 5px 20px #0000000d}.skill-category-name{color:var(--color-text-primary);margin-bottom:var(--space-xs);font-size:1rem;font-weight:600}.skill-tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.skill-tag{background-color:var(--color-background);color:var(--color-text-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-subtle);padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s}.skill-tag:hover{background-color:var(--color-surface-elevated);border-color:var(--color-accent);color:var(--color-text-primary)}@media (width<=768px){.skills{padding:var(--space-3xl) 0}.skills-grid{gap:var(--space-md);grid-template-columns:1fr}.skill-category{padding:var(--space-md)}}.contact{padding:var(--space-4xl) 0;background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-background) 100%)}.contact-content{text-align:center;max-width:700px;margin:0 auto}.contact-title{color:var(--color-text-primary);margin-bottom:var(--space-md);letter-spacing:-.02em;font-size:2.5rem;font-weight:700}.contact-text{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:1.125rem;line-height:1.7}.contact-actions{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.btn-large{padding:1rem 2rem;font-size:1.0625rem}@media (width<=768px){.contact{padding:var(--space-3xl) 0}.contact-title{font-size:2rem}.contact-text{font-size:1rem}}@media (width<=480px){.contact-title{font-size:1.75rem}.contact-actions{flex-direction:column}.btn-large{width:100%}}.footer{padding:var(--space-xl) 0;border-top:1px solid var(--color-border)}.footer-text{color:var(--color-text-tertiary);text-align:center;margin:0;font-size:.875rem}.app{flex-direction:column;min-height:100vh;display:flex;position:relative}html{scroll-behavior:smooth}::selection{background-color:var(--color-accent);color:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-text-primary:#fff;--color-text-secondary:#a8a8a8;--color-text-tertiary:#707070;--color-accent:#4a9eff;--color-accent-hover:#3b82f6;--color-background:#000;--color-surface:#0d0d0d;--color-surface-elevated:#1a1a1a;--color-border:#252525;--color-border-subtle:#111;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-mono:"SF Mono", "Monaco", "Inconsolata", "Fira Code", "Courier New", monospace;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:8rem;--max-width:1200px;--max-width-narrow:900px;--border-radius:8px;--border-radius-sm:4px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-background:#fff;--color-surface:#f8fafc;--color-surface-elevated:#fff;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-background);transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600;line-height:1.2}h1{margin-bottom:var(--space-md);font-size:2.5rem}h2{margin-bottom:var(--space-md);font-size:1.875rem}h3{margin-bottom:var(--space-sm);font-size:1.5rem}h4{margin-bottom:var(--space-sm);font-size:1.25rem}p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-hover)}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-3xl) 0}.section-title{margin-bottom:var(--space-xl);color:var(--color-text-primary);letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.separator{color:var(--color-border);margin:0 .25rem}@media (width<=768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.section{padding:var(--space-2xl) 0}}@media (width<=480px){html{font-size:15px}h1{font-size:1.75rem}.container{padding:0 var(--space-sm)}}