.social-container{background:#fff;padding:40px;margin:20px auto;width:90%;max-width:600px;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.08)}.social-title{text-align:center;color:var(--primary);margin-bottom:30px}.social-links{display:flex;flex-direction:column;gap:12px}.social-link{display:flex;align-items:center;gap:15px;padding:18px 24px;border-radius:16px;text-decoration:none;color:#fff;transition:.3s;border:none;position:relative;overflow:hidden}.social-link:hover{transform:scale(1.03) translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.3);z-index:10;filter:brightness(1.1);color:#fff!important}.social-link:hover .social-handle,.social-link:hover .social-name{color:#fff!important}.social-link::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-20deg);transition:.5s;z-index:1}.social-link:hover::after{left:100%;transition:.5s}.social-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:20px;background:rgba(255,255,255,.2);border-radius:12px;backdrop-filter:blur(4px);position:relative;z-index:2;color:#fff;flex-shrink:0}.social-icon svg{width:24px;height:24px}.social-link.facebook{background:linear-gradient(135deg,#1877f2,#0d65d9)}.social-link.instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-link.x-twitter{background:linear-gradient(135deg,#14171a,#2c2f33)}.social-link.youtube{background:linear-gradient(135deg,red,#c00)}.social-link.linkedin{background:linear-gradient(135deg,#0077b5,#005582)}.social-link.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.social-link.telegram{background:linear-gradient(135deg,#08c,#229ed9)}.social-link.snapchat{background:linear-gradient(135deg,#fffc00,#f5c800);color:#333}.social-link.snapchat .social-handle,.social-link.snapchat .social-icon,.social-link.snapchat .social-name{color:#333}.social-link.snapchat:hover,.social-link.snapchat:hover .social-handle,.social-link.snapchat:hover .social-name{color:#333!important}.social-link.tiktok{background:linear-gradient(135deg,#010101,#25f4ee)}.social-name{font-weight:600;font-size:1.05rem;margin-bottom:2px;color:#fff}.social-handle{color:rgba(255,255,255,.85);font-size:.85rem;direction:ltr}@media (max-width:768px){.social-container{padding:20px;width:95%}.social-link{padding:14px 18px}}