@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;--font-mono:'SF Mono', 'Fira Code', 'Consolas', monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--transition-fast:150ms ease;--transition-base:200ms ease;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--max-width:960px;--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--bg-card:#ffffff;--bg-card-hover:#fafafa;--text-primary:#171717;--text-secondary:#525252;--text-tertiary:#a3a3a3;--accent:#171717;--accent-hover:#404040;--accent-subtle:#f5f5f5;--border:#e5e5e5;--border-hover:#d4d4d4}@media (prefers-color-scheme:dark){:root{--bg-primary:#0a0a0a;--bg-secondary:#0f0f0f;--bg-tertiary:#171717;--bg-card:#141414;--bg-card-hover:#1a1a1a;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-tertiary:#737373;--accent:#fafafa;--accent-hover:#d4d4d4;--accent-subtle:#262626;--border:#262626;--border-hover:#404040}}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#0f0f0f;--bg-tertiary:#171717;--bg-card:#141414;--bg-card-hover:#1a1a1a;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-tertiary:#737373;--accent:#fafafa;--accent-hover:#d4d4d4;--accent-subtle:#262626;--border:#262626;--border-hover:#404040}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--bg-card:#ffffff;--bg-card-hover:#fafafa;--text-primary:#171717;--text-secondary:#525252;--text-tertiary:#a3a3a3;--accent:#171717;--accent-hover:#404040;--accent-subtle:#f5f5f5;--border:#e5e5e5;--border-hover:#d4d4d4}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;background-color:var(--bg-primary);transition:background-color var(--transition-base),color var(--transition-base)}a{color:inherit;text-decoration:none}.bg-gradient,.bg-grid{display:none}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border)}.nav-inner,main{max-width:var(--max-width);margin:0 auto}.logo,.nav-inner{display:flex;align-items:center}.nav-inner{padding:var(--space-md) var(--space-lg);justify-content:space-between}.logo{gap:var(--space-sm);font-size:var(--text-base);font-weight:600;letter-spacing:-.01em}.logo-icon{width:18px;height:18px}.nav-links{display:flex;gap:var(--space-xl)}.footer-links a,.nav-links a{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.nav-links a:hover,body{color:var(--text-primary)}.lang-toggle,.nav-controls,.theme-toggle{display:flex;align-items:center;gap:var(--space-sm)}.lang-toggle,.theme-toggle{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:0 0;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.lang-toggle:hover,.theme-toggle:hover{border-color:var(--border-hover);color:var(--text-primary)}.lang-option{font-size:var(--text-sm);font-weight:500;opacity:.4;transition:opacity var(--transition-fast)}.lang-option.active{opacity:1}.lang-divider{opacity:.3}.theme-toggle svg{width:16px;height:16px}.icon-sun{display:none}.icon-moon,[data-theme=dark] .icon-sun{display:block}@media (prefers-color-scheme:dark){.icon-sun{display:block}.icon-moon{display:none}}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}main{padding:calc(var(--space-4xl) + var(--space-xl)) var(--space-lg) var(--space-3xl)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;min-height:calc(100vh - var(--space-4xl) - var(--space-xl));padding:0}.badge-dot,.hero-badge{display:none}.hero-greeting{font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.hero-name{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-sm)}.name-highlight{color:var(--text-primary)}.hero-meta,.hero-tagline{margin-bottom:var(--space-lg)}.hero-tagline{font-size:var(--text-lg);color:var(--text-secondary);font-weight:400}.hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.meta-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-tertiary)}.meta-icon{width:14px;height:14px;flex-shrink:0}.hero-description{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-xl);max-width:480px}.hero-cta{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-visual{display:flex;justify-content:center;align-items:center}.terminal{width:100%;max-width:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.terminal-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.terminal-dot{width:10px;height:10px;border-radius:50%;opacity:.8}.terminal-dot.red{background:#ef4444}.terminal-dot.yellow{background:#eab308}.terminal-dot.green{background:#22c55e}.terminal-title{margin-left:auto;font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.terminal-body{padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;height:360px;display:flex;flex-direction:column}.terminal-scroll-area{flex:1;overflow-y:auto;min-height:0}.terminal-scroll-area::-webkit-scrollbar{width:6px}.terminal-scroll-area::-webkit-scrollbar-track{background:var(--bg-tertiary)}.terminal-scroll-area::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}.terminal-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.terminal-output-area{padding-bottom:var(--space-sm)}.terminal-line{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap}.terminal-input-wrapper{position:relative}.terminal-input-line{display:flex;gap:var(--space-sm);align-items:center}.terminal-input{flex:1;background:0 0;border:0;outline:0;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);caret-color:var(--text-primary);min-width:0}.terminal-input::placeholder{color:var(--text-tertiary);opacity:.5}.prompt{color:#22c55e;user-select:none;white-space:nowrap;flex-shrink:0}.command{color:var(--text-primary);word-break:break-all}.terminal-output{color:var(--text-secondary);margin-bottom:var(--space-sm);white-space:pre-wrap;word-break:break-word}.terminal-output.error{color:#ef4444}.terminal-output.success{color:#22c55e}.terminal-output.info{color:#3b82f6}.autocomplete-suggestions{display:none;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-xs)0;margin-top:var(--space-xs)}.autocomplete-suggestions.active{display:flex}.autocomplete-item{padding:2px var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.autocomplete-item.selected,.autocomplete-item:hover{background:var(--accent);color:var(--bg-primary)}.autocomplete-item.dir{color:#3b82f6}.autocomplete-item.dir.selected,.autocomplete-item.dir:hover{background:#3b82f6;color:#fff}.typing{animation:blink 1s infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:0}.btn-icon{width:16px;height:16px;flex-shrink:0}.btn-arrow{transition:transform var(--transition-fast)}.btn:hover .btn-arrow,.contact-card:hover .contact-arrow{transform:translateX(3px)}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:0 0;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.btn-ghost{background:0 0;color:var(--text-secondary);padding:var(--space-sm) var(--space-sm)}.btn-ghost:hover{color:var(--text-primary)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);padding:var(--space-xl)0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:var(--space-3xl)}.stat-card{text-align:center;padding:var(--space-md)}.stat-number{display:block;font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--text-xs);color:var(--text-tertiary)}section{padding:var(--space-3xl)0}.section-header{text-align:left;margin-bottom:var(--space-xl)}.section-badge{display:inline-block;font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.section-title{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-sm)}.section-subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:500px}.skills-container{display:grid;gap:var(--space-xl)}.skill-category{padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg)}.category-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.category-icon{width:18px;height:18px;flex-shrink:0}.category-header h3{font-size:var(--text-base);font-weight:500}.skill-bars,.skill-item{display:flex;flex-direction:column;gap:var(--space-md)}.skill-item{gap:var(--space-xs)}.skill-info{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:var(--text-sm);font-weight:500}.focus-card p,.skill-level{font-size:var(--text-xs);color:var(--text-tertiary)}.skill-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.skill-fill{height:100%;width:var(--fill);background:var(--text-tertiary);border-radius:2px}.tech-grid,.tech-item{display:flex;gap:var(--space-sm)}.tech-grid{flex-wrap:wrap}.tech-item{align-items:center;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-sm)}.tech-icon{width:14px;height:14px}.focus-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.focus-card{padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.focus-card:hover{background:var(--bg-card-hover)}.focus-icon{width:20px;height:20px;display:block;margin-bottom:var(--space-sm)}.category-label h3,.focus-card h4{font-size:var(--text-sm);font-weight:500}.focus-card h4{margin-bottom:var(--space-xs)}.focus-card p{color:var(--text-secondary);line-height:1.5}.project-category{margin-bottom:var(--space-2xl)}.category-label{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.category-emoji{width:16px;height:16px;flex-shrink:0}.category-label h3{color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.project-card{position:relative;padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.project-card:hover{border-color:var(--border-hover)}.project-card.featured{border-color:var(--text-tertiary)}.project-badge{position:absolute;top:calc(-1*var(--space-sm) - 1px);left:var(--space-md);padding:2px var(--space-sm);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.project-header h4{font-size:var(--text-base);font-weight:600}.project-meta{display:flex;align-items:center;gap:var(--space-sm)}.project-stars,.project-tags span,.project-version{font-size:var(--text-xs);color:var(--text-tertiary)}.project-version{color:var(--text-secondary);padding:2px var(--space-sm);background:var(--accent-subtle);border-radius:var(--radius-sm)}.project-desc,.project-tags{margin-bottom:var(--space-md)}.project-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.project-tags span:not(:last-child)::after{content:"·";margin-left:var(--space-xs)}.project-links{display:flex;gap:var(--space-md)}.project-link{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.footer-links a:hover,.project-link:hover{color:var(--text-primary)}.more-projects{text-align:center;padding:var(--space-xl)0}.more-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm);margin-bottom:var(--space-xl)}.mini-project{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.contact-card:hover,.mini-project:hover{border-color:var(--border-hover)}.mini-icon{width:16px;height:16px;flex-shrink:0}.mini-name{font-size:var(--text-sm);font-weight:500}.mini-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:auto}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm)}.contact-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.contact-card.primary{grid-column:span 2}.contact-icon{width:20px;height:20px;flex-shrink:0}.contact-info{flex:1;display:flex;flex-direction:column}.contact-label{font-size:var(--text-xs);color:var(--text-tertiary)}.contact-value{font-size:var(--text-sm);font-weight:500}.contact-arrow{font-size:var(--text-base);color:var(--text-tertiary);transition:transform var(--transition-fast)}.footer{border-top:1px solid var(--border)}.footer-content{max-width:var(--max-width);margin:0 auto;padding:var(--space-xl) var(--space-lg);display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;flex-direction:column;gap:var(--space-xs)}.footer-logo{font-size:var(--text-sm);font-weight:600}.footer-tagline{font-size:var(--text-xs);color:var(--text-tertiary)}.footer-links{display:flex;gap:var(--space-lg)}.footer-bottom{max-width:var(--max-width);margin:0 auto;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border);text-align:center;font-size:var(--text-xs);color:var(--text-tertiary)}@media (max-width:768px){main{padding:calc(var(--space-3xl) + var(--space-lg)) var(--space-md) var(--space-2xl)}.nav-links{display:none}.hero{grid-template-columns:1fr;gap:var(--space-2xl);min-height:auto}.hero-name{font-size:var(--text-3xl)}.hero-meta{flex-direction:column;gap:var(--space-sm)}.stats{grid-template-columns:repeat(2,1fr)}.contact-grid,.focus-cards,.projects-grid{grid-template-columns:1fr}.contact-card.primary{grid-column:span 1}.footer-content{flex-direction:column;gap:var(--space-md);text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.hero-cta{flex-direction:column}.btn{width:100%}.more-projects-grid{grid-template-columns:1fr}.mini-project{flex-direction:column;text-align:center;gap:var(--space-xs)}.mini-desc{margin-left:0}}.hero-content>*{animation:fadeIn .5s ease-out backwards}.hero-intro{animation-delay:.1s}.hero-meta{animation-delay:.15s}.hero-description{animation-delay:.2s}.hero-cta{animation-delay:.25s}.hero-visual{animation:fadeIn .6s ease-out .2s backwards}