/* Efek Background Cahaya */
.glow-bg-social {
position: absolute;
width: 600px; height: 600px;
background: radial-gradient(circle, rgba(25, 135, 84, 0.05) 0%, transparent 70%);
top: 50%; left: 50%; transform: translate(-50%, -50%);
z-index: 0; pointer-events: none;
}

.connect-card {
border: 1px solid rgba(0,0,0,0.05);
background: #ffffff;
position: relative;
z-index: 1;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Lingkaran Ikon */
.icon-circle {
width: 70px; height: 70px;
display: flex; align-items: center; justify-content: center;
border-radius: 20px;
transition: all 0.4s ease;
}

/* Warna Khusus Instagram */
.instagram-premium .icon-circle {
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
color: white;
}
.instagram-premium:hover {
background: linear-gradient(135deg, #ffffff 0%, #fff0f5 100%);
border-color: #dc2743;
}

/* Warna Khusus Shopee */
.shopee-premium .icon-circle {
background: #EE4D2D;
color: white;
}
.shopee-premium:hover {
background: linear-gradient(135deg, #ffffff 0%, #fff5ee 100%);
border-color: #EE4D2D;
}

/* Hover Effects */
.connect-card:hover {
transform: translateY(-15px);
box-shadow: 0 25px 50px rgba(0,0,0,0.1) !important;
}

.connect-card:hover .icon-circle {
transform: rotate(10deg) scale(1.1);
}

.visit-link {
color: #444;
transition: all 0.3s ease;
}

.connect-card:hover .visit-link {
color: #000;
letter-spacing: 1px;
}

.shadow-vibrant {
box-shadow: 0 10px 30px rgba(0,0,0,0.02);
}