.social-cta{ padding:100px 20px; background:linear-gradient( 135deg, #0f172a 0%, #1e1b4b 25%, #312e81 50%, #7c3aed 75%, #2563eb 100% ); } .cta-container{ max-width:1200px; margin:auto; text-align:center; } .cta-container h2{ font-size:48px; font-weight:800; color:#fff; margin-bottom:15px; } .cta-container p{ color:#e2e8f0; font-size:18px; margin-bottom:50px; } .cta-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:25px; } .cta-card{ position:relative; overflow:hidden; padding:35px 25px; border-radius:24px; text-decoration:none; color:#fff; backdrop-filter:blur(15px); border:1px solid rgba(255,255,255,0.15); transition:all .4s ease; } .cta-card::before{ content:""; position:absolute; inset:0; background:rgba(255,255,255,0.08); opacity:0; transition:.4s; } .cta-card:hover{ transform:translateY(-12px) scale(1.05); } .cta-card:hover::before{ opacity:1; } .cta-card i{ font-size:55px; margin-bottom:20px; } .cta-card h3{ font-size:24px; font-weight:700; margin-bottom:8px; } .cta-card p{ color:rgba(255,255,255,.9); margin:0; } /* Brand Colors */ .whatsapp{ background:linear-gradient(135deg,#25D366,#00b894); box-shadow:0 15px 40px rgba(37,211,102,.35); } .instagram{ background:linear-gradient( 135deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5 ); box-shadow:0 15px 40px rgba(214,41,118,.35); } .youtube{ background:linear-gradient(135deg,#ff0000,#ff4d4d); box-shadow:0 15px 40px rgba(255,0,0,.35); } .facebook{ background:linear-gradient(135deg,#1877f2,#00a2ff); box-shadow:0 15px 40px rgba(24,119,242,.35); } .linkedin{ background:linear-gradient(135deg,#0077b5,#00a0dc); box-shadow:0 15px 40px rgba(0,119,181,.35); } .website{ background:linear-gradient(135deg,#7c3aed,#ec4899); box-shadow:0 15px 40px rgba(236,72,153,.35); }