/* ===== PARTICLE CANVAS ===== */
.particle-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    opacity: 0.4;
}

/* ===== SCROLL REVEAL ANIMATIONS ===== */
[data-scroll-reveal] {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}

[data-scroll-reveal].revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Welcome message styling */
.welcome-msg {
    font-weight: var(--font-medium);
    color: var(--color-primary-dark);
    margin-right: var(--space-4);
    animation: softGlow 4s ease-in-out infinite;
}