/* Floating spotlight effect for hero section */
.multibid-hero {
    position: relative;
    background: #0b0d0c;
    color: #f8fafc;
    overflow: hidden;
}

.multibid-hero .hero-content {
    position: relative;
    z-index: 2;
}

.hero-spotlight-layer {
    position: absolute;
    inset: -10% -5% 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
    filter: blur(2px);
}

.hero-spotlight {
    position: absolute;
    width: var(--size, 26rem);
    height: var(--size, 26rem);
    border-radius: 50%;
    background: rgba(183, 255, 74, 0.055);
    opacity: 0.35;
    mix-blend-mode: screen;
    transform: translate3d(var(--x, 0), var(--y, 0), 0) scale(var(--scale, 1));
    transition:
        transform var(--duration, 12s) ease-in-out,
        opacity 1.4s ease-in-out;
    will-change: transform, opacity;
    box-shadow: 0 0 65px rgba(34, 197, 94, 0.45), 0 0 120px rgba(16, 185, 129, 0.25);
}

.hero-spotlight::after {
    content: "";
    position: absolute;
    inset: 18%;
    border-radius: 50%;
    background: rgba(220, 252, 231, 0.045);
    opacity: 0.6;
    filter: blur(6px);
}

.hero-spotlight.is-dimmed {
    opacity: 0.18;
}