.socials-container{max-width:1200px;margin:0 auto;padding:2em 1em}.socials-hero{text-align:center;margin-bottom:3em;padding:3em 2em;background:linear-gradient(135deg,var(--md-sys-color-surface-container),var(--md-sys-color-surface-container-high));border-radius:24px;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1em}.hero-icon{font-size:3rem;background:var(--md-sys-color-surface-container-highest);width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:20px;margin-bottom:1em;box-shadow:var(--md-sys-elevation-1)}.socials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5em;margin-top:2em}.social-card{background:var(--md-sys-color-surface-container);padding:2em;border-radius:16px;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:1.5em;box-shadow:var(--md-sys-elevation-1)}.social-card:hover{background:var(--md-sys-color-surface-container-high);transform:translateY(-2px);box-shadow:var(--md-sys-elevation-2)}.social-icon{font-size:2rem;background:var(--md-sys-color-surface-container-highest);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px}.social-info h3{color:var(--md-sys-color-on-surface);margin-bottom:.25em;font-size:var(--font-size-h6)}.social-info p{color:var(--md-sys-color-on-surface-variant);font-size:.9rem}@media (max-width: 768px){.socials-grid{grid-template-columns:1fr}.socials-hero{padding:2em 1em}.social-card{padding:1.5em}}