.social{color:var(--white);text-align:center;background-image:url(/images/hero-1.jpg);background-position:50%;background-size:cover;padding:100px 0;position:relative;overflow:hidden}.social__bg{background:var(--gradient-dark);position:absolute;inset:0}.social__overlay{background:radial-gradient(circle at 30%,#7b2fbe26 0%,#0000 50%),radial-gradient(circle at 70%,#4ecdc41a 0%,#0000 50%);position:absolute;inset:0}.social__content{z-index:1;position:relative}.social__title{margin-bottom:16px;font-size:2.8rem;font-weight:800}.social__desc{color:#ffffffb3;max-width:500px;margin:0 auto 48px;font-size:1.05rem;line-height:1.7}.social__icons{justify-content:center;gap:40px;display:flex}.social__link{transition:all var(--transition-medium);flex-direction:column;align-items:center;gap:12px;display:flex}.social__link:hover{transform:translateY(-8px)}.social__link-ring{color:#fffc;width:80px;height:80px;transition:all var(--transition-medium);border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.social__link-ring:before{content:"";transition:all var(--transition-medium);border:1px solid #0000;border-radius:50%;position:absolute;inset:-6px}.social__link:hover .social__link-ring{border-color:var(--social-color);color:var(--social-color);box-shadow:0 0 30px color-mix(in srgb,var(--social-color)40%,transparent)}.social__link:hover .social__link-ring:before{border-color:color-mix(in srgb,var(--social-color)30%,transparent)}.social__link-label{color:#fff9;transition:color var(--transition-fast);font-size:.85rem;font-weight:500}.social__link:hover .social__link-label{color:var(--white)}@media (max-width:768px){.social__icons{gap:24px}.social__link-ring{width:64px;height:64px}}