.hero-platform {
    position: absolute;
    left: 50%;
    bottom: 8%;
    z-index: 7;
    width: min(78%, 560px);
    height: 32px;
    transform: translateX(-50%);
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(15, 111, 115, 0.78), rgba(215, 155, 50, 0.96), rgba(15, 111, 115, 0.78));
    filter: blur(9px);
    opacity: 0.72;
}

.hero-platform-ring {
    position: absolute;
    left: 50%;
    bottom: 7.2%;
    z-index: 8;
    width: min(70%, 500px);
    height: 8px;
    transform: translateX(-50%);
    border-radius: 999px;
    background:
        linear-gradient(90deg, transparent, rgba(215, 155, 50, 0.96), transparent);
    opacity: 0.9;
}

.pedestal-container {
    position: absolute;
    left: 50%;
    bottom: 9%;
    z-index: 6;
    width: min(76%, 540px);
    height: 48px;
    transform: translateX(-50%);
    pointer-events: none;
}

.pedestal-glow {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background:
        radial-gradient(ellipse at center, rgba(215, 155, 50, 0.82), rgba(15, 111, 115, 0.38), transparent 72%);
    filter: blur(18px);
    animation: pedestalGlow 7s ease-in-out infinite;
}

.hero-gold-halo,
.hero-teal-halo {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.hero-gold-halo {
    z-index: 2;
    width: 360px;
    height: 360px;
    background: rgba(215, 155, 50, 0.20);
    filter: blur(120px);
}

.hero-teal-halo {
    z-index: 1;
    width: 560px;
    height: 560px;
    background: rgba(15, 111, 115, 0.28);
    filter: blur(140px);
}