.about-hero{background:linear-gradient(135deg,rgba(var(--bs-primary-rgb),.1),rgba(var(--bs-primary-rgb),.05));margin-bottom:4rem;padding:140px 0 4rem;position:relative;overflow:hidden}.about-hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(var(--bs-primary-rgb), 0.1)\" stroke-width=\"0.5\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");position:absolute;inset:0}.about-hero-content{z-index:1;position:relative}.avatar-illustration{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 2rem;transition:all .3s;display:flex;box-shadow:0 8px 30px #667eea4d}.avatar-illustration i{font-size:4.5rem;line-height:1}.avatar-illustration:hover{transform:scale(1.05)rotate(5deg);box-shadow:0 12px 40px #667eea66}.about-content-section{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:1rem;margin-bottom:3rem;padding:3rem;box-shadow:0 4px 25px #00000014}@media (width<=768px){.about-hero{margin-bottom:2rem;padding:120px 0 2rem}.avatar-illustration{width:100px;height:100px}.avatar-illustration i{font-size:3rem}.about-content-section{padding:2rem}}@media (width<=576px){.about-hero{padding:110px 0 1.5rem}}.stats-counter{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);text-align:center;box-shadow:var(--bs-box-shadow-sm);border-radius:1rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.stats-counter:before{content:"";background:linear-gradient(90deg,#667eea,#764ba2);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stats-counter:hover:before{transform:scaleX(1)}.stats-counter:hover{box-shadow:var(--bs-box-shadow);border-color:var(--bs-primary);transform:translateY(-5px)}