/* 3D Background Widgets */
.bg-widget {
    position: fixed;
    opacity: 0.1;
    z-index: -1;
    pointer-events: none;
}

.bg-widget-1 {
    top: 10%;
    left: 5%;
    font-size: 10rem;
    color: var(--primary-color);
    animation: float 15s ease-in-out infinite;
}

.bg-widget-2 {
    bottom: 15%;
    right: 8%;
    font-size: 8rem;
    color: var(--primary-color);
    animation: float 12s ease-in-out infinite reverse;
}

.bg-widget-3 {
    top: 50%;
    left: 20%;
    font-size: 12rem;
    color: var(--primary-color);
    animation: float 18s ease-in-out infinite;
}

.bg-widget-4 {
    bottom: 30%;
    right: 25%;
    font-size: 6rem;
    color: var(--primary-color);
    animation: float 14s ease-in-out infinite reverse;
}

@keyframes float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(5deg); }
}