.about-skills{max-width:var(--container);margin:0 auto;padding:clamp(3rem,7vw,6rem) var(--gutter) 1rem;color:var(--text)}
.about-skills .label{color:var(--link);font-family:var(--mono);font-size:.8rem;letter-spacing:.14em}
.about-skills h2{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.05;margin:.5rem 0 1rem}
.about-lead{color:var(--muted);max-width:44rem;margin:0 0 2rem;font-size:1.05rem}
.about-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.about-card{display:flex;gap:1.25rem;padding:clamp(1.5rem,3vw,2.25rem);border-radius:18px;border:1px solid var(--border);border-left:4px solid #3276c9;background:linear-gradient(160deg,#0c1422,var(--surface))}
.about-icon{flex:none;width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;background:#3276c9;color:#fff;box-shadow:0 0 0 6px #3276c922}
.about-icon svg{width:1.9rem;height:1.9rem}
.about-card h3{margin:.2rem 0 .8rem;font-size:1.15rem;color:#83b7f0}
.about-card ul{margin:0;padding-left:1.1rem;color:#c9d1dc;line-height:1.7}
@media (max-width:800px){.about-cards{grid-template-columns:1fr}.about-card{flex-direction:column}}