/* Spring Theme - Modern Premium Design */
.spring-theme {
    position: relative;
    overflow-x: hidden;
}

.spring-theme body {
    background: linear-gradient(135deg, 
        #0a1828 0%,
        #1a2332 25%,
        #253342 50%,
        #2a3f54 75%,
        #345266 100%
    );
    min-height: 100vh;
}

/* Spring gradient overlay */
.spring-theme body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 15% 20%, rgba(255, 182, 193, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 85% 80%, rgba(144, 238, 144, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 50% 50%, rgba(255, 245, 230, 0.05) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

/* Spring accents on platform cards */
.spring-theme .platform-item a {
    border-color: rgba(255, 182, 193, 0.2);
}

.spring-theme .platform-item a:hover {
    border-color: rgba(255, 182, 193, 0.4);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.3),
        0 0 50px rgba(255, 182, 193, 0.15),
        0 0 0 1px rgba(255, 182, 193, 0.1) inset;
}

/* Spring glow on title */
.spring-theme h1 {
    text-shadow: 0 0 60px rgba(255, 182, 193, 0.2);
}

.spring-theme h1::after {
    background: linear-gradient(90deg, transparent, rgba(255, 182, 193, 0.5), transparent);
}

/* Spring glow on logo */
.spring-theme .logo {
    filter: drop-shadow(0 4px 12px rgba(255, 182, 193, 0.2));
}

.spring-theme .logo:hover {
    filter: drop-shadow(0 8px 20px rgba(255, 182, 193, 0.3));
}

/* Elegant spring particles - soft floating circles */
.spring-particle {
    position: fixed;
    top: -20px;
    border-radius: 50%;
    pointer-events: none;
    animation: particle-fall linear forwards;
    z-index: 9999;
    box-shadow: 0 0 8px rgba(255, 182, 193, 0.3);
    backdrop-filter: blur(1px);
}

@keyframes particle-fall {
    0% {
        transform: translateY(0) translateX(0) scale(1);
        opacity: 0;
    }
    10% {
        opacity: 0.6;
    }
    50% {
        transform: translateY(50vh) translateX(var(--drift)) scale(0.8);
        opacity: 0.4;
    }
    100% {
        transform: translateY(110vh) translateX(calc(var(--drift) * 0.5)) scale(0.6);
        opacity: 0;
    }
}

/* Soft ambient light orbs */
.spring-light-orb {
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle, rgba(255, 182, 193, 0.15) 0%, transparent 70%);
    animation: orb-glow ease-in-out forwards;
    z-index: 9997;
    filter: blur(20px);
}

@keyframes orb-glow {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        transform: scale(1.2);
    }
    100% {
        opacity: 0;
        transform: scale(0.8);
    }
}

/* Gentle shimmer particles */
.spring-shimmer {
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.6);
    animation: shimmer-twinkle 3s ease-out forwards;
    z-index: 9998;
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.8);
}

@keyframes shimmer-twinkle {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    20% {
        opacity: 1;
        transform: scale(1);
    }
    80% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0);
    }
}