.social-links{align-items:center;gap:1.2rem;display:flex}.social-link{width:45px;height:45px;box-shadow:var(--shadow-card);background:linear-gradient(135deg, var(--color-surface-card-alt) 0%, var(--color-surface-section-alt) 100%);z-index:1;border:1px solid var(--color-border-default);border-radius:12px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden}.social-link:before{content:"";background:linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-brand-secondary) 100%);opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.social-link svg{transition:all .4s;transform:scale(1);color:var(--color-text-muted)!important;fill:var(--color-text-muted)!important}.social-links.default .social-link{color:#6c757d}.social-links.default .social-link:hover{transform:translateY(-5px)rotate(5deg);box-shadow:0 10px 20px #007bff40}.social-links.default .social-link:hover:before{opacity:1}.social-links.default .social-link:hover svg{filter:drop-shadow(0 0 2px #ffffff80);transform:scale(1.15);color:#fff!important;fill:#fff!important}.social-links.footer{justify-content:flex-start;margin-top:.5rem}.social-links.footer .social-link{border:1px solid var(--color-border-medium);width:40px;height:40px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.social-links.footer .social-link svg{font-size:1.1rem;color:var(--color-text-muted)!important;fill:var(--color-text-muted)!important}.social-links.footer .social-link:hover{transform:translateY(-5px)rotate(5deg);box-shadow:0 10px 20px #007bff40}.social-links.footer .social-link:hover:before{opacity:1}.social-links.footer .social-link:hover svg{filter:drop-shadow(0 0 2px #ffffff80);transform:scale(1.15);color:#fff!important;fill:#fff!important}@keyframes pulse{0%{box-shadow:0 0 #007bff66}70%{box-shadow:0 0 0 10px #007bff00}to{box-shadow:0 0 #007bff00}}@media (max-width:768px){.social-link{border-radius:10px;width:40px;height:40px}.social-links{gap:1rem}}.social-link.github:hover:before{background:linear-gradient(135deg,#24292e 0%,#4f4f4f 100%)}.social-link.linkedin:hover:before{background:linear-gradient(135deg,#0072b1 0%,#0093d0 100%)}.social-link.email:hover:before{background:linear-gradient(135deg,#d44638 0%,#f6ba2a 100%)}.social-link:active{transition:transform .2s;transform:scale(.85)!important}