body {
    background: url('../assets/bg.jpg') no-repeat center center fixed;
    background-size: cover;
    margin: 0;
    padding: 0;
}

.bg-overlay {
    background: rgba(0,0,0,0.6);
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1;
}

#groupLinks {
    animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

.content-wrapper {
    position: relative;
    z-index: 2;
    padding-top: 40px;
    padding-bottom: 40px;
}

.no-click:hover {
  background-color: rgba(255,255,255,0.3);
  cursor: default;
}

.profile-logo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: white;
    padding: 5px;
    object-fit: cover;
}

.icon-social {
    width: 36px;
    height: 36px;
    transition: transform 0.2s;
}
.icon-social:hover {
    transform: scale(1.1);
}

.icon-btn {
    width: 24px;
    height: 24px;
}

.btn {
    border-radius: 10px;
}