:root{--bg:#0d1117;--bg-surface:#161b22;--bg-elevated:#1c2128;--text:#e6edf3;--text-dim:#7d8590;--text-muted:#484f58;--accent:#00d4ff;--accent-dim:#0099cc;--accent-glow:rgba(0,212,255,0.15);--border:#30363d;--success:#3fb950;--error:#f85149;--warning:#d29922;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;--line-height:1.6;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem}[data-theme=dracula]{--bg:#282a36;--bg-surface:#44475a;--bg-elevated:#383a4a;--text:#f8f8f2;--text-dim:#6272a4;--text-muted:#44475a;--accent:#bd93f9;--accent-dim:#9b6dff;--accent-glow:rgba(189,147,249,0.15);--border:#6272a4;--success:#50fa7b;--error:#ff5555;--warning:#f1fa8c}[data-theme=gruvbox]{--bg:#282828;--bg-surface:#3c3836;--bg-elevated:#504945;--text:#ebdbb2;--text-dim:#a89984;--text-muted:#665c54;--accent:#fe8019;--accent-dim:#d65d0e;--accent-glow:rgba(254,128,25,0.15);--border:#504945;--success:#b8bb26;--error:#fb4934;--warning:#fabd2f}[data-theme=solarized]{--bg:#002b36;--bg-surface:#073642;--bg-elevated:#0a4050;--text:#839496;--text-dim:#657b83;--text-muted:#586e75;--accent:#2aa198;--accent-dim:#268bd2;--accent-glow:rgba(42,161,152,0.15);--border:#586e75;--success:#859900;--error:#dc322f;--warning:#b58900}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-mono);font-size:14px;line-height:var(--line-height);color:var(--text);background-color:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--text);text-decoration:underline}.container{width:min(1000px,calc(100% - 2rem));margin:0 auto;padding:0 var(--spacing-md)}.ascii-box{position:relative;padding:var(--spacing-lg);background:var(--bg-surface);border:1px solid var(--border)}.prompt{color:var(--success)}.prompt:before{content:"> ";color:var(--accent)}.command{color:var(--accent);font-weight:500}.output{color:var(--text-dim);padding-left:var(--spacing-md)}.cursor{display:inline-block;width:.6em;height:1.2em;background:var(--accent);animation:blink 1s infinite;vertical-align:text-bottom;margin-left:2px}@keyframes typing{0%{width:0}to{width:100%}}.typewriter{overflow:hidden;white-space:nowrap;animation:typing 2s steps(40) forwards}.mode-toggle{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:1000;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-surface);border:1px solid var(--border);border-radius:4px}.mode-toggle button{font-family:var(--font-mono);font-size:12px;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid transparent;color:var(--text-dim);cursor:pointer;transition:all .2s ease}.mode-toggle button:hover{color:var(--text)}.mode-toggle button.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.splash-overlay{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999}.splash-content{text-align:center;max-width:500px;padding:var(--spacing-xl)}.splash-content h1{font-size:1.5rem;margin-bottom:var(--spacing-lg);color:var(--accent)}.splash-content p{color:var(--text-dim);margin-bottom:var(--spacing-xl)}.splash-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.splash-buttons button{font-family:var(--font-mono);font-size:14px;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-surface);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:all .2s ease}.splash-buttons button.primary,.splash-buttons button:hover{border-color:var(--accent);color:var(--accent)}.splash-buttons button.primary{background:var(--accent-glow)}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section.visible{opacity:1;transform:translateY(0)}.market-section{margin-top:var(--spacing-md)}.market-status{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.status-dot.live{background:var(--success);box-shadow:0 0 6px var(--success);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.market-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md)}.market-card{padding:var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border);transition:border-color .3s ease}.market-card.up{border-color:var(--success)}.market-card.down{border-color:var(--error)}.market-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.market-symbol{color:var(--text);font-weight:600;font-size:14px}.market-symbol:before{content:"$ ";color:var(--accent)}.market-change{font-size:12px}.market-change.positive{color:var(--success)}.market-change.negative{color:var(--error)}.market-price{font-size:1.25rem;font-weight:500;color:var(--text);transition:color .3s ease;margin-bottom:var(--spacing-xs)}.market-price.up{color:var(--success)}.market-price.down{color:var(--error)}.standard-view{min-height:100vh;padding-top:var(--spacing-3xl)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--spacing-md) 0;background:rgba(13,17,23,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:600;color:var(--text)}.logo:before{content:"> ";color:var(--accent)}.nav-links{display:flex;gap:var(--spacing-lg);list-style:none}.nav-links a{color:var(--text-dim);font-size:13px}.nav-links a:hover{color:var(--accent);text-decoration:none}.nav-links a:before{content:"./";color:var(--text-muted)}.hero{padding:var(--spacing-3xl) 0;min-height:80vh;display:flex;align-items:center}.hero-content{max-width:700px}.hero-ascii{color:var(--accent);font-size:10px;line-height:1.2;margin-bottom:var(--spacing-xl);white-space:pre}.hero-prompt{margin-bottom:var(--spacing-md)}.hero-prompt .path{color:var(--accent)}.hero-prompt .user{color:var(--success)}.hero-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text)}.hero-subtitle{color:var(--text-dim);font-size:1rem}.hero-meta,.hero-subtitle{margin-bottom:var(--spacing-xl)}.hero-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border)}.hero-meta-item{display:flex;gap:var(--spacing-sm)}.hero-meta-item .key{color:var(--accent)}.hero-meta-item .value{color:var(--text-dim)}.hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:13px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:before{content:">";color:var(--accent)}.btn:hover{text-decoration:none}.btn-primary,.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent-glow)}.btn-primary:hover{background:var(--accent);color:var(--bg)}.section{padding:var(--spacing-3xl) 0}.section-header{margin-bottom:var(--spacing-xl)}.section-command{color:var(--text-dim);margin-bottom:var(--spacing-sm);font-size:12px}.section-command:before{content:"$ ";color:var(--accent)}.section-title{font-size:1.25rem;font-weight:600;color:var(--text);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.experience-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.experience-item{padding:var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.experience-timestamp{color:var(--text-muted);font-size:12px}.experience-timestamp:before{content:"["}.experience-timestamp:after{content:"]"}.experience-company{color:var(--accent);font-weight:500}.experience-role{color:var(--success);font-size:13px}.experience-description{color:var(--text-dim);font-size:13px;line-height:1.6;padding-left:var(--spacing-md)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.project-card{padding:var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border);transition:all .2s ease}.project-card:hover{border-color:var(--accent)}.project-card.is-hidden{display:none}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.project-name{color:var(--text);font-weight:500}.project-name:before{content:"/ ";color:var(--accent)}.project-year{color:var(--text-muted);font-size:12px}.project-description{color:var(--text-dim);font-size:13px;margin-bottom:var(--spacing-md);line-height:1.5}.project-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.project-category{font-size:11px;padding:2px 6px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted)}.project-links{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.project-link{font-size:12px;color:var(--accent)}.project-link:before{content:"-> "}.project-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-btn{font-family:var(--font-mono);font-size:12px;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--text-muted);color:var(--text)}.filter-btn.active,.filter-btn.is-active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.contact-content{max-width:500px}.contact-email{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border);margin-bottom:var(--spacing-lg)}.contact-email .label{color:var(--text-muted)}.contact-email .email{color:var(--accent);flex:1 1}.contact-email .copy-btn{font-family:var(--font-mono);font-size:12px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:all .2s ease}.contact-email .copy-btn:hover{border-color:var(--accent);color:var(--accent)}.contact-email .copy-btn.copied{border-color:var(--success);color:var(--success)}.social-links{list-style:none;display:flex;gap:var(--spacing-lg)}.social-links a{color:var(--text-dim);font-size:13px}.social-links a:before{content:"-> ";color:var(--text-muted)}.social-links a:hover{color:var(--accent)}.site-footer{padding:var(--spacing-xl) 0;border-top:1px solid var(--border);margin-top:var(--spacing-3xl)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-copyright{color:var(--text-muted);font-size:12px}.footer-links{display:flex;gap:var(--spacing-md)}.footer-links a{color:var(--text-dim);font-size:12px}.terminal-view{min-height:100vh;padding:var(--spacing-md)}.terminal-container{max-width:900px;margin:0 auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;overflow:hidden;min-height:calc(100vh - 2rem)}.terminal-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.terminal-dots{display:flex;gap:6px}.terminal-dot{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease;padding:0}.terminal-dot:hover{transform:scale(1.2);opacity:.8}.terminal-dot:active{transform:scale(.9)}.terminal-dot.red{background:var(--error)}.terminal-dot.yellow{background:var(--warning)}.terminal-dot.green{background:var(--success)}.terminal-fullscreen{position:fixed;inset:0;padding:0;z-index:9999;background:var(--bg)}.terminal-fullscreen .terminal-container{max-width:none;min-height:100vh;border-radius:0;border:none}.terminal-fullscreen .terminal-body{height:calc(100vh - 40px);overflow-y:auto}.terminal-minimized{min-height:auto!important;height:auto!important}.terminal-minimized .terminal-header{border-bottom:none}.terminal-view:has(.terminal-minimized){min-height:auto}.terminal-title{flex:1 1;text-align:center;color:var(--text-dim);font-size:12px}.terminal-body{padding:var(--spacing-md);min-height:400px}.terminal-output{white-space:pre-wrap;word-wrap:break-word}.terminal-line{margin-bottom:var(--spacing-xs)}.terminal-prompt{color:var(--success)}.terminal-path{color:var(--accent)}.terminal-input-line{display:flex;align-items:center}.terminal-input{flex:1 1;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:14px;color:var(--text);caret-color:var(--accent)}.term-dir{color:var(--accent)}.term-file{color:var(--text)}.term-success{color:var(--success)}.term-error{color:var(--error)}.term-dim{color:var(--text-dim)}.term-accent{color:var(--accent)}.ascii-output-box{margin:var(--spacing-sm) 0;color:var(--text-dim)}@media (max-width:768px){body{font-size:13px}.container{padding:0 var(--spacing-sm)}.hero{min-height:auto;padding:var(--spacing-xl) 0}.hero-ascii{font-size:6px;overflow-x:auto}.nav-links{display:none}.mobile-nav-toggle{display:block}.projects-grid{grid-template-columns:1fr}.market-grid{grid-template-columns:repeat(2,1fr)}.experience-header{flex-direction:column}.mode-toggle{top:auto;bottom:var(--spacing-md);right:var(--spacing-md)}.splash-buttons{flex-direction:column}}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fade-in-section{opacity:1;transform:none}}.stackblitz-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(13,17,23,.95);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .2s ease-out}.stackblitz-container{width:100%;height:100%;max-width:1600px;max-height:900px;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.stackblitz-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg);border-bottom:1px solid var(--border)}.stackblitz-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.stackblitz-title{font-family:var(--font-mono);font-size:.875rem}.stackblitz-close{font-family:var(--font-mono);font-size:.75rem;background:transparent;border:1px solid var(--border);color:var(--text);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border-radius:4px;transition:all .15s ease}.stackblitz-close:hover{border-color:var(--accent);background:rgba(0,212,255,.1)}.stackblitz-body{flex:1 1;position:relative;min-height:0}.stackblitz-iframe-container{width:100%;height:100%}.stackblitz-iframe-container iframe{width:100%;height:100%;border:none}.stackblitz-error,.stackblitz-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-mono);padding:var(--spacing-lg)}.stackblitz-loading .loading-text{line-height:2;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:.5}}.stackblitz-error{color:var(--error);text-align:center}