@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;600;700;800&display=swap");:root{--about-bg:#0d0f12;--surface:#111418;--surface-hover:#161b22;--border:#1a2030;--border-soft:#1e2a38;--accent:#4a7fa5;--accent-bright:#5d9ec9;--accent-dim:#2a4d66;--accent-glow:rgba(74,127,165,.12);--text-primary:#e8edf2;--text-secondary:#7a8a99;--text-muted:#3d4e5e;--font-display:"Syne",sans-serif;--font-mono:"Space Mono",monospace}.about{background:var(--about-bg);min-height:100vh;padding:60px 48px 80px;position:relative;overflow:hidden}.about:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;opacity:.25;pointer-events:none}.about-container{max-width:1100px;margin:0 auto;position:relative;z-index:1}.about-header{margin-bottom:52px;position:relative}.about-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:10px}.about-title{font-family:var(--font-display);font-size:clamp(2.6rem,5vw,4rem);font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1;display:flex;gap:2px}.about-title span{display:inline-block;transition:filter .4s ease,opacity .4s ease,transform .4s ease}.about-title:hover span{filter:blur(6px);opacity:.3;transform:scale(1.15)}.about-title span:first-child{transition-delay:0s}.about-title span:nth-child(2){transition-delay:.05s}.about-title span:nth-child(3){transition-delay:.1s}.about-title span:nth-child(4){transition-delay:.15s}.about-title span:nth-child(5){transition-delay:.2s}.about-title-line{margin-top:14px;width:52px;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:2px}.about-body{display:grid;grid-template-columns:300px 1fr;grid-gap:40px;gap:40px;align-items:start}.about-card{position:-webkit-sticky;position:sticky;top:32px;animation:fadeSlideUp .6s cubic-bezier(.22,1,.36,1) both}.card-inner{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:32px 26px;position:relative;overflow:hidden}.card-inner:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,var(--accent-glow),transparent 70%);pointer-events:none}.card-inner:after{content:"";position:absolute;top:0;right:0;width:40px;height:40px;border-top:2px solid var(--accent-dim);border-right:2px solid var(--accent-dim);border-radius:0 10px 0 0}.card-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--accent);margin-bottom:18px}.card-name{font-family:var(--font-display);font-size:1.9rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1;margin-bottom:16px}.card-bio{font-size:.875rem;line-height:1.75;color:var(--text-secondary);margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border)}.info-list{list-style:none;gap:12px;margin-bottom:28px}.info-list,.info-row{display:flex;flex-direction:column}.info-row{gap:2px}.info-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.info-value{font-size:.875rem;color:var(--text-primary)}.info-value.link{color:var(--accent-bright);text-decoration:none;transition:color .2s ease}.info-value.link:hover{color:#fff}.card-socials{display:flex;gap:10px;padding-top:20px;border-top:1px solid var(--border)}.social-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:9px 14px;border-radius:4px;text-decoration:none;transition:background .2s ease,transform .15s ease;flex:1 1;justify-content:center}.social-btn.linkedin{background:rgba(0,58,88,.5);color:#5d9ec9;border:1px solid #2a4d66}.social-btn.linkedin:hover{background:rgba(0,58,88,.9);transform:translateY(-2px)}.social-btn.github{background:rgba(40,40,40,.6);color:var(--text-secondary);border:1px solid var(--border)}.social-btn.github:hover{background:rgba(60,60,60,.8);color:var(--text-primary);transform:translateY(-2px)}.about-timeline{animation:fadeSlideUp .6s cubic-bezier(.22,1,.36,1) .1s both}.timeline-header{margin-bottom:32px}.timeline-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--accent)}.timeline-track{display:flex;flex-direction:column;gap:0}.timeline-item{display:grid;grid-template-columns:56px 1fr;grid-gap:20px;gap:20px;animation:fadeSlideUp .5s cubic-bezier(.22,1,.36,1) both}.timeline-connector{display:flex;flex-direction:column;align-items:center;gap:0}.timeline-index{font-family:var(--font-mono);font-size:10px;color:var(--accent);background:var(--surface);border:1px solid var(--accent-dim);border-radius:3px;padding:3px 6px;line-height:1;flex-shrink:0;z-index:1}.timeline-line{flex:1 1;width:1px;background:linear-gradient(to bottom,var(--accent-dim),transparent);margin:8px 0;min-height:40px}.timeline-item:last-child .timeline-line{display:none}.timeline-content{padding-bottom:44px}.timeline-item:last-child .timeline-content{padding-bottom:0}.timeline-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.timeline-period{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);padding:3px 8px;border-radius:3px}.timeline-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--accent);background:rgba(74,127,165,.08);border:1px solid var(--accent-dim);padding:2px 8px;border-radius:2px}.timeline-role{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px}.timeline-company{font-family:var(--font-mono);font-size:11px;color:var(--accent-bright);letter-spacing:.08em;margin-bottom:16px}.timeline-bullets{list-style:none;display:flex;flex-direction:column;gap:8px}.timeline-bullets li{font-size:.875rem;line-height:1.7;color:var(--text-secondary);padding-left:16px;position:relative}.timeline-bullets li:before{content:"›";position:absolute;left:0;color:var(--accent);font-size:1rem;line-height:1.6}.timeline-note{margin-top:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:var(--text-muted);font-style:italic}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:860px){.about{padding:48px 24px 60px}.about-body{grid-template-columns:1fr}.about-card{position:static}}@media (max-width:480px){.about{padding:40px 16px 60px}.timeline-item{grid-template-columns:44px 1fr;gap:14px}}