.cyberpunk-social-container{position:relative;background:#000;border:1px solid #8c2226;padding:40px 30px;margin:30px 0;overflow:hidden;min-height:400px}.cyberpunk-social-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.cyberpunk-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgb(196 180 151 / .03) 50%);background-size:100% 4px;animation:cyberpunk-scan 4s linear infinite}.cyberpunk-grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgb(140 34 38 / .1) 1px,transparent 1px),linear-gradient(180deg,rgb(140 34 38 / .1) 1px,transparent 1px);background-size:20px 20px;opacity:.3}.cyberpunk-particles{position:absolute;top:0;left:0;width:100%;height:100%}.cyberpunk-particles:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#8c2226,transparent),radial-gradient(2px 2px at 40px 70px,#c4b497,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent);background-repeat:repeat;animation:cyberpunk-float 20s linear infinite}@keyframes cyberpunk-scan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}@keyframes cyberpunk-float{0%{transform:translateY(0) translateX(0)}100%{transform:translateY(-100px) translateX(100px)}}.cyberpunk-social-content{position:relative;z-index:2}.cyberpunk-social-title{color:#fff;font-family:'Courier New',monospace;font-size:2rem;text-align:center;text-transform:uppercase;letter-spacing:3px;margin:0 0 40px;position:relative;text-shadow:0 0 10px rgb(255 255 255 / .3)}.cyberpunk-title-text{position:relative;z-index:2}.cyberpunk-title-glitch{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 49%,rgb(255 255 255 / .1) 50%,transparent 51%);opacity:0;animation:cyberpunk-title-glitch 5s infinite}@keyframes cyberpunk-title-glitch{0%,95%,100%{opacity:0}96%,98%{opacity:.3}97%,99%{opacity:.1}}.cyberpunk-social-layout{display:grid;gap:20px}.cyberpunk-layout-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cyberpunk-layout-hologram{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));perspective:1000px}.cyberpunk-layout-terminal{grid-template-columns:1fr;max-width:600px;margin:0 auto}.cyberpunk-layout-neon{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cyberpunk-social-link{display:block;text-decoration:none;color:inherit;position:relative;transition:all .3s ease;border:1px solid #8c2226;background:rgb(0 0 0 / .7);overflow:hidden}.cyberpunk-link-inner{display:flex;align-items:center;padding:20px;position:relative;z-index:2}.cyberpunk-link-icon{font-size:2rem;margin-right:15px;min-width:50px;text-align:center;transition:transform .3s ease}.cyberpunk-link-content{flex:1}.cyberpunk-link-name{display:block;color:#fff;font-family:'Courier New',monospace;font-size:1.1rem;font-weight:700;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.cyberpunk-link-url{display:block;color:#c4b497;font-family:'Courier New',monospace;font-size:.8rem;opacity:.8}.cyberpunk-link-indicator{position:relative;width:20px;height:20px}.cyberpunk-link-ping{width:8px;height:8px;background:#8c2226;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}.cyberpunk-link-hover{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(196 180 151 / .1),transparent);transition:left .6s ease}.cyberpunk-link-glitch{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 49%,rgb(140 34 38 / .3) 50%,transparent 51%);opacity:0;transition:opacity .3s ease}.cyberpunk-social-link:hover{transform:translateY(-5px);border-color:#c4b497;box-shadow:0 5px 15px rgb(140 34 38 / .4),0 0 20px rgb(196 180 151 / .2)}.cyberpunk-social-link:hover .cyberpunk-link-hover{left:100%}.cyberpunk-social-link:hover .cyberpunk-link-glitch{opacity:1;animation:cyberpunk-link-glitch .5s infinite}.cyberpunk-social-link:hover .cyberpunk-link-icon{transform:scale(1.2)}.cyberpunk-social-link:hover .cyberpunk-link-ping{background:#c4b497;box-shadow:0 0 10px #c4b497}@keyframes cyberpunk-link-glitch{0%{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-1px)}80%{transform:translateX(1px)}100%{transform:translateX(0)}}.cyberpunk-layout-hologram .cyberpunk-social-link{transform-style:preserve-3d;transform:rotateX(5deg)}.cyberpunk-layout-hologram .cyberpunk-social-link:hover{transform:rotateX(0deg) translateY(-10px)}.cyberpunk-layout-terminal .cyberpunk-social-link{border-left:4px solid #8c2226;border-right:none;border-top:none;border-bottom:none;margin-bottom:10px}.cyberpunk-layout-terminal .cyberpunk-social-link:before{content:">_";color:#c4b497;font-family:'Courier New',monospace;position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .3s ease}.cyberpunk-layout-terminal .cyberpunk-social-link:hover:before{opacity:1}.cyberpunk-layout-neon .cyberpunk-social-link{border:none;background:linear-gradient(90deg,transparent,rgb(140 34 38 / .3),transparent);position:relative}.cyberpunk-layout-neon .cyberpunk-social-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#8c2226;box-shadow:0 0 10px #8c2226;transition:all .3s ease}.cyberpunk-layout-neon .cyberpunk-social-link:hover:after{height:100%;opacity:.1}.cyberpunk-social-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.cyberpunk-glitch-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 49%,rgb(255 255 255 / .02) 50%,transparent 51%);opacity:0;animation:cyberpunk-glitch-overlay 8s infinite}.cyberpunk-neon-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgb(196 180 151 / .1) 0%,transparent 70%);opacity:.5}@keyframes cyberpunk-glitch-overlay{0%,90%,100%{opacity:0}91%,93%,95%,97%,99%{opacity:.1}92%,94%,96%,98%{opacity:.05}}.cyberpunk-no-links{text-align:center;color:#8c2226;font-family:'Courier New',monospace;font-size:1.1rem;padding:40px;border:2px dashed #8c2226;grid-column:1/-1}@media (max-width:768px){.cyberpunk-social-container{padding:20px 15px;min-height:300px}.cyberpunk-social-title{font-size:1.5rem;margin-bottom:30px}.cyberpunk-layout-grid,.cyberpunk-layout-hologram,.cyberpunk-layout-neon{grid-template-columns:1fr}.cyberpunk-link-inner{padding:15px}.cyberpunk-link-icon{font-size:1.5rem;min-width:40px}}@media (max-width:480px){.cyberpunk-social-title{font-size:1.2rem;letter-spacing:2px}.cyberpunk-link-name{font-size:1rem}}