/* --- Base Layout --- */
body {
    margin: 0;
    padding: 0;
    background: radial-gradient(circle at top, #2a2a2a, #000);
    font-family: 'Montserrat', sans-serif;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

/* --- Center Container --- */
.container {
    text-align: center;
}

/* --- Logo with Glow for Black Logos --- */
.logo {
    width: 380px;
    max-width: 80%;
    margin-bottom: 40px;
    filter: drop-shadow(0 0 40px rgba(255,255,255,0.35))
            drop-shadow(0 0 90px rgba(255,255,255,0.25));
}

.logo-halo {
    display: inline-block;
    padding: 40px;
    background: radial-gradient(circle, rgba(255,255,255,0.18), rgba(255,255,255,0) 70%);
    border-radius: 50%;
}


/* --- Social Icons --- */
.social-menu ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 28px;
    justify-content: center;
}

.social-menu ul li {
    list-style: none;
}

.social-menu ul li a {
    color: #fff;
    font-size: 34px;
    transition: 0.3s ease;
}

.social-menu ul li a:hover {
    color: #1db954; /* Accent color */
    transform: scale(1.22);
    text-shadow: 0 0 12px rgba(29,185,84,0.7);
}