.about-container{max-width:var(--content-max-width);padding:var(--space-xl)var(--space-lg);min-height:100vh;margin:0 auto}.hero-frame{padding:var(--space-xl);position:relative;overflow:hidden}.hero-grid-bg{background-image:linear-gradient(var(--border)1px,transparent 1px),linear-gradient(90deg,var(--border)1px,transparent 1px);opacity:.2;pointer-events:none;background-size:40px 40px;position:absolute;inset:0}.hero-layout{z-index:2;gap:var(--space-xl);grid-template-columns:1fr auto;align-items:center;display:grid;position:relative}.hero-main{gap:var(--space-sm);flex-direction:column;display:flex}.hero-badge{width:fit-content;font-size:var(--font-size-xxs);color:var(--accent);border:1px solid var(--accent);padding:var(--space-xs)var(--space-sm);letter-spacing:1px;display:inline-block}.hero-name{flex-direction:column;margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;display:flex}.hero-name:after{display:none}.name-line{display:block}.name-line.accent{color:var(--accent)}.hero-tagline{font-size:var(--font-size-body);color:var(--text-secondary);font-family:var(--font-primary);height:1.5em}.typing-text{display:inline}.cursor{color:var(--accent);font-weight:400;animation:1s step-end infinite cursorBlink}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-meta{gap:var(--space-md);font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-sm);display:flex}.meta-item{align-items:center;gap:var(--space-xs);display:flex}.hero-actions{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.hero-btn{justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border);padding:.75rem 1.25rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.hero-btn.primary{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.hero-btn.primary:hover{color:var(--accent);background:0 0}.hero-btn.secondary{color:var(--text-secondary);background:0 0}.hero-btn.secondary:hover{border-color:var(--accent);color:var(--accent)}.hero-stats{gap:var(--space-md);padding-left:var(--space-lg);border-left:1px solid var(--border);flex-direction:column;display:flex}.stat-item{text-align:center;flex-direction:column;align-items:center;min-width:80px;display:flex}.stat-number{font-size:var(--font-size-title);color:var(--text-primary);font-weight:700;line-height:1}.stat-number.small{font-size:var(--font-size-subtitle)}.stat-label{font-size:var(--font-size-xxs);color:var(--text-tertiary);letter-spacing:.5px;text-transform:uppercase;margin-top:var(--space-xxs)}.coffee-icon{color:var(--accent);margin-bottom:var(--space-xs)}.bio-frame{padding:var(--space-xl)}.bio-text{font-size:var(--font-size-body);color:var(--text-secondary);margin:0 0 var(--space-md);max-width:700px;line-height:1.8}.bio-text:last-of-type{margin-bottom:var(--space-lg)}.bio-text.secondary{color:var(--text-tertiary)}.bio-text strong{color:var(--accent)}.philosophy-quote{border-left:3px solid var(--accent);padding:var(--space-md)var(--space-lg);font-style:italic;font-size:var(--font-size-body);color:var(--text-secondary);background:var(--bg-secondary);word-wrap:break-word;margin:0;line-height:1.7}.about-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.skills-cloud{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.skill-tag{font-size:var(--font-size-xs);color:var(--text-primary);padding:var(--space-xs)var(--space-sm);border:1px solid var(--border);opacity:0;background:0 0;transition:all .3s;animation:.5s forwards skillFadeIn;transform:translateY(10px)}.skill-tag.expert{border-color:var(--accent);color:var(--accent)}.skill-tag.advanced{border-color:var(--text-secondary)}.skill-tag.intermediate{color:var(--text-secondary)}.skill-tag.learning{color:var(--text-tertiary);border-style:dashed}@keyframes skillFadeIn{to{opacity:1;transform:translateY(0)}}.skill-tag:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.skill-legend{gap:var(--space-md);padding-top:var(--space-sm);border-top:1px dashed var(--border);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xxs);color:var(--text-tertiary);display:flex}.legend-item .dot{border:1px solid var(--border);width:8px;height:8px}.legend-item .dot.expert{background:var(--accent);border-color:var(--accent)}.legend-item .dot.advanced{border-color:var(--text-secondary)}.legend-item .dot.intermediate{border-color:var(--border)}.interests-grid{gap:var(--space-sm);flex-wrap:wrap;display:flex}.interest-tag{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-secondary);padding:var(--space-xs)var(--space-sm);border:1px solid var(--border);transition:all .2s;display:flex}.interest-icon{color:var(--text-tertiary);transition:color .2s}.interest-tag:hover{border-color:var(--accent);color:var(--accent)}.interest-tag:hover .interest-icon{color:var(--accent)}.exp-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;display:flex}.exp-count{font-size:var(--font-size-xs);color:var(--text-tertiary)}.view-all-link{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--accent);font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.view-all-link:hover{opacity:.7}.exp-timeline{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.exp-item{padding:var(--space-md);border:1px solid var(--border);cursor:default;transition:all .3s}.exp-item:hover,.exp-item.active{border-color:var(--accent);transform:translateY(-2px)}.exp-year{font-size:var(--font-size-xxs);color:var(--accent);margin-bottom:var(--space-sm);letter-spacing:1px;font-weight:700;display:block}.exp-role{font-size:var(--font-size-small);color:var(--text-primary);text-transform:uppercase;margin-bottom:var(--space-xxs);font-weight:700;display:block}.exp-company{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-sm);display:block}.exp-tech{gap:var(--space-xs);flex-wrap:wrap;display:flex}.tech-tag{font-size:var(--font-size-xxs);color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-primary);padding:2px 6px}.terminal-window{border:1px solid var(--border);overflow:hidden}.terminal-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot.red{background:var(--color-error)}.terminal-dot.yellow{background:var(--color-warn)}.terminal-dot.green{background:var(--accent)}.terminal-title{font-size:var(--font-size-xxs);color:var(--text-tertiary);margin-left:var(--space-sm)}.terminal-body{padding:var(--space-md);font-family:var(--font-primary);font-size:var(--font-size-xs);background:var(--bg-primary)}.terminal-line{gap:var(--space-sm);margin-bottom:var(--space-xs);line-height:1.6;display:flex}.terminal-prefix{color:var(--accent);font-weight:700}.terminal-text{color:var(--text-secondary)}.terminal-cursor{color:var(--accent);animation:1s step-end infinite cursorBlink}.edu-item{align-items:flex-start;gap:var(--space-md);display:flex}.edu-icon{color:var(--accent);flex-shrink:0}.edu-content{gap:var(--space-xxs);flex-direction:column;display:flex}.edu-degree{font-size:var(--font-size-small);color:var(--text-primary);text-transform:uppercase;font-weight:700}.edu-school{font-size:var(--font-size-xs);color:var(--accent)}.edu-year{font-size:var(--font-size-xxs);color:var(--text-tertiary)}.social-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.social-link{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--border);color:var(--text-secondary);text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.social-icon{flex-shrink:0;transition:transform .3s}.social-label{font-size:var(--font-size-xs);font-weight:600}.social-link:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-secondary)}.social-link:hover .social-icon{transform:scale(1.1)}@media (max-width:768px){.about-container,.about-frame,.bio-frame{padding:var(--space-md)}.hero-frame{padding:var(--space-lg)}.hero-layout{gap:var(--space-lg);grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-btn{justify-content:center}.hero-stats{border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:var(--space-lg);flex-direction:row;justify-content:space-around}.about-grid{grid-template-columns:1fr}.philosophy-quote{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-small)}.frame-label{font-size:.6rem}}@media (max-width:480px){.about-container{padding:var(--space-md)var(--space-sm)}.about-frame,.bio-frame{padding:var(--space-sm)}.hero-frame{padding:var(--space-md)}.hero-name{font-size:var(--font-size-subtitle)}.hero-actions{gap:var(--space-sm)}.hero-btn{width:100%;font-size:var(--font-size-xxs);padding:.6rem 1rem}.bio-text{font-size:var(--font-size-xxs)}.philosophy-quote{padding:var(--space-xs)var(--space-sm);font-size:var(--font-size-xs);border-left-width:2px}.social-grid{grid-template-columns:1fr}}@media (max-width:320px){.about-container{padding:var(--space-sm)var(--space-xs)}.about-frame,.bio-frame{padding:var(--space-xs)}.hero-frame{padding:var(--space-sm)}.hero-badge{padding:2px 4px;font-size:.5rem}.hero-name{font-size:1.5rem}.hero-tagline{font-size:.75rem}.hero-meta{gap:var(--space-xs);flex-direction:column;font-size:.6rem}.hero-btn{padding:.5rem .75rem;font-size:.65rem}.hero-stats{gap:var(--space-sm)}.stat-number{font-size:var(--font-size-subtitle)}.stat-number.small{font-size:var(--font-size-body)}.stat-label{font-size:.5rem}.bio-text{font-size:.8rem;line-height:1.6}.philosophy-quote{padding:var(--space-xxs)var(--space-xs);font-size:var(--font-size-xxs);line-height:1.5}.skill-tag,.interest-tag{padding:2px 4px;font-size:.6rem}.skill-legend{font-size:.55rem}.exp-timeline{grid-template-columns:1fr}.exp-item{padding:var(--space-sm)}.social-link{padding:var(--space-xs);font-size:.65rem}.frame-label{font-size:.55rem}.terminal-body{padding:var(--space-sm);font-size:.65rem}}