.about-container{width:100%}.about-hero{text-align:center;background:var(--hero-gradient);justify-content:center;align-items:center;min-height:50vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.about-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;animation:.8s forwards fadeUp}.about-subtitle{color:var(--text-secondary);opacity:0;max-width:600px;margin:0 auto;font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.6;animation:.8s .2s forwards fadeUp}.about-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;max-width:1200px;margin:0 auto;padding:6rem 5%;display:grid}.about-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;opacity:0;padding:3rem 2rem;transition:transform .3s,box-shadow .3s;animation:.8s .4s forwards fadeUp}.about-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.about-card-icon{margin-bottom:1.5rem;font-size:2.5rem;display:inline-block}.about-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.about-card p{color:var(--text-secondary);line-height:1.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}