.about-content{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.about-hero{background-color:var(--bg-card-solid);border:1px solid var(--border);border-radius:8px;padding:2rem;box-shadow:0 4px 20px #0003}.about-name{font-family:var(--font-sans);color:var(--text);margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.about-handle{color:var(--accent-bright);font-family:var(--font-mono);font-size:1.5rem;font-weight:400}.about-tagline{color:var(--muted);font-family:var(--font-mono);margin-bottom:1.5rem;font-size:1.1rem}.about-bio{color:var(--text);line-height:1.7;font-family:var(--font-sans)}.about-section{background-color:var(--bg-card-solid);border:1px solid var(--border);transition:transform .2s var(--ease-out-expo), border-color .2s;border-radius:8px;padding:1.5rem 2rem}.about-section:hover{border-color:var(--border-h);transform:translateY(-2px)}.about-section h3{color:var(--accent-bright);font-family:var(--font-mono);align-items:center;margin:0 0 1.5rem;font-size:1.25rem;display:flex}.about-section h3:before{content:">";color:var(--accent);margin-right:.75rem}.about-skills{flex-wrap:wrap;gap:.75rem;display:flex}.badge{background-color:var(--bg-code);color:var(--text);border:1px solid var(--border);font-family:var(--font-mono);transition:all .2s var(--ease-out-expo);border-radius:4px;padding:.4rem .8rem;font-size:.875rem}.badge:hover{background-color:var(--accent-dim);border-color:var(--accent);color:var(--accent-bright)}.about-topics{grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.about-topics{grid-template-columns:1fr 1fr}}.about-topics li{color:var(--text);line-height:1.6;font-family:var(--font-sans);background:var(--bg-code);border:1px solid var(--border);border-radius:6px;padding:1rem}.about-topics strong{color:var(--accent-bright);font-family:var(--font-mono);margin-bottom:.25rem;display:block}.about-links{flex-wrap:wrap;gap:1rem;display:flex}.about-link{color:var(--text);border:1px solid var(--border);font-family:var(--font-mono);transition:all .2s var(--ease-out-expo);background-color:#0000;border-radius:4px;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.9rem;text-decoration:none;display:inline-flex}.about-link:hover{background-color:var(--accent);border-color:var(--accent-bright);color:#fff;box-shadow:0 0 15px var(--accent-glow)}