*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-hover: #222222;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-muted: #666666;--text-dim: #444444;--accent: #00ff41;--accent-dim: #00cc33;--accent-glow: rgba(0, 255, 65, .3);--dot-red: #ff5f56;--dot-yellow: #ffbd2e;--dot-green: #27c93f;--border: #333333;--border-dim: #222222;--border-accent: #00ff41;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--max-width: 1200px;--nav-height: 64px}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent);color:var(--bg-primary)}.terminal-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.terminal-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);max-width:var(--max-width);margin:0 auto}.terminal-dots{display:flex;gap:var(--space-sm)}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:var(--dot-red)}.dot.yellow{background:var(--dot-yellow)}.dot.green{background:var(--dot-green)}.terminal-title{font-size:.85rem;color:var(--text-muted)}.terminal-meta{display:flex;align-items:center;gap:var(--space-sm)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--dot-green);animation:pulse 2s ease-in-out infinite}.status-text{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav{position:fixed;top:33px;left:0;right:0;z-index:999;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);max-width:var(--max-width);margin:0 auto}.nav-logo{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;color:var(--text-primary);font-weight:600;font-size:1.1rem}.nav-logo .prompt{color:var(--accent)}.nav-logo .logo-text{color:var(--text-primary)}.nav-links{display:flex;list-style:none;gap:var(--space-xl)}.nav-link{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;color:var(--text-secondary);font-size:.85rem;transition:color var(--transition-fast)}.nav-link:hover{color:var(--accent)}.nav-num{color:var(--text-dim);font-size:.75rem}.nav-link:hover .nav-num{color:var(--accent-dim)}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);transition:var(--transition-fast)}main{padding-top:calc(33px + var(--nav-height))}.section{padding:var(--space-4xl) var(--space-xl);max-width:var(--max-width);margin:0 auto;border-bottom:1px solid var(--border-dim)}.section:last-of-type{border-bottom:none}.section-header{margin-bottom:var(--space-3xl)}.section-num{display:block;font-size:.75rem;color:var(--accent);margin-bottom:var(--space-sm);font-family:var(--font-mono)}.section-title{font-family:var(--font-mono);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.section-desc{font-size:.95rem;color:var(--text-secondary);font-family:var(--font-sans)}.hero{min-height:calc(100vh - 97px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4xl);padding:var(--space-4xl);max-width:var(--max-width);margin:0 auto}.hero-content{flex:1}.hero-prompt{font-family:var(--font-mono);font-size:.9rem;margin-bottom:var(--space-lg)}.prompt-user{color:var(--accent)}.prompt-separator,.prompt-path{color:var(--text-muted)}.prompt-symbol{color:var(--text-primary);margin-left:var(--space-xs)}.prompt-cursor{display:inline-block;color:var(--accent);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.hero-title{font-family:var(--font-mono);font-size:clamp(1.5rem,3vw,2rem);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-xl)}.hero-title .line{color:var(--accent)}.hero-output{margin-bottom:var(--space-2xl)}.hero-role{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.2}.hero-specialty{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--space-lg);font-family:var(--font-sans)}.hero-stats{display:flex;align-items:center;gap:var(--space-md);font-size:.9rem;color:var(--text-muted)}.stat-separator{color:var(--border)}.hero-cta{display:flex;gap:var(--space-md);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-mono);font-size:.85rem;font-weight:500;text-decoration:none;border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dim);box-shadow:0 0 20px var(--accent-glow)}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-icon{opacity:.7}.hero-terminal{flex:0 0 400px}.terminal-window{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:var(--space-lg);font-family:var(--font-mono);font-size:.85rem}.terminal-line{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.terminal-line.output{padding-left:var(--space-md);color:var(--text-secondary)}.line-prompt{color:var(--accent)}.line-content{color:var(--text-primary)}.line-content.typing{animation:blink 1s step-end infinite}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl)}.about-code-block{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.code-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.code-lang{font-size:.75rem;color:var(--accent);text-transform:uppercase}.code-filename{font-size:.75rem;color:var(--text-muted)}.code-content{padding:var(--space-lg);margin:0;font-family:var(--font-mono);font-size:.85rem;line-height:1.7;color:var(--text-primary);overflow-x:auto}.code-content code{font-family:inherit}.about-narrative{display:flex;flex-direction:column;gap:var(--space-lg)}.about-lead{font-size:1.25rem;color:var(--text-primary);line-height:1.6;font-family:var(--font-sans)}.about-text{font-size:1rem;color:var(--text-secondary);line-height:1.8;font-family:var(--font-sans)}.about-text strong{color:var(--text-primary);font-weight:600}.about-metrics{display:flex;gap:var(--space-2xl);margin-top:var(--space-lg);padding-top:var(--space-xl);border-top:1px solid var(--border)}.metric{display:flex;flex-direction:column;gap:var(--space-xs)}.metric-value{font-size:2rem;font-weight:700;color:var(--accent)}.metric-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.featured-card{background:var(--bg-secondary);border:1px solid var(--border);padding:var(--space-xl);transition:all var(--transition-base)}.featured-card:hover{border-color:var(--accent);transform:translateY(-2px)}.featured-card.primary{grid-column:span 2;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-color:var(--accent-dim)}.featured-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.featured-badge{font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-xs) var(--space-sm);border:1px solid var(--accent-dim)}.featured-links{display:flex;gap:var(--space-sm)}.featured-link{color:var(--text-muted);transition:color var(--transition-fast)}.featured-link:hover{color:var(--accent)}.featured-name{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.featured-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg);font-family:var(--font-sans)}.featured-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.featured-tech{font-size:.75rem;color:var(--text-muted);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:4px}.project-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap}.filter-btn{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);background:transparent;border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.projects-table-container{overflow-x:auto;border:1px solid var(--border);border-radius:8px}.projects-table{width:100%;border-collapse:collapse;font-size:.9rem}.projects-table th{background:var(--bg-secondary);padding:var(--space-md) var(--space-lg);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.projects-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-dim);color:var(--text-secondary)}.projects-table tbody tr:hover{background:var(--bg-hover)}.projects-table tbody tr.hidden{display:none}.col-num{width:60px;color:var(--text-dim);font-family:var(--font-mono)}.col-name{color:var(--text-primary);font-weight:500}.col-category{width:120px}.col-tech{width:200px}.col-links{width:80px;text-align:center}.project-link{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.project-link:hover{color:var(--accent)}.category-badge{display:inline-block;font-size:.75rem;padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:4px;text-transform:lowercase}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tech-item{font-size:.75rem;color:var(--text-muted)}.skills-content{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.skills-category{border-top:2px solid var(--border);padding-top:var(--space-lg)}.skills-cat-title{font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.05em}.skills-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.skills-list li{display:flex;align-items:center;gap:var(--space-sm);font-size:.9rem;color:var(--text-secondary);font-family:var(--font-sans)}.skill-prompt{color:var(--accent);font-family:var(--font-mono)}.resume-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4xl)}.resume-block{margin-bottom:var(--space-2xl)}.resume-block-title{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.resume-item{margin-bottom:var(--space-xl)}.resume-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-xs);flex-wrap:wrap;gap:var(--space-sm)}.resume-item-role{font-family:var(--font-sans);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.resume-item-date{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.resume-item-company{font-size:.9rem;color:var(--accent);margin-bottom:var(--space-sm)}.resume-item-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.7;font-family:var(--font-sans)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tech-tag{font-size:.8rem;color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border);transition:all var(--transition-fast)}.tech-tag:hover{border-color:var(--accent);color:var(--accent)}.connect-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.connect-list li{display:flex;align-items:center;gap:var(--space-sm)}.connect-prompt{color:var(--accent)}.connect-list a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color var(--transition-fast)}.connect-list a:hover{color:var(--accent)}.contact-content{max-width:800px}.contact-command{margin-bottom:var(--space-2xl)}.command-line{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.command-prompt{color:var(--accent);font-family:var(--font-mono)}.command-text{color:var(--text-primary);font-family:var(--font-mono)}.command-output{padding-left:var(--space-lg)}.contact-lead{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;font-family:var(--font-sans)}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.contact-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border);text-decoration:none;transition:all var(--transition-base)}.contact-card:hover{border-color:var(--accent);transform:translateY(-2px)}.contact-icon{color:var(--accent);margin-bottom:var(--space-sm)}.contact-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.contact-value{font-size:.95rem;color:var(--text-primary);font-family:var(--font-mono)}.contact-location{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px}.location-text{font-size:.9rem;color:var(--text-secondary)}.footer{padding:var(--space-2xl);border-top:1px solid var(--border);background:var(--bg-secondary)}.footer-content{max-width:var(--max-width);margin:0 auto;text-align:center}.footer-prompt{font-family:var(--font-mono);margin-bottom:var(--space-lg)}.footer-command{color:var(--accent)}.footer-copy{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.footer-hint{font-size:.8rem;color:var(--text-dim)}.footer-hint kbd{background:var(--bg-tertiary);padding:var(--space-xs) var(--space-sm);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono)}.shortcuts-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:none;align-items:center;justify-content:center}.shortcuts-modal.active{display:flex}.shortcuts-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shortcuts-content{position:relative;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;width:90%;max-width:400px;overflow:hidden}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border)}.shortcuts-header h2{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary)}.shortcuts-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:color var(--transition-fast)}.shortcuts-close:hover{color:var(--accent)}.shortcuts-list{padding:var(--space-lg)}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--border-dim)}.shortcut-item:last-child{border-bottom:none}.shortcut-key kbd{background:var(--bg-tertiary);padding:var(--space-xs) var(--space-sm);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:.85rem;color:var(--accent)}.shortcut-desc{font-size:.9rem;color:var(--text-secondary)}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);width:0%;z-index:1001;transition:width .1s ease-out}@media(max-width:1024px){.hero{flex-direction:column;gap:var(--space-3xl)}.hero-terminal{flex:none;width:100%;max-width:500px}.about-content{grid-template-columns:1fr;gap:var(--space-2xl)}.featured-grid{grid-template-columns:repeat(2,1fr)}.featured-card.primary{grid-column:span 2}.skills-content{grid-template-columns:repeat(2,1fr)}.resume-content{grid-template-columns:1fr;gap:var(--space-2xl)}}@media(max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);flex-direction:column;padding:var(--space-lg);border-bottom:1px solid var(--border)}.nav-links.active,.nav-toggle{display:flex}.hero{padding:var(--space-2xl) var(--space-lg)}.hero-stats{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.stat-separator{display:none}.hero-cta{flex-direction:column}.btn{width:100%;justify-content:center}.featured-grid{grid-template-columns:1fr}.featured-card.primary{grid-column:span 1}.skills-content,.contact-grid{grid-template-columns:1fr}.projects-table-container{font-size:.8rem}.projects-table th,.projects-table td{padding:var(--space-sm)}.col-tech,.col-category{display:none}.about-metrics{flex-direction:column;gap:var(--space-lg)}}@media(max-width:480px){.section{padding:var(--space-2xl) var(--space-md)}.terminal-window,.code-content{font-size:.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.prompt-cursor,.line-content.typing{animation:none}}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media print{.terminal-header,.nav,.scroll-progress,.shortcuts-modal,.footer-hint{display:none!important}body{background:#fff;color:#000}.section{page-break-inside:avoid;border-bottom:1px solid #ccc}.featured-card,.contact-card{border:1px solid #ccc;break-inside:avoid}}