.header{position:sticky;top:0;z-index:50;width:100%;border-bottom:1px solid var(--color-border-dark);background-color:#101623f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px}.header-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text-primary)}.header-logo .material-symbols-outlined{color:var(--color-primary);font-size:24px}.header-title{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}.header-nav{display:none;align-items:center;gap:var(--space-6)}@media (min-width: 768px){.header-nav{display:flex}}.nav-link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-dim);text-decoration:none;transition:color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.header-cta{display:none;align-items:center;justify-content:center;height:36px;padding:0 var(--space-4);background-color:#256af41a;border:1px solid rgba(37,106,244,.5);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-primary);text-decoration:none;transition:all var(--transition-base)}@media (min-width: 640px){.header-cta{display:flex}}.header-cta:hover{background-color:#256af433;text-decoration:underline}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-dim);cursor:pointer;padding:var(--space-2)}@media (min-width: 768px){.mobile-menu-btn{display:none}}.mobile-nav{display:flex;flex-direction:column;padding:var(--space-4) 0;border-top:1px solid var(--color-border-dark);animation:fadeIn .2s ease-out}.mobile-nav-link{padding:var(--space-3) 0;font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text-dim);text-decoration:none}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--color-primary)}.mobile-cta{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--color-primary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);text-align:center;text-decoration:none}.footer{width:100%;border-top:1px solid var(--color-border-dark);background-color:var(--color-bg-dark);padding:var(--space-8) 0;margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-git{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim)}.footer-git .material-symbols-outlined{font-size:14px}.footer-dot{width:4px;height:4px;border-radius:50%;background-color:var(--color-text-dim)}.footer-links{display:flex;align-items:center;gap:var(--space-8)}.footer-link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-dim);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-text-primary)}.footer-copyright{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);opacity:.5}.metric-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6)}.metric-header{display:flex;align-items:center;justify-content:space-between}.metric-title{font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.metric-header .material-symbols-outlined{font-size:18px}.icon-primary{color:var(--color-primary)}.icon-success{color:var(--color-success)}.icon-purple{color:var(--color-purple)}.icon-warning{color:var(--color-warning)}.metric-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);transition:color var(--transition-base)}.metric-card:hover .metric-value{color:var(--color-primary)}.metric-suffix{font-size:var(--text-sm);font-weight:400;color:var(--color-text-dim);margin-left:var(--space-1)}.project-card{overflow:hidden}.project-content{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.project-bg-icon{position:absolute;top:var(--space-4);right:var(--space-4);opacity:.1;pointer-events:none}.project-bg-icon .material-symbols-outlined{font-size:64px;color:var(--color-border-dark)}.project-header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.project-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);background-color:#256af41a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.project-status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim)}.project-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);line-height:1.3}.project-description{font-size:var(--text-sm);color:var(--color-text-dim);line-height:1.6;max-width:60ch}.project-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-dark)}.stat-item{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.stat-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.stat-value.success{color:var(--color-success)}.stat-value.primary{color:var(--color-primary)}.project-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-2);margin-top:auto}.project-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.project-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim)}.project-link{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-base)}.project-link .material-symbols-outlined{font-size:14px;transition:transform var(--transition-base)}.project-card:hover .project-link{color:var(--color-primary)}.project-card:hover .project-link .material-symbols-outlined{transform:translate(4px)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{max-width:700px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--surface-2);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.terminal-dots{display:flex;gap:6px}.terminal-dots .dot{width:12px;height:12px;border-radius:50%;cursor:pointer}.terminal-dots .dot.red{background:#ff5f57}.terminal-dots .dot.yellow{background:#febc2e}.terminal-dots .dot.green{background:#28c840}.modal-title{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-dim)}.modal-close{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:var(--spacing-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.modal-close:hover{color:var(--text-primary);background:var(--surface-3)}.modal-body{padding:var(--spacing-6)}.modal-project-header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);margin-bottom:var(--spacing-3)}.modal-project-header .project-id{color:var(--text-dim)}.modal-project-header .project-status{color:var(--success)}.modal-project-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-4);color:var(--text-primary)}.modal-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.modal-tags .project-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--primary);background:#256af41a;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.modal-section{margin-bottom:var(--spacing-6)}.modal-section .section-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--primary);margin-bottom:var(--spacing-3);font-weight:500}.modal-description{color:var(--text-secondary);line-height:1.7}.modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.modal-stat-item{text-align:center;padding:var(--spacing-4);background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border)}.modal-stat-item .stat-value{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--primary);margin-bottom:var(--spacing-1)}.modal-stat-item .stat-label{font-size:var(--text-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.modal-approach{display:flex;flex-direction:column;gap:var(--spacing-4)}.approach-item{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border)}.approach-icon{color:var(--primary);font-size:24px;flex-shrink:0}.approach-content strong{display:block;color:var(--text-primary);margin-bottom:var(--spacing-1)}.approach-content p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.modal-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--spacing-3)}.modal-btn{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.modal-btn.secondary{background:var(--surface-3);border:1px solid var(--border);color:var(--text-secondary)}.modal-btn.secondary:hover{background:var(--surface-2);color:var(--text-primary)}@media (max-width: 640px){.modal-stats{grid-template-columns:1fr}.modal-body{padding:var(--spacing-4)}.modal-project-title{font-size:var(--text-xl)}}.bp-widget{background:#0d1117e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border-dim);border-radius:var(--radius-md);padding:var(--space-3);width:110px;box-shadow:0 4px 6px #0000004d;font-family:var(--font-mono);position:relative;overflow:hidden;transition:border-color .5s ease}.bp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.bp-label{font-size:10px;text-transform:uppercase;color:var(--color-text-dim);letter-spacing:.05em}.bp-status-dot{width:6px;height:6px;border-radius:50%;transition:background-color .5s ease;box-shadow:0 0 4px currentColor}.bp-display{font-size:18px;font-weight:700;line-height:1.1;display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:4px;transition:color .5s ease;text-shadow:0 0 10px rgba(0,0,0,.5)}.bp-separator{font-size:14px;opacity:.6}.bp-graph{height:25px;width:100%;opacity:.6}.bp-graph svg{width:100%;height:100%}.bp-graph path{transition:stroke .5s ease}.hero{padding-top:var(--space-10);padding-bottom:var(--space-12)}.hero-content{display:flex;flex-direction:column-reverse;gap:var(--space-10);align-items:center}@media (min-width: 1024px){.hero-content{flex-direction:row;align-items:center;justify-content:space-between}}.hero-text{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-2);padding-bottom:var(--space-2)}.hero-name{font-size:var(--text-4xl);font-weight:900;line-height:1.1;letter-spacing:-.02em}@media (min-width: 768px){.hero-name{font-size:var(--text-5xl)}}@media (min-width: 1024px){.hero-name{font-size:var(--text-6xl)}}.hero-tagline{font-size:var(--text-2xl);font-weight:700;line-height:1.2;color:var(--color-text-primary);opacity:.85}@media (min-width: 768px){.hero-tagline{font-size:var(--text-3xl)}}.hero-subtitle{font-size:var(--text-lg);font-weight:400;color:var(--color-text-dim);line-height:1.6;max-width:560px}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2)}.profile-terminal{overflow:hidden}.profile-content{position:relative;padding:0;min-height:350px}.profile-photo{width:100%;height:100%;object-fit:cover;display:block}.profile-content .floating-stat{z-index:10}.hero-visual{flex:1;width:100%;max-width:500px}@media (min-width: 1024px){.hero-visual{margin-left:auto}}.terminal-display{font-family:var(--font-mono);font-size:var(--text-sm);min-height:200px;position:relative}.terminal-line{margin-bottom:var(--space-2);color:var(--color-text-dim)}.terminal-line.success{color:var(--color-success)}.terminal-line.blink span:last-child{animation:blink 1s step-end infinite}.text-success{color:var(--color-success)}.floating-stat{position:absolute;background-color:#101623e6;border:1px solid rgba(37,106,244,.3);padding:var(--space-2);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:var(--space-1)}.floating-stat.top-right{top:48px;right:var(--space-4)}.floating-stat.bottom-left{bottom:var(--space-4);left:var(--space-4);border-color:#22c55e4d}.floating-stat .stat-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--color-text-dim)}.floating-stat .stat-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700}.metrics{padding-top:0}.section-header{padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid rgba(34,47,73,.5)}.tech-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 1024px){.tech-grid{grid-template-columns:1fr 1fr}}.json-content{display:flex;flex-direction:column;line-height:1.8}.json-line{padding-left:var(--space-4)}.json-key{color:var(--color-purple)}.json-value{color:var(--color-success)}.skill-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 640px){.skill-cards{grid-template-columns:1fr}}.skill-card{padding:var(--space-4)}.skill-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.skill-header h3{font-size:var(--text-base);font-weight:700}.skill-header .material-symbols-outlined{font-size:20px}.skill-card p{font-size:var(--text-sm);color:var(--color-text-dim);line-height:1.5}.projects-grid{display:flex;flex-direction:column;gap:var(--space-6)}.view-all-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-dim);text-decoration:none;transition:color var(--transition-fast)}.view-all-link:hover{color:var(--color-primary)}.view-all-link .material-symbols-outlined{font-size:16px}.testimonial-card{background-color:#161b2280;border:1px dashed var(--color-border-dark);border-radius:var(--radius-md);padding:var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm)}.testimonial-quote{color:#d1d5db;font-style:italic;margin:var(--space-4) 0;padding-left:var(--space-4);line-height:1.6}.testimonial-author{color:var(--color-primary);font-weight:700;margin-top:var(--space-4);padding-left:var(--space-4)}.projects-page{min-height:100vh}.projects-hero{padding-top:var(--space-10);padding-bottom:var(--space-8)}.page-title{font-size:var(--text-4xl);font-weight:900;line-height:1.1;letter-spacing:-.02em;margin-top:var(--space-4);margin-bottom:var(--space-4)}@media (min-width: 768px){.page-title{font-size:var(--text-5xl)}}.page-subtitle{font-size:var(--text-lg);color:var(--color-text-dim);line-height:1.6;max-width:700px}.projects-list{padding-top:0}.projects-list .section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-detail-page{min-height:100vh;padding-top:var(--spacing-4)}.project-detail-page .back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-dim);text-decoration:none;margin-bottom:var(--spacing-8);transition:color .2s ease}.project-detail-page .back-link:hover{color:var(--primary)}.not-found{text-align:center;padding:var(--spacing-16) 0}.not-found h1{font-size:var(--text-3xl);margin-bottom:var(--spacing-4)}.not-found p{color:var(--text-secondary);margin-bottom:var(--spacing-6)}.project-hero{padding-bottom:var(--spacing-4)}.project-header{max-width:900px}.project-header .project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-4);font-family:var(--font-mono);font-size:var(--text-xs);margin-bottom:var(--spacing-4);width:100%}.project-header .project-id{color:var(--text-dim)}.project-header .project-status{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);background:#256af41a;color:var(--primary)}.project-header .project-status.success{color:var(--success);background:#10b9811a}.project-header .project-status.primary{color:var(--primary)}.project-header .project-title{display:block;width:100%;font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--spacing-4);line-height:1.2;color:var(--text-primary)}.project-header .project-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-6)}.project-header .project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.project-header .project-tags .tag{display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--primary);background:#256af41a;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);white-space:nowrap}.project-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.project-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease;white-space:nowrap}.project-actions .btn-primary{background:var(--primary);color:#fff}.project-actions .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.project-actions .btn-secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border)}.project-actions .btn-secondary:hover{background:var(--surface-3);border-color:var(--primary)}.project-stats-section{padding:var(--spacing-6) 0}.project-stats-section .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.project-stats-section .stat-card{text-align:center;padding:var(--spacing-6)}.project-stats-section .stat-card .stat-value{display:block;font-size:var(--text-3xl);font-weight:700;color:var(--primary);margin-bottom:var(--spacing-2);font-family:var(--font-mono)}.project-stats-section .stat-card .stat-label{display:block;font-size:var(--text-sm);color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.project-about .about-content{padding:var(--spacing-6)}.project-about .about-content p{color:var(--text-secondary);line-height:1.8;font-size:var(--text-base)}.project-features .features-grid{display:grid;gap:var(--spacing-3)}.project-features .feature-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4)}.project-features .feature-icon{color:var(--success);flex-shrink:0;font-size:20px}.project-features .feature-text{color:var(--text-secondary);line-height:1.5}.project-tech .tech-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.project-tech .tech-item{display:inline-block;padding:var(--spacing-3) var(--spacing-5);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.project-tech .tech-item .tech-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap}@media (max-width: 768px){.project-header .project-title{font-size:var(--text-2xl)}.project-header .project-description{font-size:var(--text-base)}.project-stats-section .stats-grid{grid-template-columns:1fr}.project-actions{flex-direction:column}.project-actions .btn{width:100%;justify-content:center}}.contact-page{min-height:100vh}.contact-status{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-dark);background-color:var(--color-surface-dark)}.status-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 768px){.status-bar{grid-template-columns:repeat(4,1fr)}}.status-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-right:1px solid var(--color-border-dark)}.status-item:last-child{border-right:none}.status-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.status-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.status-value.success{color:var(--color-success)}.trend{font-size:var(--text-xs)}.trend.success{color:var(--color-success)}.contact-main{padding-top:var(--space-8)}.contact-terminal{max-width:800px;margin:0 auto}.contact-terminal .terminal-content{padding:var(--space-6)}.terminal-output{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.8;margin-bottom:var(--space-6)}.terminal-output p{margin-bottom:var(--space-1)}.text-warning{color:var(--color-warning)}.quick-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-6)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.action-btn .material-symbols-outlined{font-size:16px}.contact-form{font-family:var(--font-mono);font-size:var(--text-sm)}.code-comment{color:var(--color-text-dim);margin-bottom:var(--space-2)}.form-code{line-height:2}.keyword{color:var(--color-purple)}.class-name{color:var(--color-warning)}.function{color:#60a5fa}.property{color:var(--color-primary);margin-right:var(--space-2)}.form-fields{padding-left:var(--space-6)}.form-line{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.form-input,.form-select,.form-textarea{flex:1;min-width:200px;padding:var(--space-2) var(--space-3);background-color:#101623cc;border:1px solid var(--color-border-dark);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-success);outline:none;transition:border-color var(--transition-fast)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary)}.form-select{cursor:pointer}.form-select option{background-color:var(--color-surface-dark);color:var(--color-text-primary)}.message-section{margin-top:var(--space-4);padding-left:var(--space-6)}.message-line{flex-direction:column;align-items:flex-start;padding-left:var(--space-6)}.form-textarea{width:100%;resize:vertical;min-height:100px;margin-top:var(--space-2)}.form-submit{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-dark)}.prompt{color:var(--color-success)}.submit-btn{padding:var(--space-2) var(--space-4);background-color:var(--color-success);border:none;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-bg-dark);cursor:pointer;transition:all var(--transition-fast)}.submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.terminal-prompt{margin-top:var(--space-4);font-size:var(--text-sm)}.terminal-footer{display:flex;justify-content:space-between;padding:var(--space-2) var(--space-4);background-color:#222f494d;border-top:1px solid var(--color-border-dark);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim)}.footer-right{margin-left:auto}.success-message{padding:var(--space-6);text-align:center;font-family:var(--font-mono)}.success-message p{margin-bottom:var(--space-2)}.error-message{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);font-family:var(--font-mono)}.text-error{color:#ef4444}.contact-links{padding-top:var(--space-8)}.links-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);max-width:800px;margin:0 auto}@media (min-width: 640px){.links-grid{grid-template-columns:repeat(2,1fr)}}.link-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);text-decoration:none}.link-content{display:flex;align-items:center;gap:var(--space-4)}.link-content .material-symbols-outlined{font-size:24px;color:var(--color-primary)}.link-content h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.link-content p{font-size:var(--text-sm)}.link-card .arrow{font-size:20px;color:var(--color-text-dim);transition:all var(--transition-fast)}.link-card:hover .arrow{color:var(--color-primary);transform:translate(4px)}.about-page{min-height:100vh}.about-hero{padding-top:var(--space-10);padding-bottom:var(--space-8)}.about-intro{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-top:var(--space-8)}@media (min-width: 1024px){.about-intro{grid-template-columns:2fr 1fr}}.intro-lead{font-size:var(--text-xl);line-height:1.6;color:var(--color-text-primary);margin-bottom:var(--space-4)}.intro-lead strong{color:var(--color-primary)}.intro-text{font-size:var(--text-base);line-height:1.7;color:var(--color-text-dim);margin-bottom:var(--space-4)}.intro-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);text-align:center}.stat-number{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;color:var(--color-primary)}.stat-label{font-size:var(--text-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.timeline-section{padding-top:var(--space-8)}.timeline{position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-primary),var(--color-border-dark))}.timeline-item{position:relative;margin-bottom:var(--space-6)}.timeline-marker{position:absolute;left:calc(-1 * var(--space-8) - 8px);top:var(--space-4);width:32px;height:32px;background-color:var(--color-bg-dark);border:2px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.timeline-marker .material-symbols-outlined{font-size:16px;color:var(--color-primary)}.timeline-content{padding:var(--space-6)}.timeline-year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);background-color:#256af41a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.timeline-title{font-size:var(--text-xl);font-weight:700;margin-top:var(--space-2);margin-bottom:var(--space-1)}.timeline-company{font-size:var(--text-sm);color:var(--color-text-dim);margin-bottom:var(--space-3)}.timeline-description{font-size:var(--text-sm);color:var(--color-text-dim);line-height:1.6}.certifications-section{padding-top:var(--space-8)}.cert-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.cert-grid{grid-template-columns:repeat(2,1fr)}}.cert-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)}.cert-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#256af41a;border-radius:var(--radius-md)}.cert-icon .material-symbols-outlined{font-size:24px;color:var(--color-primary)}.cert-info{flex:1}.cert-name{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.cert-issuer{font-size:var(--text-sm);color:var(--color-text-dim)}.cert-verified{color:var(--color-success)}.cert-verified .material-symbols-outlined{font-size:20px}.values-section{padding-top:var(--space-8)}.values-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.values-grid{grid-template-columns:repeat(3,1fr)}}.value-card{padding:var(--space-6);text-align:center}.value-card .material-symbols-outlined{font-size:32px;color:var(--color-primary);margin-bottom:var(--space-4)}.value-card h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.value-card p{font-size:var(--text-sm);color:var(--color-text-dim);line-height:1.6}.stack-page{min-height:100vh}.stack-hero{padding-top:var(--space-10);padding-bottom:var(--space-8)}.filters-section{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-dark);background-color:var(--color-surface-dark);position:sticky;top:72px;z-index:10}.filter-tabs{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-bottom:var(--space-2)}@media (min-width: 1024px){.filter-tabs{flex-wrap:nowrap}}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:transparent;border:1px solid var(--color-border-dark);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-dim);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex:1;justify-content:center;text-align:center;min-width:120px}@media (min-width: 1024px){.filter-tab{min-width:auto;padding:var(--space-2) var(--space-3)}}.filter-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-tab.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-tab .material-symbols-outlined{font-size:16px}.skills-section{padding-top:var(--space-8)}.skills-section .section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.skills-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-item{padding:var(--space-4);transition:all var(--transition-base)}.skill-item:hover{transform:translateY(-4px);border-color:var(--color-primary)}.skill-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.skill-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#256af41a;border-radius:var(--radius-md)}.skill-meta{flex:1;display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:var(--text-base);font-weight:600}.skill-level-tag{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;padding:var(--space-1) var(--space-2);background-color:#256af433;color:var(--color-primary);border-radius:var(--radius-md)}.skill-bar-container{height:8px;background-color:var(--color-border-dark);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.skill-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-2);transition:width .8s ease-out}.skill-percentage{font-family:var(--font-mono);font-size:10px;font-weight:700;color:#fff;opacity:0;transition:opacity var(--transition-fast)}.skill-item:hover .skill-percentage{opacity:1}.skill-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--color-text-dim)}.skill-years{display:flex;align-items:center;gap:var(--space-1)}.skill-years .material-symbols-outlined{font-size:14px}.skill-category{font-family:var(--font-mono)}.matrix-section{padding-top:var(--space-8)}.matrix-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.matrix-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.matrix-grid{grid-template-columns:repeat(4,1fr)}}.matrix-card{padding:var(--space-5)}.matrix-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.matrix-header .material-symbols-outlined{font-size:20px;color:var(--color-primary)}.matrix-header h3{font-size:var(--text-base);font-weight:600}.matrix-skills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.matrix-skills span{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background-color:#222f4980;border:1px solid var(--color-border-dark);border-radius:var(--radius-md);color:var(--color-text-dim)}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) 0}.error-content{text-align:center;max-width:600px;margin:0 auto}.not-found-page .terminal-window{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-8);text-align:left}.not-found-page .terminal-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--surface-2);border-bottom:1px solid var(--border)}.not-found-page .terminal-dot{width:12px;height:12px;border-radius:50%}.not-found-page .terminal-dot.red{background:#ff5f57}.not-found-page .terminal-dot.yellow{background:#febc2e}.not-found-page .terminal-dot.green{background:#28c840}.not-found-page .terminal-title{margin-left:var(--spacing-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-dim)}.not-found-page .terminal-body{padding:var(--spacing-6);font-family:var(--font-mono)}.not-found-page .error-output{margin-bottom:var(--spacing-2)}.not-found-page .prompt{color:var(--success)}.not-found-page .command{color:var(--text-primary)}.not-found-page .error-message{margin-bottom:var(--spacing-4)}.not-found-page .error-text{color:#ef4444}.not-found-page .error-code{display:flex;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--surface-2);border-radius:var(--radius-sm);width:fit-content}.not-found-page .code-label{color:var(--text-dim)}.not-found-page .code-value{color:#ef4444;font-weight:700}.error-details{margin-bottom:var(--spacing-8)}.error-title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--spacing-4)}.error-description{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-6)}.error-actions{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}.error-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease}.error-actions .btn-primary{background:var(--primary);color:#fff}.error-actions .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.error-actions .btn-secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border)}.error-actions .btn-secondary:hover{background:var(--surface-3);border-color:var(--primary)}.ascii-art{margin-top:var(--spacing-8)}.ascii-art pre{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-dim);line-height:1.2}@media (max-width: 640px){.error-title{font-size:var(--text-2xl)}.error-actions{flex-direction:column}.error-actions .btn{width:100%;justify-content:center}}:root{--color-primary: #256af4;--color-primary-hover: #1e5ad4;--color-primary-glow: rgba(37, 106, 244, .3);--color-bg-dark: #101623;--color-surface-dark: #161b22;--color-border-dark: #222f49;--color-text-primary: #ffffff;--color-text-dim: #90a4cb;--color-text-muted: #6b7c99;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--color-purple: #a78bfa;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: .75rem;--transition-fast: .15s ease;--transition-base: .3s ease;--container-max: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-display);background-color:var(--color-bg-dark);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:linear-gradient(rgba(34,47,73,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(34,47,73,.1) 1px,transparent 1px);background-size:40px 40px}#root{width:100%;max-width:1920px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app{width:100%;flex:1;display:flex;flex-direction:column}.font-mono{font-family:var(--font-mono)}.text-dim{color:var(--color-text-dim)}.text-primary{color:var(--color-primary)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-blink{animation:blink 1s step-end infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;text-decoration:none;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-primary);box-shadow:0 0 15px var(--color-primary-glow)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-surface-dark);color:var(--color-text-primary);border-color:var(--color-border-dark)}.btn-secondary:hover{background-color:var(--color-border-dark)}.card{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);transition:border-color var(--transition-base)}.card:hover{border-color:#256af480}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary)}.section{padding:var(--space-12) 0}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-success)}.status-dot.animate{animation:pulse 2s ease-in-out infinite}.code-block{font-family:var(--font-mono);background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);padding:var(--space-6);overflow-x:auto;font-size:var(--text-sm);line-height:1.7}.terminal-window{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);overflow:hidden}.terminal-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:#222f4980;border-bottom:1px solid var(--color-border-dark)}.terminal-dot{width:12px;height:12px;border-radius:50%;border:1px solid}.terminal-dot.red{background-color:#ef444433;border-color:#ef444480}.terminal-dot.yellow{background-color:#eab30833;border-color:#eab30880}.terminal-dot.green{background-color:#22c55e33;border-color:#22c55e80}.terminal-title{margin-left:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim)}.terminal-content{padding:var(--space-4)}.grid-3{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-2{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-center{text-align:center}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.05em}