.social-container {
    max-width: auto;
    margin: 5px auto 100px;
    padding: 0 5%;
}

.social-header {
    margin-bottom: 40px;
}

.social-header h1 {
    font-size: 2.5rem;
    color: var(--secondary);
    margin-bottom: 10px;
}

.social-header p {
    color: #666;
    font-size: 1.1rem;
}

.widget-wrapper {
    background: var(--card-bg);
    padding: 20px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid var(--border-color);
    min-height: 400px;
}