/* Section Themed Floating Backgrounds */

.section-bg-icons {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.section-bg-icons .icon {
    position: absolute;
    opacity: 0.08;
    font-size: 2rem;
    animation: float 20s ease-in-out infinite;
    will-change: transform;
}

/* Stagger animations */
.section-bg-icons .icon:nth-child(1)  { animation-delay: 0s; animation-duration: 18s; }
.section-bg-icons .icon:nth-child(2)  { animation-delay: -2s; animation-duration: 22s; }
.section-bg-icons .icon:nth-child(3)  { animation-delay: -4s; animation-duration: 20s; }
.section-bg-icons .icon:nth-child(4)  { animation-delay: -6s; animation-duration: 24s; }
.section-bg-icons .icon:nth-child(5)  { animation-delay: -8s; animation-duration: 19s; }
.section-bg-icons .icon:nth-child(6)  { animation-delay: -10s; animation-duration: 21s; }
.section-bg-icons .icon:nth-child(7)  { animation-delay: -12s; animation-duration: 23s; }
.section-bg-icons .icon:nth-child(8)  { animation-delay: -14s; animation-duration: 17s; }
.section-bg-icons .icon:nth-child(9)  { animation-delay: -1s; animation-duration: 25s; }
.section-bg-icons .icon:nth-child(10) { animation-delay: -3s; animation-duration: 20s; }
.section-bg-icons .icon:nth-child(11) { animation-delay: -5s; animation-duration: 22s; }
.section-bg-icons .icon:nth-child(12) { animation-delay: -7s; animation-duration: 18s; }
.section-bg-icons .icon:nth-child(13) { animation-delay: -9s; animation-duration: 24s; }
.section-bg-icons .icon:nth-child(14) { animation-delay: -11s; animation-duration: 19s; }
.section-bg-icons .icon:nth-child(15) { animation-delay: -13s; animation-duration: 21s; }
.section-bg-icons .icon:nth-child(16) { animation-delay: -15s; animation-duration: 23s; }

/* Sizes */
.section-bg-icons .icon.sm { font-size: 1.5rem; opacity: 0.06; }
.section-bg-icons .icon.md { font-size: 2.5rem; opacity: 0.08; }
.section-bg-icons .icon.lg { font-size: 3.5rem; opacity: 0.1; }

/* Text-based icons (platform names, languages) */
.section-bg-icons .icon.text {
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 700;
    color: #e0e0e0;
    font-size: 1.2rem;
    opacity: 0.06;
}

.section-bg-icons .icon.text.lg {
    font-size: 1.8rem;
    opacity: 0.08;
}

/* Float animation */
@keyframes float {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
    }
    25% {
        transform: translateY(-20px) rotate(5deg);
    }
    50% {
        transform: translateY(10px) rotate(-3deg);
    }
    75% {
        transform: translateY(-15px) rotate(2deg);
    }
}

/* Section needs relative positioning */
.section-about,
.section-education,
.section-code,
.section-nocode,
.section-games,
.section-robo,
.section-articles {
    position: relative;
    overflow: hidden;
}

.section > .container {
    position: relative;
    z-index: 1;
}