.bg-space {
    background: #0d0e2a url('images/landscape.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    /*background: radial-gradient(circle at 50% 32%, #140d3a 0%, #060416 55%, #020108 100%);*/
}
#google_translate_element {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 9999;
  background: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  font-size: 14px;
}
.goog-te-gadget img {
  display: none; /* Hide Google branding flag icon */
}
#welcome {
    background: url('images/cosmic.png') ;
}
#healing {
    background: url('images/cosmic.png') ;
}
#about, .chakras{
    background: url('images/cosmic.png') 100% 100%;
}
.bg-stars {
    /*background-image: radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 4px),
                      radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 3px),
                      radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 4px);
    background-size: 550px 550px, 350px 350px, 250px 250px;
    background-position: 0 0, 40px 60px, 130px 270px;*/
}
.bg-nebula-lasso {
    background: radial-gradient(circle at 20% 30%, rgba(126, 34, 206, 0.15) 0%, transparent 45%),
                radial-gradient(circle at 80% 40%, rgba(6, 182, 212, 0.12) 0%, transparent 45%),
                radial-gradient(circle at 50% 15%, rgba(245, 158, 11, 0.05) 0%, transparent 35%);
    filter: blur(40px);
}

.glass-navbar {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-shadow: 
        inset 0 1px 2px rgba(255, 255, 255, 0.05),
        0 12px 35px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.nav-active {
    color: #fff7ed;
    font-weight: 600;
    text-shadow: 0 0 12px rgba(251, 191, 36, 0.85), 0 0 25px rgba(251, 191, 36, 0.4);
}

.gold-capsule-btn {
    background: linear-gradient(
        180deg,
        #fffbeb 0%,
        #fef08a 15%,
        #f59e0b 55%,
        #b45309 85%,
        #78350f 100%
    );
    border: 1px solid rgba(254, 243, 199, 0.85);
    box-shadow: 
        inset 0 1.5px 2px rgba(255, 255, 255, 0.75),
        inset 0 -1.5px 2px rgba(0, 0, 0, 0.4),
        0 0 25px rgba(245, 158, 11, 0.45),
        0 10px 25px rgba(0, 0, 0, 0.55);
    color: #1c0b01;
    font-weight: 600;
    text-shadow: 0 0.5px 0 rgba(255, 255, 255, 0.4);
}

.gold-capsule-btn:hover {
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #fef08a 20%,
        #fbbf24 60%,
        #d97706 85%,
        #92400e 100%
    );
    box-shadow: 
        inset 0 1.5px 2px rgba(255, 255, 255, 0.95),
        0 0 35px rgba(245, 158, 11, 0.7),
        0 12px 30px rgba(0, 0, 0, 0.65);
    transform: translateY(-1px);
}

@keyframes cosmic-pulse {
    0%, 100% { opacity: 0.85; filter: blur(40px) saturate(100%); }
    50% { opacity: 1; filter: blur(35px) saturate(125%); }
}

@keyframes vortex-slow {
    0% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(15deg) scale(1.05); }
    100% { transform: rotate(0deg) scale(1); }
}

@keyframes vortex-reverse {
    0% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(-10deg) scale(1.03); }
    100% { transform: rotate(0deg) scale(1); }
}

@keyframes scroll-dot {
    0%, 100% { transform: translateY(0); opacity: 1; }
    50% { transform: translateY(7px); opacity: 0.2; }
}

.animate-cosmic-pulse {
    animation: cosmic-pulse 8s infinite ease-in-out;
}

.animate-vortex-slow {
    animation: vortex-slow 25s infinite ease-in-out;
}

.animate-vortex-reverse {
    animation: vortex-reverse 30s infinite ease-in-out;
}

.animate-scroll-dot {
    animation: scroll-dot 2.2s infinite ease-in-out;
}