.about{background:var(--color-bg-secondary);position:relative}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.2rem,3vw,2.5rem);align-items:start}.about-content{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.2rem,3vw,2rem)}.about-text{font-size:1.02rem;line-height:1.75}.about-text.highlight{color:var(--color-text-primary);font-weight:600;padding:.9rem 1rem;border-radius:.9rem;border:1px solid rgba(91,231,255,.25);background:#5be7ff0f}.about-visual{position:relative}.visual-card{position:relative;padding:clamp(1.1rem,2.6vw,1.8rem);border-radius:var(--border-radius-lg);overflow:hidden;background:linear-gradient(180deg,#0a1222d9,#070d18d9);border:1px solid var(--color-border)}.tech-stack{position:relative;z-index:2;display:flex;flex-direction:column;gap:.8rem}.tech-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--color-accent);font-weight:700}.tech-title{font-size:clamp(1.3rem,2.4vw,1.8rem);color:var(--color-text-primary)}.tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.tech-item{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:3rem;padding:.6rem .8rem;border-radius:.7rem;border:1px solid rgba(186,214,255,.15);background:#ffffff05;color:var(--color-text-primary);font-size:.95rem;font-weight:600;transition:all var(--transition-base)}.tech-item:first-child{grid-column:span 2}.tech-item:hover{transform:translateY(-2px);border-color:#5be7ff73;background:#5be7ff14}@media(max-width:980px){.about-grid{grid-template-columns:1fr}}@media(max-width:640px){.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-item:first-child{grid-column:span 1}}
