/* Profile View Transitions - GPU optimized */
.profile-view {
    display: none;
    opacity: 0;
    transform: translate3d(20px, 0, 0);
    transition: opacity 0.3s ease, transform 0.3s ease;
    width: 100%;
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.profile-view.active {
    display: block;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation: fadeInSlide 0.3s ease;
}