/* BACKGROUND */
body {
    background: radial-gradient(circle at 50% 20%, #0a1f0a, #000000 80%);
    color: #e8ffe8;
}

/* EMERALD GLOW */
body::before {
    content: "";
    position: absolute;
    width: 900px;
    height: 900px;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    background: radial-gradient(circle,
        rgba(0, 255, 120, 0.35) 0%,
        rgba(0, 200, 90, 0.18) 35%,
        rgba(0, 150, 60, 0.08) 60%,
        rgba(0, 120, 40, 0.03) 75%,
        rgba(0, 100, 20, 0) 100%);
    filter: blur(40px);
    z-index: 0;
}

/* STARS */
.stars {
    background-image:
        radial-gradient(3px 3px at 10% 20%, #d0ffd0, transparent),
        radial-gradient(3px 3px at 80% 30%, #d0ffd0, transparent),
        radial-gradient(3px 3px at 40% 70%, #d0ffd0, transparent),
        radial-gradient(3px 3px at 60% 10%, #d0ffd0, transparent),
        radial-gradient(3px 3px at 20% 90%, #d0ffd0, transparent);
    animation: twinkle 5s infinite alternate ease-in-out;
    opacity: 0.9;
}

.stars2 {
    background-image: radial-gradient(2px 2px, #b0ffb0, transparent);
    animation: drift 90s linear infinite;
    opacity: 0.5;
}

.stars3 {
    background-image: radial-gradient(1.5px 1.5px, #a0ffa0, transparent);
    animation: drift 140s linear infinite reverse;
    opacity: 0.35;
}

/* CLOUDS */
.cloud-layer {
    background: radial-gradient(circle at 50% 60%,
        rgba(255,255,255,0.12) 0%,
        rgba(255,255,255,0.03) 40%,
        rgba(255,255,255,0) 80%);
    opacity: 0.35;
}

/* LOGO GLOW */
.logo {
    border-color: rgba(200,255,200,0.5);
    box-shadow: 0 0 60px rgba(0,255,120,0.25);
}

/* SOCIAL ICON BASE COLOR */
.social svg {
    fill: #e8ffe8;
    filter: drop-shadow(0 0 6px rgba(200,255,200,0.4));
}

/* SOCIAL HOVERS */
.facebook:hover svg { fill: #3b5998; filter: drop-shadow(0 0 12px #3b5998); }
.youtube:hover svg { fill: #ff0000; filter: drop-shadow(0 0 12px #ff0000); }
.instagram:hover svg { fill: #e1306c; filter: drop-shadow(0 0 12px #e1306c); }
.tiktok:hover svg { fill: #69C9D0; filter: drop-shadow(0 0 12px #69C9D0); }
.patreon:hover svg { fill: #ff5900; filter: drop-shadow(0 0 12px #ff5900); }
.discord:hover svg { fill: #5865F2; filter: drop-shadow(0 0 12px #5865F2); }